網(wǎng)頁布局就是以最適合瀏覽的方式汽烦，將圖片搓劫、文字板甘、動畫等按照一定規(guī)律遵循一定的形式美法則熄赡，放在不同位置。
按照定義方式分類
網(wǎng)頁布局方式分為固定式和響應(yīng)式兼贸。
按照能否適應(yīng)屏幕大小段直，構(gòu)成的網(wǎng)頁原件的定義方式分為兩種，一種是像素型溶诞，另一種是百分比型鸯檬。由不同網(wǎng)頁原件定義方式可構(gòu)成不同的網(wǎng)頁布局形式，一種是按像素定義的固定式螺垢，另一種是按百分比定義的響應(yīng)式喧务。
1、固定式
把這種由像素定義原件的網(wǎng)頁布局方式稱為固定式枉圃，是因?yàn)榫W(wǎng)頁中的內(nèi)容寬度是用像素這種絕對單位定義的功茴，當(dāng)把網(wǎng)頁窗口縮小時(shí)，界面會有一部分內(nèi)容被遮擋讯蒲，用戶需要瀏覽被遮擋的信息時(shí)痊土，需要使用頁面下端的滾動條。這種網(wǎng)頁很常見墨林，如站酷赁酝，簡書
2犯祠、自適應(yīng)
自適應(yīng)布局，即這些頁面內(nèi)容是由百分比這種相對單位定義的酌呆，能夠隨著窗口顯示大小的比例來調(diào)整在頁面所占的比例大小衡载，所以能夠適應(yīng)多個(gè)終端，不同分辨率的屏幕隙袁，無論是手機(jī)痰娱、平板還是電腦，都能夠很好地適應(yīng)菩收，給用戶良好的體驗(yàn)梨睁，就拿優(yōu)設(shè)為例
按照頁面排版方式分類
網(wǎng)頁布局分為國字型，卡片式娜饵，瀑布流坡贺，海報(bào)型，標(biāo)題正文型箱舞，綜合框架型
1遍坟、國字型
頁面上方有橫導(dǎo)航欄，側(cè)導(dǎo)航欄兩側(cè)分布晴股，網(wǎng)頁最底端分布可點(diǎn)擊的超鏈接愿伴，適合內(nèi)容豐富、信息量大的大型網(wǎng)站电湘，如天貓隔节，蘇寧易購
2、卡片式布局
導(dǎo)航欄一般為橫向或縱向寂呛，有的為隱藏式導(dǎo)航欄官帘，導(dǎo)航欄一般有一個(gè)或兩個(gè)，網(wǎng)頁主要信息分成若干個(gè)等比例小方塊或者以這些小方塊拼合而成的方塊組成昧谊，一般為等距分布，這種布局多運(yùn)用于設(shè)計(jì)類作品展示酗捌，或者一些多圖片的視頻網(wǎng)站呢诬，如dribbble、優(yōu)酷
3胖缤、瀑布流
導(dǎo)航欄一般為橫向尚镰，突出搜索功能與圖片展示，一般應(yīng)用于圖片素材網(wǎng)站哪廓，圖片不用放大加載就可以看到全貌狗唉，用戶可以更直觀地找到自己想要的信息，如花瓣網(wǎng),pinterest
4涡真、海報(bào)式
這種布局一般出現(xiàn)在一些時(shí)尚分俯、個(gè)人肾筐、工作室網(wǎng)站的首頁，突出圖片缸剪，簡要的品牌logo形象周圍加文本鏈接進(jìn)行點(diǎn)綴吗铐，真正做到少而精。這種布局處理得當(dāng)會十分簡潔大氣杏节、個(gè)性化唬渗。突出展示重要的產(chǎn)品或作品，給人耳目一新的感覺奋渔。如Zara,星巴克
5镊逝、標(biāo)題正文型
一般是文章、登錄頁等采用嫉鲸，里面包含大量的文字信息撑蒜，類似以PDF文檔，百度文庫充坑，微信推送的文章减江，知乎里面的文章詳情均采用這種布局。是最為常見的布局方式捻爷，還有world文檔編輯的文本······
6辈灼、表格式布局
一般為檢索性或者導(dǎo)航信息網(wǎng)站，里面涵蓋大量的信息分類也榄，便于查找信息巡莹，表格欄一般隱藏，如114網(wǎng)址導(dǎo)航
7甜紫、綜合框架型
包含上面介紹的部分布局方式降宅，綜合信息比較多的，如中國青年網(wǎng)
總結(jié)
網(wǎng)頁布局分類方式很多囚霸，可以從版式布局切入腰根，或者是由于實(shí)現(xiàn)工具的不同導(dǎo)致的布局變化樣式的差異導(dǎo)致的不同布局切入...手機(jī)上還有九宮格、豎排列表拓型、全屏式....
