在UI設(shè)計(jì)師的工具包中,色彩是最強(qiáng)有力的工具之一。
色彩能吸引注意力,烘托氛圍,影響用戶的情緒、認(rèn)知和行為。當(dāng)進(jìn)行網(wǎng)站或移動(dòng)應(yīng)用的程序設(shè)計(jì)時(shí),毫無疑問是亮系色彩大展身手的時(shí)機(jī)。
設(shè)計(jì)師們用亮系色彩讓用戶著眼于界面中的重要元素,并為之印象深刻。
下面是在設(shè)計(jì)中巧用亮系色彩的一些實(shí)用技巧:
單調(diào)
在使用亮系色彩時(shí),單一調(diào)色板法則是目前流行的方式之一。單一調(diào)色板包括單一色調(diào)和色彩混合方式。
這樣的調(diào)色板能形成視覺刺激——驚艷的排版和單一的色彩進(jìn)行配對(duì)能創(chuàng)造令人過目不忘的效果。
小技巧:使用黑白這樣的單一顏色,是在小屏幕上創(chuàng)造視覺驚喜的好方法。
雙色調(diào)
雙色調(diào)是圖像的半色調(diào)的復(fù)制,它帶來圖像的中間調(diào)和高光。這種曾經(jīng)應(yīng)用于印刷裝訂中的技術(shù),在互聯(lián)網(wǎng)時(shí)代找到了新的生命。
雙色調(diào)不僅能吸引人的注意力,而且它非常容易被創(chuàng)建。你可以在 Photoshop 中使用雙色梯度輕松做出這種效果。
雙色調(diào)效果不僅可以在大型桌面圖像中應(yīng)用,它們同樣可以在移動(dòng)設(shè)備上使用。
小技巧:
使用雙色調(diào)創(chuàng)作主圖。選擇一張主題明確的高質(zhì)量圖片,而不是有著太多元素的圖片,因?yàn)楹笳邥?huì)有很多細(xì)節(jié)被忽略。
選擇一種能反映照片情緒的色彩。你要知道,不同的顏色能喚起不一樣的情緒。
疊加
包含了顏色疊加的設(shè)計(jì)是用色彩進(jìn)行聲明的一種方法。
通過使用與材料設(shè)計(jì)相關(guān)的一種明亮而飽和的色彩,你可以在半透明的框架上簡(jiǎn)單地應(yīng)用圖像或者視頻,從而營(yíng)造現(xiàn)代感。
請(qǐng)考慮在卡片樣式元素中使用圖層疊加,以用于視頻內(nèi)容或者重點(diǎn)的強(qiáng)調(diào)。
小技巧:當(dāng)使用單一顏色進(jìn)行疊加時(shí),需要考慮顏色的飽和度和透明度。
較深的顏色組合(低透明高飽和)能讓人將注意力集中在色彩上;
較淺的顏色組合能讓人將注意力集中在圖像上。