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

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

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

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

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

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

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

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

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

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

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

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

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

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

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