伊人日韩国产欧美_黄视频肉国产欧美亚洲人久_飘花电影院午夜伦天堂_欧美日韩成人_久久久精品区二区三区免费牛牛_国产又色又爽又黄在线播放_老外淫虐人妻1-8


QQ:954886777
好文分享

色彩進(jìn)階技巧,幫你創(chuàng)造更優(yōu)質(zhì)的網(wǎng)頁用戶體驗(yàn)

時間:2017年04月27日 信息來源:不詳 點(diǎn)擊: 加入收藏 】【 字體:

色彩幾乎是所有設(shè)計(jì)系統(tǒng)中不可忽略的組成部分,而在網(wǎng)頁設(shè)計(jì)中,色彩自己所發(fā)揮的作用并不單一,除了最基本的著色構(gòu)成色彩搭配的作用之外,色彩能夠通過對比創(chuàng)造視覺焦點(diǎn),構(gòu)建信息條理,影響用戶情緒,甚至指導(dǎo)訪客的舉動。

所以,在玩轉(zhuǎn)配色自己之外,進(jìn)階的色彩運(yùn)用技巧還有許多。

1、通過比例轉(zhuǎn)變創(chuàng)造視覺焦點(diǎn)


控制色彩的比例來創(chuàng)造視覺焦點(diǎn)是常見的色彩運(yùn)用手法之一,控制色彩的比例現(xiàn)實(shí)重要是通過控制色彩所在元素的大小來達(dá)成結(jié)果的。比如Viporte 這個網(wǎng)站,當(dāng)你上下滾動首頁的時候,每個部分都用超大的字體進(jìn)行了裝飾,而每個字母都使用了漂亮的色彩進(jìn)行添補(bǔ)。不同的筆墨使用了不同的色彩,并且搭配以響應(yīng)的圖片。每個頁面的焦點(diǎn)一定是最中間的圖片和字母,而焦點(diǎn)的形成和色彩的比例與運(yùn)用脫不開關(guān)系??刂粕实恼急?,無論是多照舊少,只要有明確的目的,總能形成吸引細(xì)致力的焦點(diǎn)。無論是我們常說的“萬花叢中一點(diǎn)綠”,照舊極簡主義設(shè)計(jì)中大面積的留白,都是色彩比例控制下所構(gòu)成視覺焦點(diǎn)的典型案例。

2、通過對比度吸引用戶細(xì)致


在設(shè)計(jì)過程中,使用色彩來控制對比度也是設(shè)計(jì)師頻繁使用的技巧之一。當(dāng)設(shè)計(jì)的團(tuán)體色調(diào)趨于柔和和鎮(zhèn)靜的時候,忽然注入強(qiáng)對比的色彩,能夠瞬間捉住用戶的細(xì)致力。

而Thinx 這個網(wǎng)站在設(shè)計(jì)的時候就將對比度控制得很好。網(wǎng)頁主體的配色采用的是經(jīng)典的詬誶搭配,白色的背景搭配黑色的文本。而團(tuán)體的設(shè)計(jì)感的來源則重要源于排版和彩色的圖片。網(wǎng)站所采用的圖片顯明經(jīng)過精心的選擇和設(shè)計(jì),紅色的底色、黑色的內(nèi)衣和模特外露的精致肌膚色在圖片激烈的碰撞,漂亮而充滿勾引,圖片勇敢的色調(diào)搭配和素色的背景與筆墨形成了光顯而強(qiáng)烈的對比,無論是經(jīng)典的紅黑搭配,照舊永恒的詬誶配色,都充足漂亮和吸引人。

Thinx 這個案例我特別很是喜好,并且經(jīng)常會用到,由于它證實(shí)了設(shè)計(jì)師并不肯定非得靠高飽和度的霓虹色來創(chuàng)造高對比度的配色。即使是兩種平衡的顏色,也能讓整個設(shè)計(jì)脫穎而出。

3、使用色彩創(chuàng)造UX模式


高度同等的配色方案能夠創(chuàng)造出視覺模式,而延長到用戶體驗(yàn)上,則會讓整個UX呈現(xiàn)出模式化的特性。模式化的設(shè)計(jì)讓用戶更容易適應(yīng),用戶更容易摸索出規(guī)律,也更容易產(chǎn)生相匹配的預(yù)期,換句話說,UX模式能夠培養(yǎng)用戶風(fēng)俗,同用戶產(chǎn)生深刻的關(guān)聯(lián)。就像用戶風(fēng)俗了某些特定的圖標(biāo)之后,在其他地方看到這些圖標(biāo)就知道它們的含義,曉暢該如何交互了。比如,小房子圖標(biāo)會讓用戶想到首頁、主頁,而垃圾桶則會關(guān)聯(lián)上刪除的概念。色彩相對而言更加主觀,由于每個網(wǎng)站和APP都會采用本身的配色方案,不同的色彩代表不同的含義。

那我們就拿Underbelly 這個產(chǎn)品展示頁作為示例吧。在Underbelly 這個網(wǎng)站中,所有可點(diǎn)擊的組件都是藍(lán)色的,你在試用網(wǎng)站幾秒鐘之后,能夠快速掌握這個UX模式,并且曉暢如何操作。這就是Underbelly 通過色彩構(gòu)建UX模式的方法。UX模式的上風(fēng)在于,它讓用戶更快地熟識你的產(chǎn)品。越容易識別,用戶的想法越少,產(chǎn)品的的使用也就更加順暢了。

上一篇:從大牛公眾號留言區(qū),我們發(fā)現(xiàn)了這些
下一篇:將極簡風(fēng)格網(wǎng)站設(shè)計(jì)
(作者:佚名 編輯:admin)

新文章

門文章