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