一、一般步驟
1.構(gòu)思
根據(jù)網(wǎng)站的內(nèi)容整體風(fēng)格,設(shè)計(jì)版面布局。你可以參考其他優(yōu)秀的網(wǎng)站,調(diào)用自己的各種知識(shí)儲(chǔ)備,特別是藝術(shù)方面的,在大腦中不斷地醞釀、碰撞,往往不經(jīng)意間就有閃光的思想出現(xiàn)。這時(shí)你就要抓緊時(shí)間把它變成文字的東西,用筆在紙上粗略地勾畫(huà)出布局的輪廓,不要講究細(xì)節(jié),只要有一個(gè)輪廓就行。當(dāng)然你也可能有多種想法,盡量都把它們畫(huà)出來(lái),然后再比較,采用一種比較滿(mǎn)意的方案。
2.初步填充內(nèi)容
這一步就要把一些主要的內(nèi)容放到網(wǎng)頁(yè)中,例如網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計(jì)數(shù)器等,要注意重點(diǎn)突出,把網(wǎng)站標(biāo)志、廣告條、菜單放在最突出、最醒目的位置,然后再考慮其它元素的放置。
3.細(xì)化
在將各主要元素確定好之后,下面就可以考慮文字、圖像、表格等頁(yè)面元素的排版布局了。在這一步,你可以利用網(wǎng)頁(yè)編輯工具把草案做成一個(gè)簡(jiǎn)略的網(wǎng)頁(yè),當(dāng)然對(duì)每一種元素所占的比例也要有一個(gè)詳細(xì)的數(shù)字,以便以后修改。
經(jīng)過(guò)以上幾步,相信你的網(wǎng)頁(yè)布局已經(jīng)初具規(guī)模了,讓別人看一下,給你提些建議,再不斷修改,一個(gè)很有特色的網(wǎng)頁(yè)就要浮出水面了。
二、網(wǎng)頁(yè)排版布局的原則
上面我們簡(jiǎn)要介紹了設(shè)計(jì)網(wǎng)頁(yè)布局的步驟,事實(shí)上,在構(gòu)思和設(shè)計(jì)的過(guò)程中,你還必須要掌握以下幾項(xiàng)原則:
1.平衡性
一個(gè)好的網(wǎng)頁(yè)布局應(yīng)該給人一種安定、平穩(wěn)的感覺(jué),它不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻,而且還有色彩的平衡,要給人一種協(xié)調(diào)的感覺(jué)。
2.對(duì)稱(chēng)性
對(duì)稱(chēng)是一種美,我們生活中有許多事物都是對(duì)稱(chēng)的。但過(guò)度的對(duì)稱(chēng)就會(huì)給人一種呆板、死氣沉沉的感覺(jué),因此要適當(dāng)?shù)卮蚱茖?duì)稱(chēng),制造一點(diǎn)變化。
3.對(duì)比性
讓不同的形態(tài)、色彩等元素相互對(duì)比,來(lái)形成鮮明的視覺(jué)效果。例如黑白對(duì)比,圓形與方形對(duì)比等,它們往往能夠創(chuàng)造出富有變化的效果。
4.疏密度
網(wǎng)頁(yè)要做到疏密有度,即平常所說(shuō)的”密不透風(fēng),疏可跑馬”。不要整個(gè)網(wǎng)頁(yè)一種樣式,要適當(dāng)進(jìn)行留白,運(yùn)用空格,改變行間距、字間距等制造一些變化的效果。
5.比例
比例適當(dāng),這在布局當(dāng)中非常重要,雖然不一定都要做到黃金分割,但比例一定要協(xié)調(diào)。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
本文名稱(chēng):網(wǎng)頁(yè)布局的兩個(gè)步驟和五大原則
分享URL:http://m.rwnh.cn/news43/317493.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、Google、微信公眾號(hào)、網(wǎng)站收錄、電子商務(wù)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)