东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢(xún)電話:
15628812133
09
2017/03

怎么用色彩創(chuàng)造更優(yōu)質(zhì)的網(wǎng)頁(yè)用戶(hù)體驗(yàn)

發(fā)布時(shí)間:2017-03-09 18:20:36
發(fā)布者:sl23610470
瀏覽量:
0

1、通過(guò)比例變化創(chuàng)造視覺(jué)焦點(diǎn)

100.jpg

控制色彩的比例來(lái)創(chuàng)造視覺(jué)焦點(diǎn)是常見(jiàn)的色彩運(yùn)用手法之一,控制色彩的比例實(shí)際主要是通過(guò)控制色彩所在元素的大小來(lái)達(dá)成效果的??刂粕实恼急?,無(wú)論是多還是少,只要有明確的目的,總能形成吸引注意力的焦點(diǎn)。無(wú)論是我們常說(shuō)的“萬(wàn)花叢中一點(diǎn)綠”,還是極簡(jiǎn)主義設(shè)計(jì)中大面積的留白,都是色彩比例控制下所構(gòu)成視覺(jué)焦點(diǎn)的典型案例。

 2、通過(guò)對(duì)比度吸引用戶(hù)注意

1008.jpg

在設(shè)計(jì)過(guò)程中,使用色彩來(lái)控制對(duì)比度也是設(shè)計(jì)師頻繁使用的技巧之一。當(dāng)設(shè)計(jì)的整體色調(diào)趨于柔和和平靜的時(shí)候,突然注入強(qiáng)對(duì)比的色彩,能夠瞬間抓住用戶(hù)的注意力。

3、使用色彩創(chuàng)造用戶(hù)體驗(yàn)模式

1009.jpg

高度一致的配色方案能夠創(chuàng)造出視覺(jué)模式,而延伸到用戶(hù)體驗(yàn)上,則會(huì)讓整個(gè)體驗(yàn)呈現(xiàn)出模式化的特征。模式化的設(shè)計(jì)讓用戶(hù)更容易適應(yīng),用戶(hù)更容易摸索出規(guī)律,也更容易產(chǎn)生相匹配的預(yù)期,換句話說(shuō),用戶(hù)體驗(yàn)模式能夠培養(yǎng)用戶(hù)習(xí)慣,同用戶(hù)產(chǎn)生深刻的關(guān)聯(lián)。就像用戶(hù)習(xí)慣了某些特定的圖標(biāo)之后,在其他地方看到這些圖標(biāo)就知道它們的含義,明白該如何交互了。比如,小房子圖標(biāo)會(huì)讓用戶(hù)想到首頁(yè)、主頁(yè),而垃圾桶則會(huì)關(guān)聯(lián)上刪除的概念。色彩相對(duì)而言更加主觀,因?yàn)槊總€(gè)網(wǎng)站和APP都會(huì)采用自己的配色方案,不同的色彩代表不同的含義。

4、使用色彩來(lái)創(chuàng)建層次

當(dāng)我們?yōu)g覽網(wǎng)頁(yè)和各種界面的時(shí)候,信息的層次感很大程度是借助視覺(jué)來(lái)營(yíng)造的。使用色彩來(lái)創(chuàng)造視覺(jué)層次感就很順其自然了。

1006.jpg

每一個(gè)部分都有使用到綠色的元素。重復(fù)的綠色元素不僅創(chuàng)建出可供用戶(hù)快速識(shí)別的模式,它也讓用戶(hù)能夠快速明白哪些因素更加重要。視覺(jué)層次會(huì)用不同大小、粗細(xì)的字體來(lái)闡述信息層次和結(jié)構(gòu),但是不同強(qiáng)度的色彩,同樣可以實(shí)現(xiàn)層次的劃分。

5、充分利用色彩的相似性

1004.jpg

除開(kāi)其他的目的,設(shè)計(jì)師使用色彩或者調(diào)整色彩的目的,基本都是為了創(chuàng)造設(shè)計(jì)的一致性。頁(yè)面使用了從黃色色的漸變,在頁(yè)面的下方,黃色同樣應(yīng)用到了按鈕中,將對(duì)比度明顯的白色置于黃色+紅色背景之上,確保信息的清晰呈現(xiàn)。如果色彩每次都不一樣,那么整個(gè)設(shè)計(jì)看起來(lái)就不是那么令人難忘了。

結(jié)語(yǔ)

色彩能夠幫助設(shè)計(jì)師達(dá)成各種各樣的目的,靈活的運(yùn)用可以靈活的創(chuàng)造視覺(jué)焦點(diǎn),構(gòu)造層次,打造真正有趣而有用的設(shè)計(jì)。


返回列表