網(wǎng)頁設(shè)計的四種布布局要點(diǎn)
排版布局是整個網(wǎng)站頁面的核心,由于剛?cè)腴T的設(shè)計小白什么也不懂,就會按照各種設(shè)計教程來進(jìn)行布局。下面是小編為大家整理的網(wǎng)頁設(shè)計的四種布布局要點(diǎn),歡迎參考~
一、基于模塊或網(wǎng)絡(luò)
有些排版方式是建立在模塊化或類似網(wǎng)格的結(jié)構(gòu)上的,在這些設(shè)計中,每個模塊都力圖根據(jù)屏幕尺寸伸縮調(diào)整。實際上這并不是什么新的方式,不過響應(yīng)式網(wǎng)頁設(shè)計讓它變得更加有用,它暗示了一種自適應(yīng)布局模式,可以像搭積木一樣,由各種模塊組件創(chuàng)建而成!
二、無邊界
無邊界的布局模式,只是畫出了一個大致的框架圖,也許你只是想說這只是框架,因為設(shè)計規(guī)劃前期很多素材還并不完善。一段文字和一張圖片,甚至一個圖標(biāo),在你進(jìn)行布局的時候,由于素材并不是立刻手到擒來,因此布局總是喜歡用一個個矩形來代表一段文字或一張圖片,這本沒有錯,但這個做法也會讓人陷入“框架陷阱”
可以肯定的是,這樣設(shè)計網(wǎng)頁并沒有多少呼吸的空間,整個網(wǎng)頁都被信息所填滿,如果稍微改變一下布局的元素大小和位置,其實就會展示出不一樣的版面效果,這樣的.排版也是更靈活的。
三、垂直分割
垂直分割式的布局在上一篇文章中我們也有提到過,使用垂直分割布局,原因有兩個。有時候在一套設(shè)計中,的確存在兩個同等重要的主體元素。網(wǎng)頁設(shè)計的通常方法,是按照重要性給內(nèi)容排序。然后重要性會體現(xiàn)在設(shè)計的層次和結(jié)構(gòu)上。但是假如你就是要推廣兩樣?xùn)|西呢?這種方式,可以讓你突出兩者,并讓用戶迅速在其中做出選擇。第二是要表現(xiàn)出重要的兩面性。
四、幾何圖形
網(wǎng)頁設(shè)計布局幾乎都是由幾何構(gòu)成的,三角形、圓形、矩形等等,都經(jīng)常被使用。加之顯示屏本身就是矩形,因此在布局時最常用到的也是矩形。
在實際的設(shè)計過程中一定是花樣百出的,絕不可能用一兩種布局模式就輕松完成,多思考多改變,總不會出錯。但不管如何變化設(shè)計方式,最終還是要圍繞著“美觀”與“用戶”進(jìn)行的。
【網(wǎng)頁設(shè)計的四種布布局要點(diǎn)】相關(guān)文章:
網(wǎng)頁布局設(shè)計的技巧10-17
關(guān)于網(wǎng)頁設(shè)計布局的分析11-14
5種網(wǎng)頁設(shè)計的布局10-30
網(wǎng)頁設(shè)計:網(wǎng)站布局的23個步驟10-04
網(wǎng)頁設(shè)計為什么要用DIV布局11-10
如何布局網(wǎng)頁主體10-20