網(wǎng)頁(yè)制作:設(shè)計(jì)網(wǎng)頁(yè)時(shí)選擇配色的八個(gè)要點(diǎn)
在設(shè)計(jì)網(wǎng)頁(yè)時(shí),對(duì)配色有很重要的要求。一般會(huì)選擇和品牌一致的顏色、導(dǎo)航菜單欄用對(duì)比色,而不是因?yàn)轭伾雌饋?lái)很棒所以選它、而是要在設(shè)計(jì)的戰(zhàn)略性上考慮,約束自己的個(gè)人情感。
1、決定品牌形象
在很多建設(shè)網(wǎng)站的理由中,傳遞出特定的感情這一信息是很常見(jiàn)的。好的顏色,即使不用通過(guò)閱讀內(nèi)容,用戶(hù)也能很好的理解。
在以生態(tài)為基礎(chǔ)的公司的網(wǎng)站上,配色的靈感就來(lái)自于自然;如果是以銷(xiāo)售玩具為主的公司、就需要選擇有趣,鮮艷的配色。每一個(gè)被使用的顏色,在它背后所包含的意義是十分重要的。
在品牌推廣時(shí)使用的顏色要和公司LOGO設(shè)計(jì)的顏色要是相同的,這一點(diǎn)非常重要。
雖然有很多種方法可以讓用戶(hù)在網(wǎng)頁(yè)上進(jìn)行購(gòu)買(mǎi)時(shí)也能獲得和在實(shí)體店一樣的感覺(jué),但網(wǎng)站的運(yùn)營(yíng)者則需要讓網(wǎng)頁(yè)設(shè)計(jì)師也注意到這一點(diǎn),革新的新型網(wǎng)頁(yè)也同樣,或者說(shuō)可以獲得在這之上的購(gòu)物體驗(yàn)。
最終的目標(biāo)、就是給用戶(hù)提供舒適的感覺(jué)。因此,在更新最新信息的時(shí)候,一定要注意要具有統(tǒng)一的品牌意識(shí)。
2、決定你要傳遞的信息
給消息使用華美的顏色,或者讓它變得特別有吸引力,在單獨(dú)比較的時(shí)候又有獨(dú)特的魅力,給用戶(hù)提供這樣有趣的體驗(yàn)。如果你已經(jīng)知道你面向的是那些用戶(hù)、考慮它們的喜好就不是很難、這也算是一個(gè)非常好的消息了。
3、直觀的導(dǎo)航菜單欄
你需要遵守導(dǎo)航菜單的一些規(guī)則。用戶(hù)是一個(gè)接一個(gè)、按照順序直觀的去觀看的,除去基本的動(dòng)作之外,要防止出現(xiàn)讓用戶(hù)感到迷惑的動(dòng)作。
想引導(dǎo)用戶(hù)到達(dá)特定的區(qū)域,有好幾種視覺(jué)效果可供選擇,用配色方案來(lái)凸顯出對(duì)比效果就是典型的方法。利用對(duì)角線(xiàn)上的布局,被稱(chēng)為對(duì)角線(xiàn)平衡(英: Diangonal Balance)、它特別慣用于從上到下的布局、我們可以在右上角的基本設(shè)定菜單中找到它,這在歐洲和美國(guó)的網(wǎng)頁(yè)中經(jīng)常用到的技術(shù)。
利用相反的配色,讓每個(gè)選項(xiàng)的層次感凸顯出來(lái),用戶(hù)在這些項(xiàng)目中就知道可以點(diǎn)擊什么。
4、決定什么是重點(diǎn)
用戶(hù)可不知道,你有什么重要的情報(bào)和消息。在這種情況下你就需要在屏幕的中間,使用鮮艷的顏色來(lái)告訴它們。這么做的話(huà),用戶(hù)就會(huì)嘗試著優(yōu)先去看這一部分。
為了讓用戶(hù)去關(guān)注它們,也有用白色背景上使用黑色文字這樣布局的網(wǎng)站。為了打破單調(diào)的外觀,如果你利用了強(qiáng)調(diào)色,那將變得非常簡(jiǎn)單。也有這樣的原因,為了表現(xiàn)出文本和超鏈接、使用非常鮮艷的顏色,這也是現(xiàn)在非常流行的設(shè)計(jì)趨勢(shì)。
5、考慮信息的重要性
在網(wǎng)站中、我們希望將【注冊(cè)】或者【購(gòu)買(mǎi)】這樣的要素突出。而類(lèi)似【取消】這樣的按鈕則希望用戶(hù)盡可能的不去注意到它,因?yàn)樗鼈儾⒉皇侵饕囊?、用一些通常的設(shè)置來(lái)控制它們就可以了。
我們可以用字體很小的文字或者和照片顏色相接近的自然的配色來(lái)設(shè)計(jì)按鈕,從而讓用戶(hù)不去注意【取消】。如果將原本在右上角的【注冊(cè)】按鈕放在屏幕的正中間,那它所達(dá)成的效果也自不必說(shuō)。通過(guò)調(diào)整按鈕的大小,以及明確的寫(xiě)出它們的做用,用戶(hù)就能很準(zhǔn)確的理解你所表達(dá)的意思。
同時(shí),為了突出主要要素按鈕,你需要去注意它們的大小和顏色的對(duì)比,這樣可以防止用戶(hù)忘記按下按鈕。
6、考慮圖片的顏色
為了給用戶(hù)界面提供更加亦可賽艇的體驗(yàn),你也可以將配色同圖片相結(jié)合。從填滿(mǎn)整個(gè)屏幕的背景圖、到你想出售的的產(chǎn)品的縮略圖、將它們考慮到構(gòu)圖之中,將用戶(hù)的視線(xiàn)集中起來(lái)。(例圖的配色和那些OX□Δ讓我差點(diǎn)將它當(dāng)成了PS4的宣傳網(wǎng)頁(yè))
事實(shí)上,更加專(zhuān)業(yè)、精致大氣的網(wǎng)站上,紅色和綠色還有藍(lán)色最好不要使用。由單色制作出來(lái)的網(wǎng)站,信息的傳遞往往會(huì)更好,這也作為一個(gè)特殊的效果,被很多網(wǎng)頁(yè)設(shè)計(jì)師所采用。
7、限制使用顏色的數(shù)量
如你所見(jiàn)、有些用戶(hù)的眼睛是弱視的,而有些則是什么顏色都看不見(jiàn)的。而大多數(shù)情況下,色盲中紅綠色盲居多,如果你的設(shè)計(jì)作品中運(yùn)用了大量的紅色和綠色,就會(huì)讓它們感到混亂。
從這個(gè)設(shè)計(jì)師可以看出、在這個(gè)界面設(shè)計(jì)中它是以大量的紅色作為主要要素,這樣就可以避免紅色和綠色難以區(qū)分這一問(wèn)題。
8、決定什么是最重要的
例如:代表國(guó)家或者宗教的符號(hào),顏色所代表的意思,因?yàn)楦鞯氐奈幕煌煌?。作為設(shè)計(jì)師,首先應(yīng)該了解自己所面向的用戶(hù)是那一類(lèi)、在考慮配色的時(shí)候,應(yīng)當(dāng)要考慮到這些問(wèn)題,從而確保傳達(dá)出的意思不會(huì)被誤解。
有時(shí)、顏色的意思相近(在中國(guó)紅色代表幸運(yùn)(英: Luck),在美國(guó)則代表了愛(ài)(英: Love))就顯得不是那么重要,但像白色或者黑色這樣因?yàn)樽诮痰脑蚨鴮?dǎo)致的意思不同,就會(huì)將你的設(shè)計(jì)從整體上破壞,這一點(diǎn)請(qǐng)務(wù)必注意。
最后正如我們這次所看到的、理解配色的意思是十分重要的。不管是創(chuàng)建一個(gè)直觀的界面、還是將它利用在品牌上,您都可以準(zhǔn)確的傳達(dá)出它的意思。正確的利用顏色,就好像魔法一般,將你的設(shè)計(jì)準(zhǔn)確的反映出來(lái)。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 愛(ài)華仕斬獲“2021年度中國(guó)廚衛(wèi)行業(yè)年度智能
- 回首2021,迎戰(zhàn)2022 彩虹線(xiàn)開(kāi)啟新征程!
- 福臨板材|福滿(mǎn)2021,圓夢(mèng)2022
- 美特照明:2022年照明新趨勢(shì),經(jīng)銷(xiāo)商如何做大
- 會(huì)自己“洗澡”的集成灶,帥康自動(dòng)清洗集成灶
- 帶你設(shè)計(jì)一款功能多變,簡(jiǎn)單實(shí)用的休閑露臺(tái)陽(yáng)
- 世紀(jì)豪門(mén)吊頂:破防了!原來(lái)顏值+實(shí)力=H20
- 裝修木門(mén)選的好,噪音統(tǒng)統(tǒng)沒(méi)煩惱
- 寒潮來(lái)了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說(shuō)生活的點(diǎn)滴與美好
- “中國(guó)十大品牌”獲獎(jiǎng)名單出爐,賽戈水漆榮耀
- 2021值得消費(fèi)大賞 凱迪仕智能鎖榮摘兩項(xiàng)桂冠
- 益恩家居:新年新氣象,愛(ài)自己從好好睡覺(jué)開(kāi)始
- 元旦伊始:健康新生活,從精格管道直飲水開(kāi)始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專(zhuān)精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設(shè)計(jì)聯(lián)盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來(lái)
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢(shì)·筑鳳巢·贏未來(lái) 鳳梧居門(mén)窗2021年會(huì)隆