做APP設計,如何突破配色瓶頸?
做設計很多年了,但是進步不大,最大的問題就是配色不好看,找不到感覺,配色問題深深的影響著我的設計水平,進步慢,找不到方法,想不到辦法,很是困惑,不知道如如何做好設計,做好配色,現在正在想辦法突破這個苦難,希望高手指點
APP設計的配色,需要在符合設計主題的前提下,根據使用者特徵來具體選擇。下面康石石根據題主的問題,提供三個配色方法,前兩種方法從用戶體驗入手,探討合適的配色方案;第三種方法從實際情況入手,提供高效的配色方案,希望能幫助題主擺脫瓶頸。
Mood board
Mood board通常指的是在同一主題下,一系列圖像,文字,樣品的拼貼,它是設計領域常用的表達設計定義與方向的視覺做法。運用這一方法,在拼貼過程中根據設計主題,圍繞特定的話題、辭彙等進行圖片的收集與整理,從而呈現出由設計主題演變出來的色彩狀態, 為APP配色提供依據。
圖片來源:Pinterest
案例一:
在APP配色中的應用:
案例二:
在APP配色中的應用:
此外,推薦給題主一個好工具:在線情緒板製作。其中有包含核心辭彙的預設情緒板,也可以從空白開始根據自己的設計主題製作情緒板。
網址:http://www.gomoodboard.com/
Persona
在APP設計的過程中,在前期調研階段就會對用戶肖像進行詳盡地研究,因此題主可以根據使用者調查的結果,從其行為方式、品味喜好等方面入手,尋找合適的配色方案。
Jiaming Zhang,Cornell University,Interaction Design portfolio
Xiaoyu Wang,University of Siegen,Human Computer Interaction,MS
馬賽克
馬賽克的方法不同於以上兩種根據思維方式獲取靈感以尋找合適配色的方法,它更偏向於實操。具體方法是根據找到的切合主題的靈感圖片,運用馬賽克的形式獲取基本配色方案。
以芝加哥藝術學院學生攝影作品為例:
Aric Crafford,SAIC,Photography BFA
直接在Photoshop中使用馬賽克工具,即可輕鬆得到配色方案。
案例一:
在APP配色中的應用:
案例二:
在APP配色中的應用:
康石石提供的三種方法中,前兩種方法表面看起來比較繁瑣,但由於貫穿於整個設計主題,得到的配色結果更能符合設計概念。第三種方法能夠得到更多直接借鑒,但也需要與項目主題相結合,不能盲目套用。
以上望有幫助,歡迎交流
——————————————————————
歡迎關注我的個人官方微信(搜索:kang-shishi)
如有藝術留學、院校、專業、作品集方面的問題,可私信康石石諮詢
其中, 大部分設計師工作的狀態是一邊做著產品的需求,一邊在這個群那個群侃著大山,侃大山的時候用著庫里的組建粘貼複製,做完需求看一看設計網站,恩不錯這些人的設計真好看,OK看完了差不多也到時間該下班了。
so就會出現這種長期被動的情況下。
1、從產品需求入手,考慮我們到底要用什麼主色調
比如同樣是團購,糯米用的是桃紅色,而美團是翠綠色。那麼我們在UI設計的時候首先就要考慮主色調的問題。
2、配色和輔助色用什麼顏色
在考慮到產品氣質和品牌色的同事,我們經常要考慮配合襯托產品主色調的輔助色。在不同的產品中,輔助色運用的策略是不同的,比如我們經常說的:鄰近色、對比色等。都是我們選擇輔助色的方法。
3、用什麼風格來表達
現在來說,說到風格一句話,扁平風。但是在扁平中也有區別。比如下圖,同樣是扁平。但是左圖微微帶有一些光影,而右圖是純扁平。你能說哪個好或者不好嗎?不能。
4、圖標化成什麼風格
同樣是設置、發現、首頁,不同的app在基本結構一致的情況下也有很多細微的差別。倒是要用圓角的icon、還是直角,是用面還是線形,這背後的設計語言邏輯是什麼,設計目的是什麼。都是需要UI設計來考慮。
比如:同樣是騰訊的產品,手Q和微信的icon就完全不一樣。其原因是由於產品面面對的人群不同,手Q更偏年輕化。同樣,你去看陌陌、來往、易信的聊天icon也是不一樣的。這都是需要UI設計師一點點摳細節的去畫出來的。
5、如何表達情感化設計
在一些細節頁面我們常常要考慮情感化設計,以此來提升app的品質,降低用戶在異常情況下的挫敗感。同時好的設計師還會考慮到如何引導用戶去解決,從而滿足產品訴求。不同的產品在做情感化設計的時候方式方法不同,風格也不一樣。這些也都是需要UI設計來處理的。
6、動效如何做
因為手機交互是動態的。所以我們如果可以用在一些跳轉頁面引用動效設計,無意是對整個app加分的好方法。
7、萬年的大頭疼圖標icon
一萬個人有一萬個答案,那麼具體怎麼做,還是要考慮用戶、場景、需求等細節。產品可以提供方向,但是具體的落地還是需要UI設計師來完成。
8、適配、切圖
也算是萬年話題了。你不是做個好看的東西,要能用,開發要能開發。你要考慮iphone456,還要考慮不同的安卓720/1280/1920,甚至有些公司要特殊考慮某些屏幕。
我有一個很是官腔的導師 …
他說 他文學看少,偏好人物傳記,參考他人的人生。
他說 一場講座能抵上你在學校上的十堂課。
他說 勤奮能不能成功他不知道。這個禮拜要沒在工作室看見我,就掛掉我,讓我一定失敗。
他說 你學這個專業,所有學這個專業的人都看相同的東西。你要在專業之外去尋找答案。
雖然他最後一句又是在一堆人開會的時候給我說的。但我覺得 哇塞對啊
這個時候應該去聽聽大師們的 看看他們的配色的教程 受益匪淺
推薦閱讀:
※互聯網領域中,好的 idea 在實現之前能否申請專利?
※對於產品攝影來說,什麼是最重要的?
※最有影響力的設計博客有哪些?
※看完豆瓣電影top250,讀完豆瓣讀書top250,是一種什麼樣的體驗?
※你見過哪些比較有趣的郵件退訂頁?