網(wǎng)頁設(shè)計(jì)中的彩色搭配與非彩色搭配
許多站長(zhǎng)在做網(wǎng)頁設(shè)計(jì)的時(shí)候,由于沒有經(jīng)過專業(yè)的培訓(xùn),做出來的效果差勁人意。而一個(gè)網(wǎng)頁給人的第一印象,不是豐富的內(nèi)容,也不是無可挑剔的布局,而是網(wǎng)頁的色彩搭配。網(wǎng)頁設(shè)計(jì)的搭配與站點(diǎn)的站長(zhǎng)、站點(diǎn)所在的行業(yè)有關(guān),現(xiàn)在小編將會(huì)編寫一系列的網(wǎng)頁色彩搭配的文章,望給網(wǎng)頁設(shè)計(jì)在色彩上搭配不好的站長(zhǎng)提供幫助。
網(wǎng)頁設(shè)計(jì)的彩色搭配
推薦方案一:青色+橙色+黑色
具體的配色如上圖所顯示?,F(xiàn)在我就以這三種顏色做一個(gè)假想。
?、僮尯谏挥陧敳?,且與下面的顏色形成強(qiáng)烈的對(duì)比,使網(wǎng)頁更有層次感。打一個(gè)比方,讓黑色位于導(dǎo)航欄之上,導(dǎo)航欄可以是灰色,或者是其他相對(duì)適合的顏色。導(dǎo)航欄的字也可以是黑色,這樣的反差會(huì)更加明顯。
?、谇嗌珵橹饕伾?,位于網(wǎng)頁的主要位置,可以具有非常強(qiáng)的沖擊力。
?、鄢壬饕鳛辄c(diǎn)睛色,在主要的位置標(biāo)示,讓文字更加醒目??梢栽O(shè)置文字顏色為橙色,也可以以橙色為底色在上面添加白色的字體。
推薦方案二:深紅色+淺紅色+白色
這個(gè)是以可口可樂2011年的官網(wǎng),我們拿來做一下分析。由于時(shí)間久遠(yuǎn),現(xiàn)在無法打開,沒有較為清晰的圖,望見諒。
?、侔咨淖值拇笮∨帕?,使主題鮮明,對(duì)比明確。
?、谕ㄟ^深紅色和淺紅色的組合,營(yíng)造出了鮮活、熱烈的氣氛,給人活力無限的感覺。
③畫面中點(diǎn)綴少量的黃色、橙色,以及給部分字體打上浮光效果,使畫面更活潑,對(duì)比更加鮮明。
非彩色搭配
什么是非彩色搭配?顧名思義,就是以黑色、白色、灰色三種顏色的搭配,黑白的搭配,或者與其他的色彩搭配都可以產(chǎn)生很強(qiáng)烈的對(duì)比,使所需要展現(xiàn)的主體清晰明了?;疑珓t是一種萬能色,可以和任何色彩搭配,還可以調(diào)和兩種對(duì)立的色彩,使它們和諧的過渡。例如我剛剛在彩色搭配中舉的例子,讓灰色的導(dǎo)航欄完美過渡。
推薦方案一:紅色+白色+黑色
①紅色的圖片和圖標(biāo)在黑色背景中,會(huì)顯得十分突出,十分醒目。
②白色的文字大小排列消減了畫面的沉悶感、
?、刍疑漠嬅媸巩嬅孢^渡得更加自然。
圖趣:本文只概括的說明了幾種配色,詳細(xì)配色可以搜索或看下自然的配色m.likemindfilms.com/se
本文地址:http://m.likemindfilms.com/tutorial/di1608.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏