UI設計圖標配色案例示范

　　對于圖標配色，有的設計師會使用品牌顏色，有的則會直接采用其他設計師的配色，UI設計色彩極具重要性。這樣可以嗎?是可以，但在某些方面并不嚴格。今天AAA教育武老師將介紹一些圖標色彩搭配的思考和分析，以期對您有所幫助。
 

　　如上圖所示，在紅盒子的地方，我對他進行了白紙黑字的處理。先無視這個，讓我們優(yōu)先解決圓底圖標的顏色匹配問題。有的設計師在拿到原型圖后，直接開始尋找參考，找到類似布局的app產品，然后吸收顏色，改變顏色位置，再完成，這樣會導致風格和色調不匹配。之前有一期專門講過UI設計的配色經驗。


         面對這樣的需求，怎么辦?為了了解產品的定位，我們可以考慮一下。這種圖標顏色通常遵循產品的主色調，例如您的產品采用什么樣式。是年輕化、時尚潮流、商務風格還是奢華定位?每個產品的定位、顏色都有很大的不同?？纯唇貓D。
 

　　馬蜂窩和QQ音樂首頁產品圖標顏色的使用，QQ音樂延續(xù)了品牌色彩，因為這些功能都是同一類，所以設計比較輕薄。讓我們看看蜂箱。為什么這些顏色?因為每個入口都強調獨立功能的品牌定義。兩者在顏色上都趨于年輕化，而黃蜂窩則更年輕、更具個性。因此，我們可以看到產品傾向于年輕群體。因為它的內部功能不同，所以顏色也跟著功能走。當我們了解產品的色彩選擇定位后，下面就很容易做到了。

　　UI設計師需要掌握的技能很多，以小眾群體為例，了解該產品的定位。從功能上講，我們一般都知道與汽車有關的產品。由于是與汽車相關的產品，我們可以先分析頂級競爭產品的顏色范圍和產品定位，從而推斷出此類產品的顏色安全范圍。這種做法可以減少錯誤。第一步是確定主色，這一般是品牌的主色。
 

　　UI設計色彩有多重要？對于主色調，讓我們做一個顏色主屬性分析。
 

　　車輛篩選和幀號識別屬于部分功能范疇，中性，因此可以使用相似的顏色。其余的圖表和日常報到，其中，目前榜單上的大部分條目都是暖色，因為整個氣氛相當熱鬧，所以這里不能用冷色。每日簽到是這個應用程序功能中比較重要的條目之一。它是保證日常生活的交通入口。因此，你也可以在這里繼續(xù)使用暖色，更加搶眼。根據前面的分析，確定了四種顏色。
 

　　雖然顏色是有的，但我們可以看到它是相對剛性和缺乏細節(jié)。我們可以分析一下目前互聯網的主流色彩趨勢，是更傾向于單色漸變還是雙色調漸變。在這里，我不需要太多的顏色，所以我選擇單色漸變。這也考驗設計師的UI設計的配色經驗。
 

　　到目前為止，基本上已經出來了。UI設計圖標按鈕層次重要性。
 

　　現在應該找出問題所在。首先，紫色不適合在這里排名。紫色一般具有娛樂性，不適合汽車產品。其次，雖然日常入住使用的是暖色，但目前的顏色是粉色，實在不太合適。最后，再提醒一下，我們已經定義了顏色。圖標的設計其實很重要，圖標我們可以收集品牌圖形進行延伸，這樣一套完整的解決方案。

        以上就是本期UI設計圖標配色案例示范，色彩是個極小的細節(jié)，卻能給人不同的心理暗示，更多資訊請持續(xù)關注AAA教育。