什麽是好的網頁設計(jì)，網頁設計(jì)原則理(lǐ)念

(1)内容和功能決定表現形式和界面設計(jì)

常常有人(rén)憑借電話(huà)的幾句交流或者QQ上的幾句聊天，甚至是一張句話(huà)的小紙條，就(jiù)開始做一個網站(zhàn)設計(jì)。我覺得(de)這都(dōu)是敷衍了事(shì)的通用設計(jì)，很不專業不成熟的設計(jì)。做一個良好的網頁設計(jì)，你(nǐ)需要了解客戶的東西很多，比如(rú)：

1、建站(zhàn)目的(是主推産品還(hái)是平品牌，是主要注重SEO還(hái)是用戶交互等)

2、網站(zhàn)類型

3、欄目規劃及每個欄目的表現形式及功能要求

4、主色調、客戶性别喜好、聯系方式、舊版網址、偏好網址

5、根據行業和客戶要求，那些要着重表現

6、是否分(fēn)期建設、考慮後期的兼容性、是否要開發其他(tā)語言版本

7、客戶是否有強烈的建站(zhàn)欲望

8、你(nǐ)是否能在精神意識上控制住客戶

9、面對你(nǐ)未接觸的技術(shù)知識，你(nǐ)有底嗎(ma)?

等等…

當你(nǐ)把這些内容都(dōu)了解清除了時候，你(nǐ)的大(dà)腦中就(jiù)已經給這個網站(zhàn)有個全面而形象的定位了，這時才是有的放(fàng)矢去(qù)做界面設計(jì)的時候了。

(2)界面弱化

一個好的界面設計(jì)它的界面是弱化的，它突出的是功能，着重體(tǐ)現的是網站(zhàn)業提供給使用者是主要什麽。這就(jiù)涉及到浏覽順序、功能分(fēn)區等等。

要讓訪客在0.5秒内就(jiù)能把握網站(zhàn)的行業性質，1秒内就(jiù)知道該從(cóng)哪個地方開始使用這個網站(zhàn)，能點一次的，絕不點第二次。當然上面說(shuō)的是大(dà)多數功能性網 站(zhàn)，對于宣傳展示性網站(zhàn)，諸如(rú)加特效的或Flash網站(zhàn)，可(kě)能就(jiù)不得(de)不花哨一些，但(dàn)不能太過分(fēn)。網站(zhàn)不是動畫(huà)片，在效率越來(lái)越高，社會心理(lǐ)越來(lái)越浮躁的中 國(guó)，人(rén)們的耐心越來(lái)越小，心理(lǐ)承受能力越來(lái)越低。效果可(kě)以體(tǐ)現意境，點到爲止。

(3)模塊化和可(kě)修改性強

模塊化不僅可(kě)以提高重用性，也能統一網站(zhàn)風(fēng)格，還(hái)可(kě)以降低程序開發的強度。這裡(lǐ)就(jiù)設計(jì)一些尺寸、模數、寬容度、命名規範等等知識了，不再冗述。

無論是架構還(hái)是模塊或圖片，都(dōu)要考慮可(kě)修改性強。舉個簡單的例子，logo、按鈕等，很多人(rén)喜歡制作(zuò)圖片，N個按鈕就(jiù)是N張圖片。如(rú)果隻做3-5類按鈕 的背景圖片，然後用在網頁代碼裡(lǐ)打上文字，那麽修改起來(lái)就(jiù)簡單了，讓程序員(yuán)自(zì)己改字就(jiù)可(kě)以了。然而網頁顯示的字體(tǐ)是帶有鋸齒的，一般即能清晰又保證美觀的 字體(tǐ)字号有幾類：

宋體(tǐ)12px |宋體(tǐ)12px粗體(tǐ)|宋體(tǐ)14px |宋體(tǐ)14px粗體(tǐ)|黑(hēi)體(tǐ)20px | verdana 9px | Arial Black 12px+ |

(4)創意是可(kě)恥的，分(fēn)析能力遠(yuǎn)比創意來(lái)的重要

設計(jì)界動辄就(jiù)大(dà)談什麽“創意”，我要說(shuō)的是，還(hái)沒有搞清目的意義和内容，還(hái)沒在技術(shù)制作(zuò)上臻于完善的基礎上，用創藝和特效來(lái)迷惑客戶和訪客是可(kě)恥的。一個網也設計(jì)者的分(fēn)析能力遠(yuǎn)比創藝來(lái)的重要。

網頁設計(jì)的實戰經驗技巧

(一)網頁配色基本概念

(1)白(bái)紙黑(hēi)字是永遠(yuǎn)的主題，誰都(dōu)說(shuō)不出不好來(lái)。

(2)網頁最常用流行色

蘭色——藍天白(bái)雲，沉靜(jìng)整潔的顔色。

綠色——綠白(bái)相(xiàng)間，雅緻而有生(shēng)氣。

橙色——活潑熱(rè)烈，标準商業色調。

暗紅(hóng)——甯重、嚴肅、高貴，需要配黑(hēi)和灰來(lái)壓制刺激的紅(hóng)色。

(3)顔色的忌諱

忌髒——背景與文字内容對比不強烈，灰暗的背景令人(rén)沮喪!

忌純——豔麗的純色對人(rén)的刺激太強烈抗議(yì)，缺乏内涵。

忌跳(tiào)——再好看(kàn)的顔色，也不能脫離(lí)整體(tǐ)。脫離(lí)群衆是自(zì)取其辱!

忌花——要有一種主色貫穿其中，主色并不時面積最大(dà)的顔色，而是最重要，最能揭示和反映主題的顔色，就(jiù)象領導者一樣，雖然在人(rén)數上居少數，但(dàn)起決定作(zuò)用。

忌粉——顔色淺固然顯的幹淨，但(dàn)如(rú)果對比過弱，整得(de)蒼白(bái)無力了，就(jiù)象病夫一樣無可(kě)救藥。

藍色忌純，綠色忌黃(huáng)，紅(hóng)色忌豔。

(4)幾種固定搭配

藍白(bái)橙——藍爲主調。白(bái)底，藍标題欄，橙色按鈕或ICON做點綴。

綠白(bái)蘭——綠爲主調。白(bái)底，綠标題欄，蘭色或橙色按鈕或ICON做點綴。

橙白(bái)紅(hóng)——橙爲主調。白(bái)底，橙标題欄，暗紅(hóng)或桔紅(hóng)色按鈕或ICON做點綴。

暗紅(hóng)黑(hēi)——暗紅(hóng)主調。黑(hēi)或灰底，暗紅(hóng)标題欄，文字内容背景爲淺灰色。

(二)網頁設計(jì)理(lǐ)念

(1)内容決定形式

先把内容充實上，再分(fēn)區塊，再定色調，再處理(lǐ)細節。

(2)先整體(tǐ)，後局部，最後回歸到整體(tǐ)。

全局考慮，把能填上的都(dōu)填上，占位置。然後定基調，分(fēn)模塊設計(jì)。最後調整不滿意的幾個局部細節。

(3)功能決定設計(jì)方向

看(kàn)網站(zhàn)的用途，決定設計(jì)思路(lù)。商業性的就(jiù)要突出赢利目的;政府型的就(jiù)要突出形象和權威性的文章(zhāng);教育性的，就(jiù)要突出師(shī)資和課程。