- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)布局心得
當(dāng)我們有一些感想時(shí)，往往會寫一篇心得體會，這樣有利于培養(yǎng)我們思考的習(xí)慣。那么心得體會怎么寫才恰當(dāng)呢？下面是小編為大家收集的網(wǎng)頁設(shè)計(jì)布局心得，僅供參考，大家一起來看看吧。
設(shè)計(jì)網(wǎng)頁不僅僅是把相關(guān)的內(nèi)容放到網(wǎng)頁中就行了,它還要求網(wǎng)頁設(shè)計(jì)者能夠把這些內(nèi)容合理安排,給瀏覽者以賞心悅目的感覺,這樣才能達(dá)到內(nèi)容與形式的完美結(jié)合,增強(qiáng)網(wǎng)站的吸引力。因此說,設(shè)計(jì)網(wǎng)頁不但是一項(xiàng)技術(shù)性的工作,它還是一項(xiàng)藝術(shù)性的工作,要求設(shè)計(jì)者具有較高的藝術(shù)修養(yǎng)和審美情趣,這樣才能夠設(shè)計(jì)出高水平的網(wǎng)頁來。網(wǎng)頁的排版布局就是決定你的網(wǎng)站美觀與否的一個重要方面,通過合理的、有創(chuàng)意的布局,你可以把文字、圖像等內(nèi)容完美地展現(xiàn)在瀏覽者面前,而布局的好壞在很大程度上取決于你的藝術(shù)修養(yǎng)水平和創(chuàng)新能力。然而這并不是說網(wǎng)頁布局無章法可循,完全是靈感之作,它也有自己內(nèi)在的規(guī)律和要求,你只要按照這些要求去做,再加上你的奇特創(chuàng)意。一個吸引人的網(wǎng)頁布局是會出現(xiàn)的。
一、網(wǎng)頁排版布局的步驟
1、構(gòu)思
根據(jù)網(wǎng)站的內(nèi)容整體風(fēng)格,設(shè)計(jì)版面布局。你可以參考其他優(yōu)秀的網(wǎng)站,調(diào)用自己的各種知識儲備,特別是藝術(shù)方面的,在大腦中不蠶地醞釀、碰撞,往往不經(jīng)意間就有閃光的思想出現(xiàn)。這時(shí)你就要抓緊時(shí)間把它變成文字的東西,用筆在紙上粗略地勾畫出布局的輪廓,不要講究細(xì)節(jié),只要有一個輪廓就行。當(dāng)然你也可能有多種想法,盡量都把它們畫出來,然后再比較,采用一種比較滿意的方案。
2、初步填充內(nèi)容
這一步就要把一些主要的內(nèi)容放到網(wǎng)頁中,例如網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計(jì)數(shù)器等,要注意重點(diǎn)突出,把網(wǎng)站標(biāo)志、廣告條、菜單放在最突出、最醒目的位置,然后再考慮其它元素的放置。
3、細(xì)化
在將各主要元素確定好之后,下面就可以考慮文字、圖像、表格等頁面元素的排版布局了。在這一步,你可以利用網(wǎng)頁編輯工具把草案做成一個簡略的網(wǎng)頁,當(dāng)然對每一種元素所占的比例也要有一個詳細(xì)的數(shù)字,以便以后修改。
經(jīng)過以上幾步,相信你的網(wǎng)頁布局已經(jīng)初具規(guī)模了,讓別人看一下,給你提些建議,再不斷修改,一個很有特色的網(wǎng)頁就要浮出水面了。
二、網(wǎng)頁排版布局的原則
上面我們簡要介紹了設(shè)計(jì)網(wǎng)頁布局的步驟,事實(shí)上,在構(gòu)思和設(shè)計(jì)的過程中,你還必須要掌握以下幾項(xiàng)原則:
1、平衡性
一個好的網(wǎng)頁布局應(yīng)該給人一種安定、平穩(wěn)的感覺,它不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻,而且還有色彩的平衡,要給人一種協(xié)調(diào)的感覺。
2、對稱性
對稱是一種美,我們生活中有許多事物都是對稱的。但過度的對稱就會給人一種呆板、死氣沉沉的感覺,因此要適當(dāng)?shù)卮蚱茖ΨQ,制造一點(diǎn)變化。
3、對比性
讓不同的形態(tài)、色彩等元素相互對比,來形成鮮明的視覺效果。例如黑白對比,圓形與方形對比等,它們往往能夠創(chuàng)造出富有變化的效果。
4、疏密度
網(wǎng)頁要做到疏密有度,即平常所說的“密不透風(fēng),疏可跑馬”。不要整個網(wǎng)頁一種樣式,要適當(dāng)進(jìn)行留白,運(yùn)用空格,改變行間距、字間距等制造一些變化的效果。
5、比例
比例適當(dāng),這在布局當(dāng)中非常重要,雖然不一定都要做到黃金分割,但比例一定要協(xié)調(diào)。
【網(wǎng)頁設(shè)計(jì)布局心得】相關(guān)文章：
常見的網(wǎng)頁布局設(shè)計(jì)模式07-14
計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局11-08
網(wǎng)頁設(shè)計(jì)的四種布布局要點(diǎn)07-03
網(wǎng)頁設(shè)計(jì)相對布局中如何實(shí)現(xiàn)水平定位？07-03