網(wǎng)頁(yè)設計布局心得

網(wǎng)頁(yè)設計布局心得

　　當我們有一些感想時(shí)，往往會(huì )寫(xiě)一篇心得體會(huì )，這樣有利于培養我們思考的習慣。那么心得體會(huì )怎么寫(xiě)才恰當呢？下面是小編為大家收集的網(wǎng)頁(yè)設計布局心得，僅供參考，大家一起來(lái)看看吧。

　　設計網(wǎng)頁(yè)不僅僅是把相關(guān)的內容放到網(wǎng)頁(yè)中就行了,它還要求網(wǎng)頁(yè)設計者能夠把這些內容合理安排,給瀏覽者以賞心悅目的感覺(jué),這樣才能達到內容與形式的完美結合,增強網(wǎng)站的吸引力。因此說(shuō),設計網(wǎng)頁(yè)不但是一項技術(shù)性的工作,它還是一項藝術(shù)性的工作,要求設計者具有較高的藝術(shù)修養和審美情趣,這樣才能夠設計出高水平的網(wǎng)頁(yè)來(lái)。網(wǎng)頁(yè)的排版布局就是決定你的網(wǎng)站美觀(guān)與否的一個(gè)重要方面,通過(guò)合理的、有創(chuàng )意的布局,你可以把文字、圖像等內容完美地展現在瀏覽者面前,而布局的好壞在很大程度上取決于你的藝術(shù)修養水平和創(chuàng )新能力。然而這并不是說(shuō)網(wǎng)頁(yè)布局無(wú)章法可循,完全是靈感之作,它也有自己內在的規律和要求,你只要按照這些要求去做,再加上你的奇特創(chuàng )意。一個(gè)吸引人的網(wǎng)頁(yè)布局是會(huì )出現的。

　　一、網(wǎng)頁(yè)排版布局的步驟

　　1、構思

　　根據網(wǎng)站的內容整體風(fēng)格,設計版面布局。你可以參考其他優(yōu)秀的網(wǎng)站,調用自己的各種知識儲備,特別是藝術(shù)方面的,在大腦中不蠶地醞釀、碰撞,往往不經(jīng)意間就有閃光的思想出現。這時(shí)你就要抓緊時(shí)間把它變成文字的東西,用筆在紙上粗略地勾畫(huà)出布局的輪廓,不要講究細節,只要有一個(gè)輪廓就行。當然你也可能有多種想法,盡量都把它們畫(huà)出來(lái),然后再比較,采用一種比較滿(mǎn)意的方案。

　　2、初步填充內容

　　這一步就要把一些主要的內容放到網(wǎng)頁(yè)中,例如網(wǎng)站的標志、廣告條、菜單、導航條、計數器等,要注意重點(diǎn)突出,把網(wǎng)站標志、廣告條、菜單放在最突出、最醒目的位置,然后再考慮其它元素的放置。

　　3、細化

　　在將各主要元素確定好之后,下面就可以考慮文字、圖像、表格等頁(yè)面元素的排版布局了。在這一步,你可以利用網(wǎng)頁(yè)編輯工具把草案做成一個(gè)簡(jiǎn)略的網(wǎng)頁(yè),當然對每一種元素所占的比例也要有一個(gè)詳細的數字,以便以后修改。

　　經(jīng)過(guò)以上幾步,相信你的網(wǎng)頁(yè)布局已經(jīng)初具規模了,讓別人看一下,給你提些建議,再不斷修改,一個(gè)很有特色的網(wǎng)頁(yè)就要浮出水面了。

　　二、網(wǎng)頁(yè)排版布局的原則

　　上面我們簡(jiǎn)要介紹了設計網(wǎng)頁(yè)布局的步驟,事實(shí)上,在構思和設計的過(guò)程中,你還必須要掌握以下幾項原則:

　　1、平衡性

　　一個(gè)好的網(wǎng)頁(yè)布局應該給人一種安定、平穩的感覺(jué),它不僅表現在文字、圖像等要素的空間占用上分布均勻,而且還有色彩的平衡,要給人一種協(xié)調的感覺(jué)。

　　2、對稱(chēng)性

　　對稱(chēng)是一種美,我們生活中有許多事物都是對稱(chēng)的。但過(guò)度的對稱(chēng)就會(huì )給人一種呆板、死氣沉沉的感覺(jué),因此要適當地打破對稱(chēng),制造一點(diǎn)變化。

　　3、對比性

　　讓不同的形態(tài)、色彩等元素相互對比,來(lái)形成鮮明的視覺(jué)效果。例如黑白對比,圓形與方形對比等,它們往往能夠創(chuàng )造出富有變化的效果。

　　4、疏密度

　　網(wǎng)頁(yè)要做到疏密有度,即平常所說(shuō)的“密不透風(fēng),疏可跑馬”。不要整個(gè)網(wǎng)頁(yè)一種樣式,要適當進(jìn)行留白,運用空格,改變行間距、字間距等制造一些變化的效果。

　　5、比例

　　比例適當,這在布局當中非常重要,雖然不一定都要做到黃金分割,但比例一定要協(xié)調。

【網(wǎng)頁(yè)設計布局心得】相關(guān)文章：

網(wǎng)頁(yè)設計的布局理解07-03

常見(jiàn)的網(wǎng)頁(yè)布局設計模式07-14

計算機網(wǎng)頁(yè)設計布局11-08

網(wǎng)頁(yè)設計的四種布布局要點(diǎn)07-03

網(wǎng)頁(yè)設計相對布局中如何實(shí)現水平定位？07-03

網(wǎng)頁(yè)設計心得06-21

網(wǎng)頁(yè)設計怎樣創(chuàng )新布局，無(wú)錫夢(mèng)想階梯靠訴你？07-03

網(wǎng)頁(yè)設計與制作心得12-12

網(wǎng)頁(yè)設計課程設計心得06-29