網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色
我們上期提到
網(wǎng)站建設(shè)的后臺(tái)系統(tǒng)的選擇人,在于網(wǎng)前端的設(shè)計(jì)也要做好,我們都知道都人是視覺動(dòng)物,網(wǎng)站整體顏色的搭配是用戶體驗(yàn)的重要元素,好的
網(wǎng)頁設(shè)計(jì)師,會(huì)根據(jù)整個(gè)網(wǎng)站要體現(xiàn)出來的內(nèi)容和核心理念,去搭配整站色系,讓人在視覺感官上得到一種享受。
那么我們?nèi)绾稳?duì)整站進(jìn)行顏色上的搭配呢?在這里為大家介紹一下幾點(diǎn):
一、顏色選擇
我們要做的第一步是顏色選擇,在網(wǎng)站剛開始要設(shè)計(jì)的時(shí)候,這一點(diǎn)就要著手去做了,在這里要注意的是顏色的選擇并不是憑空想象的,而是要根據(jù)服務(wù)產(chǎn)品的定位、風(fēng)格、還有要傳達(dá)給用戶的理念,將這幾點(diǎn)考慮到,在進(jìn)行選取,而不是根據(jù)自己的經(jīng)驗(yàn)或者嗜好來。
我們來舉個(gè)例子,假如說為一家大型企業(yè)設(shè)計(jì)官網(wǎng),這家企業(yè)的要求是 VI 風(fēng)格,采用統(tǒng)一配色,那么這家
企業(yè)官網(wǎng)的配色我們就應(yīng)該選取 VI 的風(fēng)格配色。
選色的方法:
(1)工具流:這個(gè)鏈接包含大量選色工具12個(gè)適合設(shè)計(jì)師的在線色彩搭配工具
(2)參考流:尋找別人的網(wǎng)站作為參考選取顏色(但是注意要風(fēng)格類似,比如你的客戶要求高雅風(fēng)格,你就去找類似風(fēng)格的網(wǎng)站選色),這個(gè)方法適用于初學(xué)者。
二、顏色的分配
當(dāng)你選取好了主色系之后,那就應(yīng)該要考慮如何將它們分配到網(wǎng)頁的每一個(gè)位置中去了,這里的操作也要講究的,我們要注意的是,如果在紅綠兩色之間加其它的顏色的話,進(jìn)行調(diào)和是可以搭配出很好看的色彩的,大家可以看看圣誕節(jié)各大
電子商務(wù)網(wǎng)站的banner。
顏色選擇好之后我們就開始對(duì)顏色進(jìn)行搭配,這個(gè)時(shí)候設(shè)計(jì)師就要利用上色彩基礎(chǔ)知識(shí)了,色彩分為主色、輔助色、點(diǎn)綴色這三個(gè)叫法,如果可以的話還可以細(xì)分,一個(gè)網(wǎng)站的主色調(diào),是可以傳達(dá)網(wǎng)站的整體風(fēng)格的,面積也是大的,所以在選擇色階段選取的幾個(gè)顏色中選一個(gè)作為主色,然后用在網(wǎng)頁中需求最多的地方,如果banner的顏色,導(dǎo)航的背景色、文字標(biāo)題的顏色等等,輔助色是比主色百分比略少的顏色,點(diǎn)綴色一般是飽和度較高的顏色,一般用在網(wǎng)頁中的強(qiáng)調(diào)內(nèi)容或者突出的內(nèi)容,如按鈕、鏈接等,三種顏色在整個(gè)網(wǎng)頁的比重大概是60%、30%、10%.
當(dāng)前標(biāo)題:網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色
分享鏈接:http://www.rwnh.cn/news46/143796.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、定制開發(fā)、面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站導(dǎo)航、網(wǎng)站維護(hù)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)