2016-11-1 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
無(wú)論是軟件界面設(shè)計(jì)還是平常的平面設(shè)計(jì),亦或者宣傳頁(yè)、手機(jī)APP界面的設(shè)計(jì),都離不開(kāi)色彩的搭配,由此可見(jiàn),色彩搭配工作在設(shè)計(jì)過(guò)程中的重要性。今天就以軟件界面設(shè)計(jì)為例來(lái)分享一下在具體設(shè)計(jì)過(guò)程中的要把握好的一些色彩搭配技巧。
技巧第一點(diǎn):顏色使用最好不要超過(guò)三種。經(jīng)常在網(wǎng)上看到有很多的大神都在說(shuō)在設(shè)計(jì)工作中,配色最好不要超過(guò)三種顏色。如果設(shè)計(jì)的界面顏色太多了,難免會(huì)給人一種界面很亂的感覺(jué),界面設(shè)計(jì)很重要的一點(diǎn)就是最終的結(jié)果要給人一種良好的體驗(yàn),如果界面太亂,用戶(hù)體驗(yàn)也就無(wú)從談起了。因此,在用色時(shí),顏色越少越好,但要保證正確的傳達(dá)出需要表現(xiàn)的功能和元素為前提。在我們每添加一種顏色的時(shí)候都需要好好的考慮一下,有沒(méi)有必要。因?yàn)樵購(gòu)?fù)雜的設(shè)計(jì),也不會(huì)多個(gè)三種主色彩。
技巧第二點(diǎn):要確定主色。在運(yùn)用色彩進(jìn)行設(shè)計(jì)的時(shí)候,心里要有數(shù)。色彩的主次關(guān)系能定作品的性。在一定程度上,主色決定了設(shè)計(jì)的風(fēng)格。我們可以這樣去理解,在用戶(hù)使用產(chǎn)品時(shí),更希望用戶(hù)記憶產(chǎn)品。而在用戶(hù)進(jìn)入了信息頁(yè)面時(shí)則更注重易用性,希望用戶(hù)能找到自己需要的東西。所以主色在首頁(yè)使用的面積較多,而二級(jí)頁(yè)面使用在關(guān)鍵的操作點(diǎn)上。從產(chǎn)品角度出發(fā),我們?cè)谑褂弥魃臅r(shí)候要考慮頁(yè)面的內(nèi)容關(guān)系,理解界面的層次與功能性質(zhì)。從視覺(jué)出發(fā),選擇了飽和度較高的色彩做為主色時(shí),要考慮因?yàn)轭伾娣e過(guò)多而造成的視覺(jué)疲勞。
技巧第三點(diǎn):從對(duì)比色中找輔助色。通常大家覺(jué)得只要色彩面積最多就是主色。其實(shí)不然,人們的閱讀心理是有差異的,如果顏色飽和度較低容易被相對(duì)面積少的高飽和度顏色搶眼,所以在定義界面主色的時(shí)候要懸著飽和度(純度)高的顏色作為主色會(huì)比較的穩(wěn)定。
在界面設(shè)計(jì)匯總使用互補(bǔ)色彩的對(duì)比是最為強(qiáng)烈的。這種色彩能使用戶(hù)的視覺(jué)產(chǎn)生強(qiáng)烈的刺激,情感濃烈,給人留下鮮明的印象。這種方式是最易于傳播的。適合在夸張的、張揚(yáng)的場(chǎng)景下使用。但這種顏色用的太過(guò)于平凡容易造成用戶(hù)的視覺(jué)疲勞。給人一種不安定的感覺(jué)。那么在使用這樣的搭配方式時(shí)需要控制使用的位置和信息的面積了,核心的地方可以這樣去使用。
找準(zhǔn)了色彩的搭配方式,也就在視覺(jué)上抓住了用戶(hù)。給用戶(hù)良好的視覺(jué)體驗(yàn),整個(gè)軟件界面設(shè)計(jì)也就擁有了一個(gè)好的基礎(chǔ)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn