Godzilla. 2017-02-17 網(wǎng)站建設(shè)

怎么設(shè)計(jì)一個(gè)網(wǎng)站？如何利用顏色提升UX？

　　顏色是任何設(shè)計(jì)系統(tǒng)中的關(guān)鍵元素之一。在網(wǎng)站或應(yīng)用程序中，顏色可以以多種方式使用：有時(shí)顏色可用于通過對(duì)比度或通過將顏色限制到選定點(diǎn)來創(chuàng)建焦點(diǎn);顏色還可以幫助建立層次結(jié)構(gòu)，并因此影響用戶的外觀。怎么設(shè)計(jì)一個(gè)網(wǎng)站？如何利用顏色提升UX？在本文中，我們將討論如何有策略地使用顏色。

　　1.通過比例創(chuàng)建焦點(diǎn)

　　顏色比例的一個(gè)好例子是Viporte的設(shè)計(jì)。當(dāng)你在他們的主頁上向下滾動(dòng)時(shí)，每個(gè)部分都在中間用大字體裝飾。在部分動(dòng)畫開始之前，字母以美麗的顏色填充。動(dòng)畫中的不同圖像的顏色與字母的顏色相關(guān)。焦點(diǎn)是在部分的中心，部分是由于重點(diǎn)使用的顏色。無論哪種方式，比例都用于將注意力吸引到焦點(diǎn)。如果顏色在每個(gè)部分的整個(gè)地方更加明顯，焦點(diǎn)將不那么清楚。

　　2.通過對(duì)比度捕捉注意

　　顏色可以操縱的另一件事是對(duì)比度。當(dāng)整體設(shè)計(jì)的色彩平靜或柔和時(shí)，添加對(duì)比色將會(huì)吸引很多注意。這正是Thinx設(shè)計(jì)中發(fā)生的。在首頁上，界面的整體配色方案實(shí)際上是黑色和白色。然而，設(shè)計(jì)很大程度上依賴于許多照片，特別是在主頁的頂部。相比頁面上的一切，這是非常大膽。毫無疑問，這里突出的東西是深紅色。紅色具有比黑白配色方案高得多的對(duì)比度。我喜歡使用Thinx作為例子，因?yàn)樗砻?，明亮和霓虹色不是唯一可以吸引人的顏色。它真的只是一種平衡的兩種顏色的行為，這將讓他們中的一個(gè)真正脫穎而出。

　　3.使用顏色創(chuàng)建UX模式

　　一致性是創(chuàng)建視覺模式的最佳方式之一。模式，反過來講，就是創(chuàng)建一個(gè)用戶可以習(xí)慣的關(guān)系。這與用戶使用certina圖標(biāo)與某些操作相關(guān)的方式相同，即垃圾桶意味著刪除。讓我們?cè)赨nderbelly的投資組合網(wǎng)站上與藍(lán)色的關(guān)系。這是一個(gè)簡(jiǎn)單的例子。任何可點(diǎn)擊在Underbelly的網(wǎng)站是藍(lán)色的。使用了網(wǎng)站幾秒鐘，它很快就清楚，他們的鏈接是藍(lán)色的。這就是你如何通過顏色創(chuàng)建UX模式。模式是好的，因?yàn)樗鼈冊(cè)试S用戶和訪問者容易地識(shí)別某事。越容易識(shí)別，越少的人有其他想法。

　　4.通過顏色創(chuàng)建分層

　　另一個(gè)顏色可以是好的是設(shè)置一個(gè)層次結(jié)構(gòu)。在Skore的產(chǎn)品頁面上，每個(gè)部分都有一個(gè)綠色的元素。不僅是綠色的重復(fù)，它創(chuàng)建了一個(gè)可識(shí)別的模式，這也有助于區(qū)分任意給定段的重要組成部分。通常，很容易通過大小這樣的字體大小來解釋層次結(jié)構(gòu)。但一個(gè)顏色的強(qiáng)度，以及安裝在使用一個(gè)顏色可以是在設(shè)置一個(gè)層級(jí)以及大。

　　在Skore的例子中，綠色與灰色文本和白色背景具有良好的對(duì)比度。此外，他們的配色方案不依賴于其他重點(diǎn)顏色，以綠色為主。所有這些都有助于每個(gè)部分顯示層次結(jié)構(gòu)的方式。因此，綠色有助于引導(dǎo)用戶的眼睛朝向重要的元素。綠色元素告訴用戶應(yīng)該首先看哪里。

　　顏色可以是幫助實(shí)現(xiàn)各種設(shè)計(jì)目標(biāo)的偉大工具。顏色可以幫助定義和建立層次結(jié)構(gòu)并提供焦點(diǎn)。無論哪種方式，使用顏色可以是一個(gè)很大的樂趣。通過戰(zhàn)略配色方案的幫助，可以更容易地影響訪問者或用戶的眼睛。如果你有更多關(guān)于網(wǎng)站建設(shè)（定制網(wǎng)站、模板網(wǎng)站）、廣告設(shè)計(jì)包年服務(wù)(經(jīng)濟(jì)套餐)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)）！

下一篇：如何選擇網(wǎng)站建設(shè)服務(wù)商？ 上一篇：畫冊(cè)設(shè)計(jì)公司怎么選擇？哪家好？