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