2015年網(wǎng)頁設(shè)計配色趨勢預(yù)測

資訊頻道 - 創(chuàng)意潮 來源:中國設(shè)計在線 作者:CDO 2014-12-23

色彩搭配是設(shè)計界永恒的話題,而在網(wǎng)頁設(shè)計中該如何掌控色彩似乎很少有標(biāo)準(zhǔn)和定論,只能一味的憑借設(shè)計師自己的經(jīng)驗和客戶的偏好進(jìn)行設(shè)計工作。 

AnyForWeb根據(jù)2015年的色彩大致趨勢走向,并且結(jié)合相關(guān)的網(wǎng)頁設(shè)計經(jīng)驗,作出了以下網(wǎng)頁配色預(yù)測分析,希望對大家有所幫助。

1.Metro和柔和鮮嫩的色彩

Odam Luiran的網(wǎng)站是Metro風(fēng)格,這種風(fēng)格尤其適合一些比較鮮嫩柔和的顏色,扁平化網(wǎng)頁設(shè)計在2014年中的流行讓柔和色彩的用途變得越來越廣泛。這樣的色彩基調(diào)將在2015年得到進(jìn)一步的延續(xù),馬卡龍色系也許會常常出現(xiàn)在網(wǎng)頁設(shè)計中。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

2.偏灰的冷色系粉彩

偏灰的冷色系色彩是一種看起來比較百搭的顏色,但是實際上,要將這類顏色使用的恰如其分卻并不是一件容易的事情。這類色彩表現(xiàn)的比較中性,所以搭配任何顏色都不會顯得突兀,但也不算出挑,而要讓色彩之間真正融合,應(yīng)該選擇清淡的粉彩系透明色,讓網(wǎng)頁看起來清新脫俗。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

3.根據(jù)圖片搭配背景色

網(wǎng)頁設(shè)計需要看整體,而不能針對性的看局部。網(wǎng)頁中顯示的圖片往往是表達(dá)網(wǎng)站思想和意圖的一部分,屬于網(wǎng)站元素中比較重要的環(huán)節(jié),所以讓背景色來適應(yīng)圖片的顏色是情理之中。如下案例所示,藍(lán)色系的圖片搭配藍(lán)灰色的背景,整體表現(xiàn)的十分融洽。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

4.只有一個重點色

一談到色彩搭配,常常有人會說一個比較保守的搭配方法:一個區(qū)域范圍里不能超過三種顏色。這句話并不算完全正確,更深層的含義是,只能有一個重點色。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

5.以簡單灰作為網(wǎng)頁基調(diào)

用灰色作為網(wǎng)站的主基調(diào)是一種比較保守的做法;疑珜儆谒猩手凶詈唵蔚念伾,所以設(shè)計師有充分的理由去選擇使用灰色,以此來襯托出網(wǎng)頁中內(nèi)容的可讀性,減少用戶的閱讀干擾。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

6.低透明度色彩

透明度低的色彩也很有可能成為2015年網(wǎng)頁設(shè)計的主要色彩趨勢。如今的設(shè)計越來越追求用戶的交互體驗,因此低透明度的色塊能讓用戶更加容易發(fā)現(xiàn)并且閱讀。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

7.用高亮色體現(xiàn)用戶交互

一大片高亮色設(shè)計一定會造成用戶的視覺疲勞,令人很反感,但小部分的高亮色設(shè)計卻能起到突出重點的作用,既能將內(nèi)容有效的區(qū)分開來,又能保證與整體色調(diào)保持一致。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

8.不輕易減少亮度中的黑色

下面這個案例中很簡單的使用了黑色和橙色。橙色作為很亮眼的一種顏色有時會給人帶來一種比較刺眼的感覺,但案例中的橙色卻令我們的視覺感覺很舒適。原因在于設(shè)計師在原本亮麗的顏色中加入了一些黑色,既能讓顏色之間形成對比,又不會顯得很招搖。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

9.藍(lán)色是網(wǎng)站的“基本款”

藍(lán)色在網(wǎng)頁設(shè)計中屬于不會出錯的顏色,當(dāng)你舉棋不定或是在色彩上產(chǎn)生困惑的時候,你可以用藍(lán)色嘗試一下,也許能順利化解你的問題。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

10.單色網(wǎng)頁

單色網(wǎng)頁設(shè)計看起來似乎不會存在色彩搭配方面的問題,但這里說的單色網(wǎng)頁更應(yīng)該理解為單色系網(wǎng)頁。所以,要打造一個色彩統(tǒng)一的網(wǎng)頁,設(shè)計師可以以一個基本色調(diào)來擴張色相、飽和度和亮度等條件。

AnyForWeb觀點:2015年網(wǎng)頁<a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計</a>配色趨勢預(yù)測

色彩在任何一種設(shè)計中都起著很重要的作用,相差不多的色彩卻能渲染出截然不同的情感效果。因此,好好利用色彩與生俱來的魅力,就能讓你的網(wǎng)頁設(shè)計更特別。

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦