什麽是好的網頁設計，網頁設計原則理念

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

常常有人憑借電話(huà)的幾句交流或者QQ上的幾句聊天，甚至是一(yī)張句話(huà)的小(xiǎo)紙(zhǐ)條，就開(kāi)始做一(yī)個網站設計。我(wǒ)(wǒ)覺得這都是敷衍了事的通用設計，很不專業不成熟的設計。做一(yī)個良好的網頁設計，你需要了解客戶的東西很多，比如：

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

2、網站類型

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

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

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

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

7、客戶是否有強烈的建站欲望

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

9、面對你未接觸的技術知(zhī)識，你有底嗎(ma)?

等等…

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

(2)界面弱化

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

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

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

模塊化不僅可以提高重用性，也能統一(yī)網站風格，還可以降低程序開(kāi)發的強度。這裏就設計一(yī)些尺寸、模數、寬容度、命名規範等等知(zhī)識了，不再冗述。

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

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

(4)創意是可恥的，分(fēn)析能力遠比創意來的重要

設計界動辄就大(dà)談什麽“創意”，我(wǒ)(wǒ)要說的是，還沒有搞清目的意義和内容，還沒在技術制作上臻于完善的基礎上，用創藝和特效來迷惑客戶和訪客是可恥的。一(yī)個網也設計者的分(fēn)析能力遠比創藝來的重要。

網頁設計的實戰經驗技巧

(一(yī))網頁配色基本概念

(1)白(bái)紙(zhǐ)黑字是永遠的主題，誰都說不出不好來。

(2)網頁最常用流行色

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

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

橙色——活潑熱烈，标準商(shāng)業色調。

暗紅——甯重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色。

(3)顔色的忌諱

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

忌純——豔麗的純色對人的刺激太強烈抗議，缺乏内涵。

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

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

忌粉——顔色淺固然顯的幹淨，但如果對比過弱，整得蒼白(bái)無力了，就象病夫一(yī)樣無可救藥。

藍(lán)色忌純，綠色忌黃，紅色忌豔。

(4)幾種固定搭配

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

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

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

暗紅黑——暗紅主調。黑或灰底，暗紅标題欄，文字内容背景爲淺灰色。

(二)網頁設計理念

(1)内容決定形式

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

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

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

(3)功能決定設計方向

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