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