求交互設計配色方法,請大神指點?

本人大四在讀,今年才打算出國,自己準備作品集時,總是遇到問題,希望能有大神幫助


這是個很有意思的題目,事實上做任何設計,在涉及到造型,配色等問題的時候都可以通過以下這些通行辦法來尋找答案。


首先的問題是要明白你的設計是為何而做以及為誰而作。


這就涉及了兩個常用的尋找方向和「感覺」指導辦法

Mood board Persona

首先說 Mood board (情緒板)

總的來說Mood Board 就是在一個主題之下,將一系列的圖片,文字等等資訊收集起來,然後以平板形式拼貼展示的一種辦法。
那麼在圍繞特定的話題,話語,辭彙等核心搜集圖片等圖形材料的時候,逐漸的在視覺上就會觀察到圍繞特定核心所產生的色彩或者形態演變模式。


試舉例 在線情緒板製作工具 (網址:Quickly build beautiful moodboards and easily share the results

各個預設的情緒板都有著具體核心辭彙, 當然也可以從空白開始製作


那麼接下來的工作就是在這個演變模式中,尋找感覺最契合設計主題的配色方案。


接下來講第二種辦法

Persona (用戶肖像?!)

事實上在設計類工作的用戶肖像建立過程中,對用戶肖像的要求是儘可能的詳細生動的。這與電影等產業的角色設定非常類似,只是在這個肖像的建立可能要更加貼近實際生活。


試舉例


作者:Pam Dyer

鏈接:The 6 Types Of Social Media Users)

出處:Pamorama

那麼事實上,當一個人活生生的站在設計師的面前,且其生活與行為模式和品味偏好都得到了設計師的了解,那麼以此為依據尋找出一套配套的配色方案也是十分行之有效的。

隱藏屬性 拍腦門兒?! 的第三種?

第三種方法某種意義上來說,很難稱之為方法,而更像是將一些人天生具有的感受性借用PS的手法具象化。這個做法就是:
打馬賽克

尋找配色靈感來源的根源圖像多種多樣,這個可以按需尋找。此處我們說的是在找到了靈感圖片之後,如何獲取其基本的配色方案

試舉例 (來自某非著名攝影師海怪君的風光攝影作品: 江之島的天空 晴空塔之眼。

*選用風光片的基本動機是大自然的鬼斧神工一般比較和諧


作者:海怪君

出處:硬碟拷貝,已獲海怪君授權

然後在PS中使用馬賽克工具:

可用配色與具體的色塊是不是一目了然了?


希望大家在尋找配色方案的路上玩兒的開心。


以上望有用,歡迎交流


——————————————

歡迎關注我的專欄Portfolio+ - 知乎專欄


每周二、周五晚6點,準時嘮嘮那些藝術留學與大家最相關的事兒


同學們如有藝術留學、院校、專業、作品集方面的問題,可私信康石石約稿。


好的配色確實可以為作品集增色不少,當然配色也是講究技巧的。很多很多同學在作品集配色方面憑感覺,其實完全可以憑專業知識去實現好的配色,6種方法給題主參考一下。

首發於公眾號、次發於知乎專欄:作品集分享portfolio
歡迎關註:作品集分享Portfolio - 知乎專欄

1. Adobe color CC

https://color.adobe.com/zh/

啊逗比家的東西你們應該非常熟悉了吧,每天抱著他家各種各樣的軟體睡覺and吃飯...

這是一個配色方案的平台,有多種預製配色方案供你參考。

最棒的是,你可以直接把這些配色方案插入進PS中應用,是不是很方便呀~

2.ColourLovers

http://www.colourlovers.com

色彩社區,不僅可以配色,還可以共享他人的色彩

3.Material Palette

https://www.materialpalette.com

這個網站個人瘋狂安利,可以實時看到Material Design下的效果

他的亮點在於,你可以在Palettes中任選1或2種顏色,在線實時預覽配色效果,系統會自己匹配出一組APP UI 配色方案。

另外我喜歡這個網站的另一個原因是右上角有一個More Material Design的按鈕,點進去可以看到很多方案的靈感。

4.BrandColors

https://brandcolors.net

在做品牌設計的時候,是不是很想知道各個大企業的標準色都是什麼顏色,這個網站就總結各個企業在用的配色,還可以下載獲取顏色文件,支持ASE、SCSS、LESS和CSS格式。

5.TinEye Labs

http://labs.tineye.com

根據顏色挑選圖片,這是一款圖像搜索引擎,搜索方式是顏色搜索,資料庫來源於Flickr上面的十萬多張原創圖片,非常適合設計師來尋找靈感。如果你已經厭倦了通過文字描述搜索圖片的方法,就可以試試它哦~

另外,你也可以上傳意向圖片,自動識別圖片中的顏色色值。看栗子↓

6.NIPPON COLORS 日本の伝統色

http://nipponcolors.com/#mizuasagi

我是在知乎「你用過的最讓你震驚的網站有哪些?為什麼?」這個問題下的回答中看到的這個網站,列舉了上百種日本傳統色彩,我還學到了很多顏色的名字。

另外,在切換顏色時的過渡動畫做的很好,設計師小夥伴們,哪怕不是在工作學習,只是瀏覽一下都覺得很養眼。

好啦,小工具介紹了這麼完了,其實最重要的還是設計的思路和顏色匹配,順便給大家一些小tips:

1.比起配色網站,更有趣的是在大自然中找到色彩靈感。現在紅葉瘋了……哦不……楓葉紅了,可以去看看層林盡染的景象,尋找秋日的調色板。

2.閱圖過程中,多保存喜歡的配色方案,存留自己的「色彩靈感庫」,這是未來工作學習長期要做的事情。

3.在給項目設定色彩時,多問自己一些問題:

  • 我要用這個設計傳達什麼樣的情感?
  • 使用的顏色在設計項目中的作用和定位是什麼?
  • 你在為誰設計?設計的使用人群定位是什麼?

如果你能很清楚的回答這些問題,

那也許離你找到合適的配色就不遠了。

http://weixin.qq.com/r/4kiutrvEE_Zsrf-V9x3w (二維碼自動識別)


推薦閱讀:

到目前為止新SAT真題一共有多少?
法國留學與英國留學該如何選擇?
大一本科對專業不甚喜愛,希望休學重讀SAT考美國比較top的本科可能嗎?
北京大學物理學院是否應該鼓勵本科生保本院研?

TAG:藝術 | 交互設計 | 留學 | 留學美國 | 作品集portfolio |