您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計找不到完美的色彩搭配?直接選擇單色吧!

也許你會認為單色的網(wǎng)頁設(shè)計太過單調(diào),那么,就讓AnyForWeb用下面的案例打消你的疑慮。網(wǎng)頁不會因為色彩而無聊,用戶會通過色彩看到設(shè)計師的心。

1.你能想象一個網(wǎng)站的頁面只由純色塊和最普通線條組成嗎?第一個案例讓你大開眼界。這樣的設(shè)計在技術(shù)上也許新手設(shè)計師就能輕易完成,設(shè)計想法也并不出跳,最簡易的兩者組合在一起,卻表現(xiàn)出了令人意想不到的視覺效果。

2. Design Week Portland的網(wǎng)頁首屏也采用了單色的設(shè)計手法,頁面中只有大色塊,以及比較復(fù)古字體的文字。這個案例提示我們,如果要用不那么中規(guī)中矩的字體,背景盡量要選擇單一或模糊的圖片。

3.下面這個案例從嚴格意義上來說并不屬于單一色的網(wǎng)頁設(shè)計,只能稱之為背景單一色系。背景使用了高清的仿真圖片,涂鴉風(fēng)格的文字覆蓋在背景上方,讓整個界面看起來更加自由不羈,多了一些城市街頭的感覺。

4.大面積使用透明度極低的色塊作為網(wǎng)頁背景,會讓界面顯得更加自然清新。手繪風(fēng)的可愛字體設(shè)計讓網(wǎng)站加入了一些天真和童趣,與純色背景相得益彰。網(wǎng)站整體的顏色搭配也十分流暢。

5.灰白色系的背景讓網(wǎng)頁中心的TheSecret Door變得更加神秘,把頁面氣氛渲染到更深入的層次,增強了瀏覽者的點擊欲望。單色背景在這個案例中的主要作用在于烘托網(wǎng)站所要表達的心情和氛圍。

6.這個案例也并不算是一種典型的單色網(wǎng)頁,但也許能為設(shè)計師們帶來一些靈感。背景來源于天空,良好的前端效果讓我們仿佛愜意的置身于云層之上,帶來一種前所未有、朦朦朧朧的獨特美感。

7. 這個可愛的全局扁平化網(wǎng)站由幾個分頁面組成,每個頁面都有不同的主色調(diào),但互相之間毫不沖突,仔細思考之后,會發(fā)現(xiàn)它們之間有著微妙的聯(lián)系。瀏覽時,你也許不會吝嗇你的鼠標,想要點擊每一個圖標按鈕。

8.大范圍使用橙色作為背景似乎顯得有些大膽,在視覺上,橙色給人一種過于鮮亮的印象。但在此案例中,設(shè)計師用黑色的加以搭配使用,讓網(wǎng)站看起來不那么突兀沖擊,反而多了一些年輕和活力。

9.這個網(wǎng)站的風(fēng)格只能用極簡來形容了?;野椎咨臀淖郑W(wǎng)頁中找不到任何多余的成分和元素。設(shè)計師很有心思的在背景中加入了紋理的設(shè)計,讓整體看起來更加真實化,不那么單調(diào)。

10.與上一個的案例相反,設(shè)計師選用了略顯沉悶的黑色作為網(wǎng)頁背景色,但效果卻也不一般。如果白色給人一種純潔簡單的感覺,那么黑色就是與眾不同的代名詞了。感受一下。

想要實現(xiàn)一個簡單大氣的網(wǎng)站,不如就從開始顏色入手吧。在五彩繽紛的眾網(wǎng)頁中,單色的設(shè)計反而能脫穎而出。

[教程作者:尛沫尛沫]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di2092.html
GEMAX天貓商城視覺規(guī)范設(shè)計
網(wǎng)頁設(shè)計師身邊的那些NPC——“大氣”的BOSS
圖趣網(wǎng)微信
建議反饋
×