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