做設計師如何學習色彩搭配?
大部分非專業設計出身的人可能都會遇到色彩搭配的問題,我們使用色彩來表達強調,區分,或者VI標準相關的一致性。
但是每個人對色彩的喜好或者敏感度不同,這就導致大家在選色時一般是比較糾結和困難的。
以下為同樣一家公司的兩個 PPT 文檔:
我們一眼就能看出A和B的差異性,這只是縮略圖,那如果一頁頁的投影放大來看呢?
很多時候 PPT看起來不夠專業,除了排版和對齊以外,色彩上可能就是最大的問題了。
專業的公司PPT設計上是有標準規則的,包括顏色的選擇。
A 文檔中使用了過多的色彩,本意上可能是表達邏輯上的區分或者重點,但搭配凌亂的色彩也使閱讀者注意力的分散,無法集中閱讀和識別。
B 文檔遵循規則,全文檔統一使用固定的色彩,前后差異性明顯。
在 PPT 這件事上,從設計的角度來說,顏色選擇上,大家得學會做減法!
假如你是在以下的色彩界面中根據喜好海選的,那就要慎重了,沒有規則的選擇,可能色彩就會越來越多!
看看我們中國的傳統年畫,那些神靈,各個色彩艷麗,貼在門上是用以驅邪避鬼的~
難道你也希望用 PPT 來這樣對待你的老大和客戶嗎:)
那如何在設計里使用色彩建立專業性?
通常的教程是從色彩的基礎來講的,比如這樣的:
這種學院派的教學稍顯冗成,簡單點的方式大家可以通過配色網站快速掌握:
ColorClaim – 治愈你的顏色選擇困難癥
www.vanschneider.com/colors
ColorClaim 是由設計大神 Tobias van Schneider 創建的,他將自己從 2012 年做的上百種項目配色方案匯總在一起,ColorClaim 最初是為他自己創建的,每次作品中有新的配色方案,他便保存為 JPG 圖片,多年來重復這個過程,形成了自己的色彩庫。
后來他認為這個色彩庫能夠為其他設計師也提供一些幫助,于是將它公開。
畢竟是大神的作品使用過的并珍藏的配色方案,實用性非常強!
這可是哥布林個人最喜歡的配色網站之一
圖片作者及來源:@vanschneider
網站中的配色方案展示也和一般的配色網不一樣,非常特別
每個方案只有 2 到 3 個(最多)顏色,作者將這些顏色組成一個很微妙的背景顏色,一個高亮度的,一個高對比度的,很少再增加更多,甚至有時候更少。
作為一個選擇困難癥,這個真的是太治愈了。
如何使用到 PPT 中
一般,我會將配色方法的圖片復制粘貼到 PPT 中,然后設置成主題色
習慣使用 iSlide 「色彩庫」編輯工具直接取色iSlide 「取色器」使用指南
操作
打開 ColorClaim 網站,右鍵復制配色方案圖片(或直接截圖)將圖片 Ctrl + V 粘貼到 PPT打開 iSlide 「色彩庫」點擊「色彩庫」窗口左上角「編輯主題色」鼠標左鍵點擊需要修改顏色的色塊,在彈出的「取色器」對話框中左鍵點擊「取色器」圖標,按下 ESC 鍵取色/鎖定顏色。保存即可PPT 中不借助插件如何設置主題色
打開 ColorClaim 網站,右鍵復制配色方案圖片(或直接截圖)將圖片 Ctrl + V 粘貼到 PPT截圖獲取配色方案具體色值打開「設計」菜單 ? “變體組”「顏色」? 自定義顏色,輸入色值Before : 原本的配色方案
After : 替換 ColorClaim 的 59 號配色方案后
Palettable 神助攻 —— 配色從未如此輕松
www.palettable.io
目前 ColorClaim 上的精品配色方案有 102 個,
但是仍然會有小伙伴覺得不夠用
沒關系!有大招!
還記得年初時和大家分享過的一個網站不
《一個會根據你喜好配色的網站》
沒錯 就是 Palettable
完全不需要設計知識,只需要選擇「你喜歡」或者「你不喜歡」自動幫你生成配色方案
現在,你可以選一個 ColorClaim 中喜歡的顏色
比如我想翻 41 號顏色方案的牌子
只需在 Palettable 網頁中輸入 41 號的色值 #055A5B輸入色值后,還可以在下方的自定義編輯顏色處,手動調整顏色
選擇一組自己喜歡的顏色
替換顏色完成效果
iSlide - 讓PPT設計簡單起來!