16個(gè)國(guó)外優(yōu)秀的文字排版網(wǎng)站設(shè)計(jì)案例欣賞
2016年 / 04月13日
完成一份優(yōu)秀的網(wǎng)站設(shè)計(jì)有很多元素,文字排版僅是里面的一部分,就是將文字原稿按設(shè)計(jì)的要求,組成規(guī)定版式的工藝。說(shuō)的通俗點(diǎn),就是一件衣服,設(shè)計(jì)前期,要畫(huà)個(gè)樣式圖。然后按著設(shè)計(jì)的走勢(shì)依次裁剪。文字排版也是這樣,特別是首頁(yè)的排版,決定著用戶的去與留,因?yàn)闆](méi)有花哨的質(zhì)感特效,重點(diǎn)以展示內(nèi)容為主,使網(wǎng)站更實(shí)用。下面小編分享16個(gè)國(guó)外優(yōu)秀的文字排版網(wǎng)站設(shè)計(jì)案例供大家參考。
Google 地圖
Aaa
一個(gè)個(gè)人網(wǎng)站,文字設(shè)計(jì)先贊一個(gè)。鼠標(biāo)移動(dòng)到導(dǎo)航菜單會(huì)顯示不同的背景,又一個(gè)靈感可以模仿(抄)了。
Activetheory
如果你的文字很短,那么試試像 activetheory 網(wǎng)站一樣把字體的間距、行距適當(dāng)拉寬。
Truedigital
和第一張圖的用法類似,居中形式,但這個(gè)文字比較大,占滿一個(gè)屏幕。
LE28 LILLE
le28網(wǎng)站背景是視頻來(lái)的,當(dāng)然也可以用圖片代替,這里的文字在屏幕左下角的方式呈現(xiàn),點(diǎn)線面都做得不錯(cuò)。
Because-Recollection
文字動(dòng)畫(huà)很 Cool!并提示用戶按空格,互動(dòng)性很高的網(wǎng)站,用創(chuàng)意留住用戶,營(yíng)銷設(shè)計(jì)也是我們?cè)O(shè)計(jì)師要了解的哦。
Sehsucht
很簡(jiǎn)約的網(wǎng)站設(shè)計(jì),連英文字體也被精簡(jiǎn)了。
Oursroux
Kret
Finnlough
使用了手寫(xiě)字體風(fēng)格,設(shè)計(jì)師不要只管看首頁(yè),試試「使用」這個(gè)網(wǎng)站,你會(huì)發(fā)現(xiàn)很多體驗(yàn)不錯(cuò)的小細(xì)節(jié)。
Cultureexperiencedays
排版有點(diǎn)藝術(shù)感,有木有?此網(wǎng)頁(yè)是橫向滾動(dòng)的,所以此網(wǎng)站的排版也是以橫向設(shè)計(jì)為主。
Codetasty
Marie Sixtine
Gelateriadelbiondo
粗字體與細(xì)字體排版。
Moteurdereussites
Quiver