Godzilla. 2017-02-17
網(wǎng)站建設(shè)
怎么設(shè)計一個網(wǎng)站？如何利用顏色提升UX？
顏色是任何設(shè)計系統(tǒng)中的關(guān)鍵元素之一。在網(wǎng)站或應(yīng)用程序中，顏色可以以多種方式使用：有時顏色可用于通過對比度或通過將顏色限制到選定點來創(chuàng)建焦點;顏色還可以幫助建立層次結(jié)構(gòu)，并因此影響用戶的外觀。怎么設(shè)計一個網(wǎng)站？如何利用顏色提升UX？在本文中，我們將討論如何有策略地使用顏色。
1.通過比例創(chuàng)建焦點
顏色比例的一個好例子是Viporte的設(shè)計。當(dāng)你在他們的主頁上向下滾動時，每個部分都在中間用大字體裝飾。在部分動畫開始之前，字母以美麗的顏色填充。動畫中的不同圖像的顏色與字母的顏色相關(guān)。焦點是在部分的中心，部分是由于重點使用的顏色。無論哪種方式，比例都用于將注意力吸引到焦點。如果顏色在每個部分的整個地方更加明顯，焦點將不那么清楚。
2.通過對比度捕捉注意
顏色可以操縱的另一件事是對比度。當(dāng)整體設(shè)計的色彩平靜或柔和時，添加對比色將會吸引很多注意。這正是Thinx設(shè)計中發(fā)生的。在首頁上，界面的整體配色方案實際上是黑色和白色。然而，設(shè)計很大程度上依賴于許多照片，特別是在主頁的頂部。相比頁面上的一切，這是非常大膽。毫無疑問，這里突出的東西是深紅色。紅色具有比黑白配色方案高得多的對比度。我喜歡使用Thinx作為例子，因為它表明，明亮和霓虹色不是唯一可以吸引人的顏色。它真的只是一種平衡的兩種顏色的行為，這將讓他們中的一個真正脫穎而出。
3.使用顏色創(chuàng)建UX模式
一致性是創(chuàng)建視覺模式的最佳方式之一。模式，反過來講，就是創(chuàng)建一個用戶可以習(xí)慣的關(guān)系。這與用戶使用certina圖標(biāo)與某些操作相關(guān)的方式相同，即垃圾桶意味著刪除。讓我們在Underbelly的投資組合網(wǎng)站上與藍色的關(guān)系。這是一個簡單的例子。任何可點擊在Underbelly的網(wǎng)站是藍色的。使用了網(wǎng)站幾秒鐘，它很快就清楚，他們的鏈接是藍色的。這就是你如何通過顏色創(chuàng)建UX模式。模式是好的，因為它們允許用戶和訪問者容易地識別某事。越容易識別，越少的人有其他想法。
4.通過顏色創(chuàng)建分層
另一個顏色可以是好的是設(shè)置一個層次結(jié)構(gòu)。在Skore的產(chǎn)品頁面上，每個部分都有一個綠色的元素。不僅是綠色的重復(fù)，它創(chuàng)建了一個可識別的模式，這也有助于區(qū)分任意給定段的重要組成部分。通常，很容易通過大小這樣的字體大小來解釋層次結(jié)構(gòu)。但一個顏色的強度，以及安裝在使用一個顏色可以是在設(shè)置一個層級以及大。
在Skore的例子中，綠色與灰色文本和白色背景具有良好的對比度。此外，他們的配色方案不依賴于其他重點顏色，以綠色為主。所有這些都有助于每個部分顯示層次結(jié)構(gòu)的方式。 因此，綠色有助于引導(dǎo)用戶的眼睛朝向重要的元素。綠色元素告訴用戶應(yīng)該首先看哪里。
顏色可以是幫助實現(xiàn)各種設(shè)計目標(biāo)的偉大工具。顏色可以幫助定義和建立層次結(jié)構(gòu)并提供焦點。無論哪種方式，使用顏色可以是一個很大的樂趣。通過戰(zhàn)略配色方案的幫助，可以更容易地影響訪問者或用戶的眼睛。如果你有更多關(guān)于網(wǎng)站建設(shè)（定制網(wǎng)站、模板網(wǎng)站）、廣告設(shè)計包年服務(wù)(經(jīng)濟套餐)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計套餐和網(wǎng)站營銷推廣系統(tǒng)（強）！
文章標(biāo)簽：
網(wǎng)頁設(shè)計 顏色
文章評論：