網(wǎng)頁的設(shè)計(jì)趨勢越來越趨向簡約化和扁平化, 網(wǎng)站首頁的排版設(shè)計(jì)就顯得尤為重要,怎么樣讓客戶眼前一亮,并繼續(xù)瀏覽下去呢?為大家分享一系列圖文排版不錯的國外設(shè)計(jì)網(wǎng)站,也許會給你帶來不同的排版靈感。
對于下面這些例子,除了版面排的不錯外,重點(diǎn)可以看看字體風(fēng)格的選用,同樣是值得我們思考學(xué)習(xí)的。
Bigdropinc
下面的圖文的排版十分常用,用法簡單,效果好。因?yàn)橛辛藞D像,文字色彩不能太多,布局以大標(biāo)題文字 + 一段小字體 + 按鈕方式,并居中展現(xiàn)。
還有個小 Tips:字體與背景要夠「靚」哦。沒靈感的或趕時間的話,就選用這樣的布局吧:)
Oribe
看這張排版,人物與文字的凸凹感是有關(guān)系的,你看到了嗎?
LE28 LILLE
le28網(wǎng)站背景是視頻來的,當(dāng)然也可以用圖片代替,這里的文字在屏幕左下角的方式呈現(xiàn),點(diǎn)線面都做得不錯。
Truedigital
和第一張圖的用法類似,居中形式,但這個文字比較大,占滿一個屏幕。
Aaa
一個個人網(wǎng)站,文字設(shè)計(jì)先贊一個。鼠標(biāo)移動到導(dǎo)航菜單會顯示不同的背景,又一個靈感可以模仿(抄)了。
Activetheory
如果你的文字很短,那么試試像 Activetheory 網(wǎng)站一樣把字體的間距、行距適當(dāng)拉寬。
Sehsucht
很簡約的網(wǎng)站設(shè)計(jì),連英文字體也被精簡了。
Finnlough
使用了手寫字體風(fēng)格,設(shè)計(jì)師不要只管看首頁,試試「使用」這個網(wǎng)站,你會發(fā)現(xiàn)很多體驗(yàn)不錯的小細(xì)節(jié)。
Oursroux
Gelateriadelbiondo
粗字體與細(xì)字體排版。
Kret
Cultureexperiencedays排版有點(diǎn)藝術(shù)感,有木有?此網(wǎng)頁是橫向滾動的,所以此網(wǎng)站的排版也是以橫向設(shè)計(jì)為主。
Codetasty
Loppist
Quiver
Natan
當(dāng)重點(diǎn)是展示人物的時候,你的文字不應(yīng)該太搶眼。
推薦閱讀:
網(wǎng)站SEO優(yōu)化常用html標(biāo)簽解釋