這種方法更專業(yè)！設(shè)計(jì)網(wǎng)頁時(shí)選擇配色的八個(gè)要點(diǎn)

喜好不同，有人喜歡單色也有人喜歡鮮艷的配色，解決的方法也隨著喜好變化，在挑選顏色時(shí)要進(jìn)行深刻的檢討，并不是因?yàn)轭伾雌饋砗馨羲赃x它、而是要在設(shè)計(jì)的戰(zhàn)略性上考慮，約束自己的個(gè)人情感。

這個(gè)筆記，主要講述的是網(wǎng)頁制作的配色選擇的八個(gè)要點(diǎn)。

01. 決定品牌形象

在很多建設(shè)網(wǎng)站的理由中，傳遞出特定的感情這一信息是很常見的。所以在這時(shí)，選擇好顏色就顯得尤為重要。你想傳遞出什么樣的感情，不用通過閱讀內(nèi)容，用戶都能很好的理解。

在以生態(tài)為基礎(chǔ)的公司的網(wǎng)站上，配色的靈感就來自于自然；如果是以銷售玩具為主的公司、就需要選擇有趣，鮮艷的配色。每一個(gè)被使用的顏色，在它背后所包含的意義是十分重要的。

在品牌推廣時(shí)使用的顏色要和公司LOGO設(shè)計(jì)的顏色要是相同的，這一點(diǎn)非常重要。對于網(wǎng)頁設(shè)計(jì)師來說，在線銷售的銷售額增加，讓人聯(lián)想到什么樣的傳統(tǒng)或者概念，如何利用有效果的照片都是值得思考的一件事情。

雖然有很多種方法可以讓用戶在網(wǎng)頁上進(jìn)行購買時(shí)也能獲得和在實(shí)體店一樣的感覺，但網(wǎng)站的運(yùn)營者則需要讓網(wǎng)頁設(shè)計(jì)師也注意到這一點(diǎn)，革新的新型網(wǎng)頁也同樣，或者說可以獲得在這之上的購物體驗(yàn)。

最終的目標(biāo)、就是給用戶提供舒適的感覺。因此，在更新最新信息的時(shí)候，一定要注意要具有統(tǒng)一的品牌意識。

02. 決定你要傳遞的信息

給消息使用華美的顏色，或者讓它變得特別有吸引力，在單獨(dú)比較的時(shí)候又有獨(dú)特的魅力，給用戶提供這樣有趣的體驗(yàn)。如果你已經(jīng)知道你面向的是那些用戶、考慮它們的喜好就不是很難、這也算是一個(gè)非常好的消息了。

03. 直觀的導(dǎo)航菜單欄

當(dāng)你看到一個(gè)網(wǎng)站的時(shí)候，或許你會(huì)有很多很棒的點(diǎn)子，但你也需要遵守導(dǎo)航菜單的一些規(guī)則。用戶是一個(gè)接一個(gè)、按照順序直觀的去觀看的，除去基本的動(dòng)作之外，要防止出現(xiàn)讓用戶感到迷惑的動(dòng)作。

想引導(dǎo)用戶到達(dá)特定的區(qū)域，有好幾種視覺效果可供選擇，用配色方案來凸顯出對比效果就是典型的方法。利用對角線上的布局，被稱為對角線平衡（英: Diangonal Balance）、它特別慣用于從上到下的布局、我們可以在右上角的基本設(shè)定菜單中找到它，這在歐洲和美國的網(wǎng)頁中經(jīng)常用到的技術(shù)。

利用相反的配色，讓每個(gè)選項(xiàng)的層次感凸顯出來，用戶在這些項(xiàng)目中就知道可以點(diǎn)擊什么。

04. 決定什么是重點(diǎn)

用戶可不知道，你有什么重要的情報(bào)和消息。在這種情況下你就需要在屏幕的中間，使用鮮艷的顏色來告訴它們。這么做的話，用戶就會(huì)嘗試著優(yōu)先去看這一部分。

為了讓用戶去關(guān)注它們，也有用白色背景上使用黑色文字這樣布局的網(wǎng)站。為了打破單調(diào)的外觀，如果你利用了強(qiáng)調(diào)色，那將變得非常簡單。也有這樣的原因，為了表現(xiàn)出文本和超鏈接、使用非常鮮艷的顏色，這也是現(xiàn)在非常流行的設(shè)計(jì)趨勢。

05. 考慮信息的重要性

在網(wǎng)站中、我們希望將【注冊】或者【購買】這樣的要素突出。而類似【取消】這樣的按鈕則希望用戶盡可能的不去注意到它，因?yàn)樗鼈儾⒉皇侵饕囊?、用一些通常的設(shè)置來控制它們就可以了。

我們可以用字體很小的文字或者和照片顏色相接近的自然的配色來設(shè)計(jì)按鈕，從而讓用戶不去注意【取消】。如果將原本在右上角的【注冊】按鈕放在屏幕的正中間，那它所達(dá)成的效果也自不必說。通過調(diào)整按鈕的大小，以及明確的寫出它們的做用，用戶就能很準(zhǔn)確的理解你所表達(dá)的意思。

同時(shí)，為了突出主要要素按鈕，你需要去注意它們的大小和顏色的對比，這樣可以防止用戶忘記按下按鈕。

06.考慮圖片的顏色。

為了給用戶界面提供更加亦可賽艇的體驗(yàn)，你也可以將配色同圖片相結(jié)合。從填滿整個(gè)屏幕的背景圖、到你想出售的的產(chǎn)品的縮略圖、將它們考慮到構(gòu)圖之中，將用戶的視線集中起來。（例圖的配色和那些OX□Δ讓我差點(diǎn)將它當(dāng)成了PS4的宣傳網(wǎng)頁）

事實(shí)上，更加專業(yè)、精致大氣的網(wǎng)站上，紅色和綠色還有藍(lán)色最好不要使用。由單色制作出來的網(wǎng)站，信息的傳遞往往會(huì)更好，這也作為一個(gè)特殊的效果，被很多網(wǎng)頁設(shè)計(jì)師所采用。

07. 限制使用顏色的數(shù)量

如你所見、有些用戶的眼睛是弱視的，而有些則是什么顏色都看不見的。而大多數(shù)情況下，色盲中紅綠色盲居多，如果你的設(shè)計(jì)作品中運(yùn)用了大量的紅色和綠色，就會(huì)讓它們感到混亂。

從這個(gè)設(shè)計(jì)師可以看出、在這個(gè)界面設(shè)計(jì)中它是以大量的紅色作為主要要素，這樣就可以避免紅色和綠色難以區(qū)分這一問題。

08. 決定什么是最重要的

例如代表國家或者宗教的符號，顏色所代表的意思，因?yàn)楦鞯氐奈幕煌煌?。作為設(shè)計(jì)師，首先應(yīng)該了解自己所面向的用戶是那一類、在考慮配色的時(shí)候，應(yīng)當(dāng)要考慮到這些問題，從而確保傳達(dá)出的意思不會(huì)被誤解。

有時(shí)、顏色的意思相近（在中國紅色代表幸運(yùn)（英: Luck），在美國則代表了愛（英: Love））就顯得不是那么重要，但像白色或者黑色這樣因?yàn)樽诮痰脑蚨鴮?dǎo)致的意思不同，就會(huì)將你的設(shè)計(jì)從整體上破壞，這一點(diǎn)請務(wù)必注意。

最后

正如我們這次所看到的、理解配色的意思是十分重要的。不管是創(chuàng)建一個(gè)直觀的界面、還是將它利用在品牌上，您都可以準(zhǔn)確的傳達(dá)出它的意思。正確的利用顏色，就好像魔法一般，將你的設(shè)計(jì)準(zhǔn)確的反映出來。

如果想要了解顏色的意思，則需要長時(shí)間的學(xué)習(xí)，當(dāng)然這也會(huì)更好的讓用戶了解到你的設(shè)計(jì)作品中所包含的趣味。

網(wǎng)站欄目：這種方法更專業(yè)！設(shè)計(jì)網(wǎng)頁時(shí)選擇配色的八個(gè)要點(diǎn)
本文路徑：http://muchs.cn/news28/164628.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、電子商務(wù)、網(wǎng)頁設(shè)計(jì)公司、關(guān)鍵詞優(yōu)化、面包屑導(dǎo)航、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)