也許你會(huì)認(rèn)為單色的網(wǎng)頁(yè)設(shè)計(jì)太過(guò)單調(diào),那么,就讓AnyForWeb用下面的案例打消你的疑慮。網(wǎng)頁(yè)不會(huì)因?yàn)樯识鵁o(wú)聊,用戶(hù)會(huì)通過(guò)色彩看到設(shè)計(jì)師的心。
1.你能想象一個(gè)網(wǎng)站的頁(yè)面只由純色塊和最普通線條組成嗎?第一個(gè)案例讓你大開(kāi)眼界。這樣的設(shè)計(jì)在技術(shù)上也許新手設(shè)計(jì)師就能輕易完成,設(shè)計(jì)想法也并不出跳,最簡(jiǎn)易的兩者組合在一起,卻表現(xiàn)出了令人意想不到的視覺(jué)效果。
2. Design Week Portland的網(wǎng)頁(yè)首屏也采用了單色的設(shè)計(jì)手法,頁(yè)面中只有大色塊,以及比較復(fù)古字體的文字。這個(gè)案例提示我們,如果要用不那么中規(guī)中矩的字體,背景盡量要選擇單一或模糊的圖片。
3.下面這個(gè)案例從嚴(yán)格意義上來(lái)說(shuō)并不屬于單一色的網(wǎng)頁(yè)設(shè)計(jì),只能稱(chēng)之為背景單一色系。背景使用了高清的仿真圖片,涂鴉風(fēng)格的文字覆蓋在背景上方,讓整個(gè)界面看起來(lái)更加自由不羈,多了一些城市街頭的感覺(jué)。
4.大面積使用透明度極低的色塊作為網(wǎng)頁(yè)背景,會(huì)讓界面顯得更加自然清新。手繪風(fēng)的可愛(ài)字體設(shè)計(jì)讓網(wǎng)站加入了一些天真和童趣,與純色背景相得益彰。網(wǎng)站整體的顏色搭配也十分流暢。
5.灰白色系的背景讓網(wǎng)頁(yè)中心的TheSecret Door變得更加神秘,把頁(yè)面氣氛渲染到更深入的層次,增強(qiáng)了瀏覽者的點(diǎn)擊欲望。單色背景在這個(gè)案例中的主要作用在于烘托網(wǎng)站所要表達(dá)的心情和氛圍。
6.這個(gè)案例也并不算是一種典型的單色網(wǎng)頁(yè),但也許能為設(shè)計(jì)師們帶來(lái)一些靈感。背景來(lái)源于天空,良好的前端效果讓我們仿佛愜意的置身于云層之上,帶來(lái)一種前所未有、朦朦朧朧的獨(dú)特美感。