Godzilla. 2016-11-02
網(wǎng)站建設(shè)
網(wǎng)站設(shè)計(jì)中的排版布局案例分享
網(wǎng)站排版關(guān)乎一個(gè)網(wǎng)站的顏值和氣質(zhì)，排版好的網(wǎng)站會(huì)讓人眼前一亮。網(wǎng)站首頁(yè)第一屏的排版同樣非常重要的，它在很大程度上能決定用戶(hù)去與留，特別是目前的扁平化網(wǎng)站，對(duì)圖文排版要求較高，因?yàn)闆](méi)有花哨的質(zhì)感特效，重點(diǎn)以展示內(nèi)容為主，使網(wǎng)站更實(shí)用，本文就為大家分享一些國(guó)外設(shè)計(jì)網(wǎng)站，它們有著精致的圖文排版，看看這些例子也許會(huì)給杭州網(wǎng)站制做的同學(xué)帶來(lái)不同的排版靈感哦。
1、Bigdropinc
下面的圖文的排版是十分常用哦，用法簡(jiǎn)單，效果好。因?yàn)橛辛藞D像，文字色彩不能太多，布局以大標(biāo)題文字 + 一段小字體 + 按鈕方式，并居中展現(xiàn)。
還有個(gè)小 Tips: 字體與背景要夠「靚」哦。沒(méi)靈感的或趕時(shí)間的話，就選用這樣的布局吧：）
2、Oribe
看這張排版，人物與文字的凸凹感是有關(guān)系的，你看到了嗎？SSS
3、LE28 LILLE
le28網(wǎng)站背景是視頻來(lái)的，當(dāng)然也可以用圖片代替，這里的文字在屏幕左下角的方式呈現(xiàn)，點(diǎn)線面都做得不錯(cuò)。
4、Truedigital
和第一張圖的用法類(lèi)似，居中形式，但這個(gè)文字比較大，占滿(mǎn)一個(gè)屏幕。
5、Aaa
一個(gè)個(gè)人網(wǎng)站，文字設(shè)計(jì)先贊一個(gè)。鼠標(biāo)移動(dòng)到導(dǎo)航菜單會(huì)顯示不同的背景，又一個(gè)靈感可以模仿（抄）了。。。
6、Activetheory
如果你的文字很短，那么試試像 activetheory 網(wǎng)站一樣把字體的間距、行距適當(dāng)拉寬。
7、Google 地圖
8、Because-Recollection
文字動(dòng)畫(huà)很 Cool！并提示用戶(hù)按空格，互動(dòng)性很高的網(wǎng)站，用創(chuàng)意留住用戶(hù)，營(yíng)銷(xiāo)設(shè)計(jì)也是我們?cè)O(shè)計(jì)師要了解的哦。
9、Sehsucht
很簡(jiǎn)約的網(wǎng)站設(shè)計(jì)，連英文字體也被精簡(jiǎn)了。
10、Finnlough
使用了手寫(xiě)字體風(fēng)格，設(shè)計(jì)師不要只管看首頁(yè)，試試「使用」這個(gè)網(wǎng)站，你會(huì)發(fā)現(xiàn)很多體驗(yàn)不錯(cuò)的小細(xì)節(jié)。
11、Oursroux
摩恩網(wǎng)絡(luò)，專(zhuān)業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷等產(chǎn)品服務(wù)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營(yíng)銷(xiāo)推廣系統(tǒng)（強(qiáng)），歡迎新老顧客前來(lái)咨詢(xún)！
文章標(biāo)簽：
排版布局
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：