網(wǎng)站設(shè)計(jì)中欄目和布局的設(shè)計(jì)注意事項(xiàng)

2016-08-22    分類: 網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)包括欄目的設(shè)計(jì)和網(wǎng)站的布局設(shè)計(jì),這兩大塊是組成網(wǎng)站的重要元素。因此本文談?wù)?a >西安建網(wǎng)站中,欄目和布局設(shè)計(jì)中要注意的事項(xiàng)。
安排網(wǎng)站欄目注意以下方面:
網(wǎng)站設(shè)計(jì)
1.一定記住要緊扣你的主題。一般的做法是:

·將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。

·主題欄目個(gè)數(shù)在總欄目中要占絕對優(yōu)勢,這樣的網(wǎng)站顯得專業(yè),主題突出,容易給人留下深刻印象。

2.設(shè)一個(gè)最近更新或網(wǎng)站指南欄目

3.設(shè)定一個(gè)可以雙向交流的欄目(如BBS、留言本、郵件列表)

4.設(shè)一個(gè)下載或常見問題回答欄目(投票、下載欄目)

總結(jié)以上劃分欄目需要注意的是:

1.盡可能刪除與主題無關(guān)的欄目

2.盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上

3.盡可能方便訪問者的瀏覽和查詢

動手設(shè)計(jì)網(wǎng)頁的第一步就是設(shè)計(jì)版面的布局。

布局是一個(gè)設(shè)計(jì)的概念,指的是在一個(gè)限定的面積范圍內(nèi)合理安排、布置圖像、文字的位置,把文章、信息按照輕重緩急的秩序陳列出來的同時(shí),將頁面裝飾美化起來。

版面布局的步驟:
網(wǎng)站設(shè)計(jì)
1、創(chuàng)意草案

草案的形成決定著將來網(wǎng)頁的基本面貌,它類似一個(gè)設(shè)計(jì)創(chuàng)意。它往往來自于一些現(xiàn)有設(shè)計(jì)作品、圖形圖像素材的組合、改造、加工。其思維方式有兩種:借鑒模仿和逆向重組。吸取成功作品中的一些視覺元素及其組合方式,加入自己的新元素形成新的組合(有些素材是本身規(guī)定了的),這種借鑒模仿可以比較順利產(chǎn)生網(wǎng)頁的方案雛形。

逆向重組是利用反向思維來完成設(shè)計(jì)和創(chuàng)作的,把現(xiàn)有作品的視覺元素的性質(zhì)加以改變、重組,與自己的素材結(jié)合而產(chǎn)生新的設(shè)計(jì)作品。

2、粗略布局

在草案的基礎(chǔ)上,將你確定需要放置的功能模塊安排到頁面上。必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則,將網(wǎng)站標(biāo)志、主菜單、商品目錄等最重要的模塊放在最顯眼、最突出的位置,然后再考慮次要模塊的排放。

3、最后定案

將粗略布局精細(xì)化、具體化。在布局過程中,我們可以遵循的原則有:

1)平衡:指畫面的圖像文字的視覺分量在左右、上下幾個(gè)方位基本相等,分布勻稱,能達(dá)到安定、平靜的效果。

2)呼應(yīng):在不平衡的布局中的補(bǔ)救措施,使一種元素同時(shí)出現(xiàn)在不同的地方,形成相互的聯(lián)系。

3)對比:所謂對比,就是利用不同的色彩、線條等視覺元素相互并置對比,造成畫面的多種變化,達(dá)到豐富視覺的效果。

4)疏密:在網(wǎng)頁設(shè)計(jì)中就是空白的處理運(yùn)用,太滿、太密、太平均是任何版式設(shè)計(jì)的大忌,適當(dāng)?shù)氖杳艽钆淇梢允巩嬅娈a(chǎn)生節(jié)奏感。體現(xiàn)出網(wǎng)站的格調(diào)和品位。

本文標(biāo)題:網(wǎng)站設(shè)計(jì)中欄目和布局的設(shè)計(jì)注意事項(xiàng)
文章出自:http://www.bm7419.com/news4/41504.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)請盡快告知,我們將會在第一時(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)

小程序開發(fā)