網(wǎng)站設(shè)計(jì)常用布局方式總結(jié)

2017-05-07 分類：網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)，要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來；而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計(jì)師所設(shè)計(jì)出來的設(shè)計(jì)稿，按照W3C規(guī)范用html（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）將其制作成網(wǎng)頁格式。

網(wǎng)站布局之“廠”字型

所謂的“廠”字型布局結(jié)構(gòu)，就是指頁面頂部為橫條網(wǎng)站標(biāo)識(shí)和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局。菜單條與背景，整體效果類似“廠”字。“廠”布局是目前最常見的一種網(wǎng)頁布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。缺點(diǎn)是由于被使用得過多，顯得缺乏創(chuàng)意，略顯呆板。
網(wǎng)站布局之“三”字型
這種布局多用于國外站點(diǎn)，通常頁面上方橫向幾條色塊，將頁面整體分割為若干部分，色塊中大多放廣告圖片或者Flash動(dòng)畫。
網(wǎng)站布局之 “國”字型
“國”字型布局通常上下各有一個(gè)廣告條或者其他欄目條，左面是主菜單，右面放友情鏈接或者其他欄目等，中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大。缺點(diǎn)是頁面顯得比較擁擠和局促，不夠靈活。
網(wǎng)站布局之門戶型
這類網(wǎng)頁通常內(nèi)容多，信息量大，通常沒有時(shí)顯的線條作為邊界，圖片用得也比較少，一般通過文字的排列產(chǎn)生視覺上的分區(qū)效果。
網(wǎng)站布局之區(qū)塊型
區(qū)塊型布局現(xiàn)在出現(xiàn)的越來越多，在網(wǎng)頁上各個(gè)區(qū)域具有封閉的邊界，經(jīng)過合理放置顯得清晰美觀。其缺點(diǎn)是由于片面固定，各區(qū)域很難根據(jù)其中的內(nèi)容的多少而調(diào)整大小，因此不適宜用于區(qū)域內(nèi)容的長度經(jīng)常變化的網(wǎng)頁。
網(wǎng)站布局之宣傳單型
宣傳單型布局頁面就像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心，常用于個(gè)性類站點(diǎn)。其優(yōu)點(diǎn)是漂亮吸引人；缺點(diǎn)就是頁面中大面積使用圖片，導(dǎo)致瀏覽速度相對(duì)較慢。所以這類頁面同是可以作為宣傳單使用。

名稱欄目：網(wǎng)站設(shè)計(jì)常用布局方式總結(jié)
分享URL：http://m.kartarina.com/news0/75450.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

做企業(yè)網(wǎng)站設(shè)計(jì)制作用什么軟件 2017-04-02
視覺設(shè)計(jì)在網(wǎng)站制作中重要性 2017-03-22
《網(wǎng)站策劃方案書》相關(guān)知識(shí) 2017-03-19
網(wǎng)站設(shè)計(jì)常用的軟件 2017-03-14
用戶體驗(yàn)剖析：尋覓設(shè)計(jì)的動(dòng)因和方向 2017-03-02
營銷型網(wǎng)站建設(shè)的頁面設(shè)計(jì)技巧 2017-03-01
如何更好的設(shè)計(jì)與改善網(wǎng)站導(dǎo)航 2017-02-27