很多網(wǎng)頁(yè)都有一個(gè)醒目的大橫幅區(qū)域,但設(shè)計(jì)上大都千篇一律,如果你訪問(wèn)FACTOR DESIGN網(wǎng)站,你會(huì)發(fā)現(xiàn),該區(qū)域的變化比你想象中要豐富得多――并不是通過(guò)特效,而是通過(guò)版面設(shè)計(jì),他們對(duì)橫幅的間隔設(shè)計(jì)讓你在任何平面設(shè)計(jì)中都能獲得靈感。
由圖片構(gòu)成的區(qū)域顯得結(jié)構(gòu)清晰、重點(diǎn)突出及信息有效傳達(dá),并且具有多種意想不到的功能。
Factor Design網(wǎng)站令人一見(jiàn)難忘,其版面結(jié)合了作品展示及手冊(cè)設(shè)計(jì)的特點(diǎn)形成漂亮的效果。白色的開(kāi)闊區(qū)域,高度簡(jiǎn)潔及最小化的構(gòu)成,柔和的顏色搭配,通過(guò)一些隱藏的表格整潔清晰地呈現(xiàn)出來(lái)。
這個(gè)版式結(jié)構(gòu)我們有兩點(diǎn)是特別欣賞的:一是它采用了印刷類(lèi)的平面設(shè)計(jì)風(fēng)格,使用襯線字體,文字顏色對(duì)比低調(diào)柔和,不同文字欄寬度形成強(qiáng)烈對(duì)比。二是上面的水平圖片區(qū)域設(shè)計(jì),使整個(gè)版面顯得優(yōu)雅漂亮。這個(gè)圖片區(qū)域只看上一眼,你可能不能一下子認(rèn)識(shí)它的所有優(yōu)點(diǎn),但我們之所以深入討論這個(gè)區(qū)域是因?yàn)槿绻麖募夹g(shù)上來(lái)說(shuō),你采用了同樣這種方法,就可以得到同樣漂亮的相似效果――無(wú)論是網(wǎng)站設(shè)計(jì)還是其它平面設(shè)計(jì)。看一下我們能夠從這個(gè)網(wǎng)站設(shè)計(jì)中學(xué)到什么。
版面結(jié)構(gòu):
書(shū)本狀的頁(yè)面版式結(jié)合了印刷及網(wǎng)站設(shè)計(jì)的風(fēng)格,只使用一種襯線字體,而文字尺寸只有兩種。
顏色:
在開(kāi)闊的白色背景上,兩種文字顏色已經(jīng)可以傳達(dá)出一種清新及悅目的效果。
文字顏色對(duì)比:
不同的背景顏色有不同的欄目文字名稱(chēng)顏色,但文字與背景的顏色卻保持了低對(duì)比度的關(guān)系。
圖片區(qū)域:
放置圖片的橫幅區(qū)域的大小及位置是固定的,但里面卻可以有千變?nèi)f化。設(shè)計(jì)從最基本的空間分割開(kāi)始:
充滿表現(xiàn)力的變化:
在下面,我們將會(huì)看到圖片通過(guò)結(jié)合、搭配、剪切及組織可以有非常豐富的變化,而讓人印象深刻的是這些效果都只是在這個(gè)簡(jiǎn)單的橫幅中實(shí)現(xiàn)。
本文所用顏色數(shù)值(RGB):