網(wǎng)頁(yè)設(shè)計(jì)配色詳解之基礎(chǔ)色
網(wǎng)頁(yè)設(shè)計(jì)中色彩的搭配起著非常關(guān)鍵的作用,有很多網(wǎng)站以其成功的色彩搭配令人過(guò)目不忘。但對(duì)于剛開(kāi)始學(xué)習(xí)制作網(wǎng)頁(yè)的人來(lái)說(shuō),往往不容易駕馭好網(wǎng)頁(yè)的顏色搭配。除了學(xué)習(xí)各種色彩理論和方法之外,圖趣網(wǎng)絡(luò)認(rèn)為多學(xué)習(xí)一些著名網(wǎng)站的用色方法,對(duì)于我們制作美麗的網(wǎng)頁(yè)可以起到事半功倍的作用。所以,圖趣總結(jié)了一些著名網(wǎng)站的顏色搭配方法,在接下來(lái)的時(shí)間會(huì)詳解每種搭配,快速提高我們的網(wǎng)頁(yè)制作水平。
一、網(wǎng)頁(yè)顏色原理和象征意義
我們所有網(wǎng)頁(yè)上顏色,在HTML下看到的是以顏色英文單詞或者十六進(jìn)制的表示方法(如#000000表示為黑色)。不同的顏色有著不同的含義,給人各種豐富的感覺(jué)和聯(lián)想。
紅色:熱情、奔放、喜悅、莊嚴(yán)
黃色:高貴、富有、燦爛、活潑
黑色:嚴(yán)肅、夜晚、沉著
白色:純潔、簡(jiǎn)單、潔凈
藍(lán)色:天空、清爽、科技
綠色:植物、生命、生機(jī)
灰色:莊重、沉穩(wěn)
紫色:浪漫、富貴
棕色:大地、厚樸
二、網(wǎng)頁(yè)顏色的使用風(fēng)格
不同的網(wǎng)站有著自己不同的風(fēng)格,也有著自己不同的顏色。網(wǎng)站使用顏色大概分為幾種類(lèi)型:
1、 公司色
在現(xiàn)在企業(yè)中,公司的CI形象顯得尤其重要,每一個(gè)公司的CI設(shè)計(jì)必然要有標(biāo)準(zhǔn)的顏色。比如新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色,同時(shí)形象宣傳、海報(bào)、廣告使用的顏色都和網(wǎng)站的顏色一致。再比如國(guó)富投資公司的主色調(diào)是C:100%,M:60%,Y:0%,K:0%。這樣的顏色使用到網(wǎng)站上顯得色調(diào)自然、底蘊(yùn)深厚。
2、 風(fēng)格色
許多網(wǎng)站使用顏色秉承的是公司的風(fēng)格。比如海爾使用的顏色是一種中性的綠色,即充滿(mǎn)朝氣有不失自己的創(chuàng)新精神。女性網(wǎng)站使用粉紅色的較多,大公司使用藍(lán)色的較多……這些都是在突出自己的風(fēng)格。
3、 習(xí)慣色
這些網(wǎng)站的顏色使用很大一部分是憑自己的個(gè)人愛(ài)好,以個(gè)人網(wǎng)站較多使用,比如自己喜歡紅色、紫色、黑色等,在做網(wǎng)站的時(shí)候就傾向于這種顏色。每一個(gè)人都有自己喜歡的顏色,因此這種類(lèi)型稱(chēng)為習(xí)慣色。
本文地址:http://m.likemindfilms.com/tutorial/ui859.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏