展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

來(lái)源:design.anyforweb 作者:AnyForWeb_UDC 學(xué)習(xí):3230人次

一、Metro和柔和鮮嫩的色彩

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

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

二、偏灰的冷色系粉彩

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

還有哪些搭配方法?阿里前輩在前,就不多說(shuō)咯:《色彩搭配速成!3個(gè)實(shí)用方法幫你全面搞定配色》

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

三、根據(jù)圖片搭配背景色

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

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

四、只有一個(gè)重點(diǎn)色

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

對(duì)這類(lèi)方法,我們有一大波優(yōu)秀范例可以給你參考:

《灑一腔熱血!35個(gè)熱烈奔放的紅色色調(diào)網(wǎng)站設(shè)計(jì)》《色彩中的雅痞!26個(gè)優(yōu)雅的藍(lán)色網(wǎng)站設(shè)計(jì)》《大膽有范!25個(gè)配色驚人的黃色色調(diào)網(wǎng)站設(shè)計(jì)欣賞》

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

五、以簡(jiǎn)單灰作為網(wǎng)頁(yè)基調(diào)

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

同時(shí),灰色也是高檔顏色喲,為什么?見(jiàn):《漲姿勢(shì)!為什么有的顏色看起來(lái)非常高檔?》

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

六、低透明度色彩

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

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

七、用高亮色體現(xiàn)用戶(hù)交互

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

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

八、不輕易減少亮度中的黑色

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

想玩到這樣的水平,基礎(chǔ)知識(shí)是絕對(duì)少不了的:《設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)》

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

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

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

不會(huì)出錯(cuò)的配色呢?也有!《秒變配色高手!怎么都不會(huì)錯(cuò)的6條網(wǎng)頁(yè)設(shè)計(jì)配色原則》

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

十、單色網(wǎng)頁(yè)

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

展望下一年的網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

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

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!