轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( www.li-bodun.cn )是一家專注而深入的設(shè)計機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

（一）垃圾還是經(jīng)典
網(wǎng)頁技術(shù)更新很快，一個網(wǎng)站的界面設(shè)計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應(yīng)用。網(wǎng)頁設(shè)計 者不管自己的學(xué)識、技術(shù)和經(jīng)驗如何，都自以為自己吊的不得了，這可能是源與商業(yè)設(shè)計自我意識體現(xiàn)的強(qiáng)烈主觀因素。一個閉門造車者做出的東西，是遠(yuǎn)遠(yuǎn)趕不上 綜合借鑒者的。網(wǎng)頁設(shè)計不同于其他藝術(shù)，在模仿加創(chuàng)新的網(wǎng)頁設(shè)計領(lǐng)域當(dāng)中，即便是完全自己設(shè)計的，也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣，而且這種沿襲 的痕跡時非常的明顯！還有那個設(shè)計者敢腆著臉說，這都是我自己的原創(chuàng)設(shè)計？對于業(yè)界來說，經(jīng)典只是個理念和象征！

（二）國內(nèi)網(wǎng)頁設(shè)計環(huán)境
不可否認(rèn)，國內(nèi)網(wǎng)頁設(shè)計環(huán)境目前還停留在初級的認(rèn)知階段，也就是說，絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處，你去做一個業(yè)務(wù)的時候，不得不去做大量的說服 教育工作。以乙方的身份去說服甲方，以專業(yè)角度去教育非專業(yè)認(rèn)識，結(jié)果是可想而知的。也正是這種全體社會普遍的低認(rèn)知水平，導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。

舉個簡單的例子，看看“阿里巴巴”中文和英文兩個版本的頁面。中文版主色是橙色（與標(biāo)志色統(tǒng)一），英文版是極不協(xié)調(diào)的藍(lán)橙（具有很明顯的生湊效果）。

為啥中文版是橙色，呵呵，不要以為哪是為了和標(biāo)志統(tǒng)一，其實那時國內(nèi)最常用的商業(yè)色。橙色代表什么？肉色，淫欲。商業(yè)是性質(zhì)？貪婪、拜金。對于社會主義初 級階段群眾的普遍思想來說，橙色就是最突出的體現(xiàn)，它不僅僅是網(wǎng)頁首選商業(yè)色，它還體現(xiàn)了當(dāng)今社會經(jīng)濟(jì)發(fā)展條件下的“浮躁”和“糜爛”，它還說明了“低認(rèn) 知水平”的國人，需要用這個刺激的顏色，去宣教引領(lǐng)他們被動接受。

為啥英文版是藍(lán)橙？因為洋人已處于發(fā)達(dá)社會，他們首先需要的不是“宣教引領(lǐng)”，而是“功能”。一個弱化的界面更能強(qiáng)化顯示功能，使人方便使用。較刺激熱烈 的顏色，會引起洋人的反感，所以用的淺藍(lán)灰色。那么為什么又會出現(xiàn)極不協(xié)調(diào)的橙色捏？原因有二，一是要與標(biāo)志顏色統(tǒng)一，二是中英文要有傳承，所以出了這末 個一半是火焰一半世海水的結(jié)果。

明白了嗎？社會主義初級階段界定了各行業(yè)都在一個初級階段，這個初級階段歸根結(jié)底是由“經(jīng)濟(jì)發(fā)達(dá)水平”決定的。同樣，決定網(wǎng)頁設(shè)計的也是“經(jīng)濟(jì)發(fā)達(dá)水平”，而不是個人的設(shè)計水平和思想理念。

（三）什么是好的網(wǎng)頁設(shè)計
（1）內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計
常常拿到的任務(wù)是一張小紙條，上面兩句話，叫你去做一個網(wǎng)站設(shè)計。有的人看看紙條就去設(shè)計頁面了憑，憑兩句話，你就可以為客戶做一個頁面設(shè)計，以我7、8年的設(shè)計經(jīng)驗，我都不敢去做，你真是我的偶像阿！

做網(wǎng)頁設(shè)計，你需要了解客戶的東西很多：
1、建站目的
2、欄目規(guī)劃及每個欄目的表現(xiàn)形式及功能要求
3、主色、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址
4、根據(jù)行業(yè)和客戶要求，那些要著重表現(xiàn)
5、是否分期建設(shè)、考慮后期的兼容性
6、客戶是否有強(qiáng)烈的建站欲望
7、你是否能在精神意識上控制住客戶
8、面對你未接觸的技術(shù)知識，你有底嗎？
等等...

當(dāng)你把這些內(nèi)容都了解清除了時候，你的大腦中就已經(jīng)給這個網(wǎng)站有個全面而形象的定位了，這時才是有的放矢去做界面設(shè)計的時候了。

（2）界面弱化
一個好的界面設(shè)計它的界面時弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。
要讓訪客在0.5內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一此的，絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對 于宣戰(zhàn)展示性網(wǎng)站，諸如加的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人 們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。

（3）模塊化和可修改性強(qiáng)
模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開發(fā)的強(qiáng)度。這里就設(shè)計一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了，不再冗述。
，無論是架構(gòu)還是模塊或圖片，都要考慮可修改性強(qiáng)。舉個簡單的例子，logo、按鈕等，很多人喜歡制作圖片，N個按鈕就是N張圖片。如果只做3-5類按鈕 的背景圖片，然后用在網(wǎng)頁代碼里打上文字，那么修改起來就簡單了，讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的 字體字號有幾類：
宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |


（4）創(chuàng)藝是可恥的，分析能力遠(yuǎn)比創(chuàng)藝來的重要
設(shè)計界動輒就大談什么“創(chuàng)意”，我要說的是，還沒有搞清目的意義內(nèi)容，還沒在技術(shù)制作上臻于完善的基礎(chǔ)上班，用創(chuàng)藝和來迷惑客戶和訪客是可恥的。一個網(wǎng)也設(shè)計者的分析能力遠(yuǎn)比創(chuàng)藝來的重要。

（5）兼顧還是拋棄
CSS、XHTML、web2.0、Ajax等等山雨欲來，學(xué)習(xí)先進(jìn)技術(shù)固然是有好處的，但對于目前國內(nèi)普遍的低認(rèn)知水平，決定了客戶的需求和價格也是相當(dāng)?shù)偷摹Ｖ埃f到經(jīng)濟(jì)決定網(wǎng)也設(shè)計，所以有的時候，是不允許你做出更多的兼顧的，拋棄和放棄也是無奈之舉。

（四）結(jié)尾，送上我的《簡明網(wǎng)頁設(shè)計理念》

（一）網(wǎng)頁配色基本概念

（1）白紙黑字是永遠(yuǎn)的主題，誰都說不出不好來。

（2）網(wǎng)頁最常用流行色

·蘭色——藍(lán)天白云，沉靜整潔的顏色。
·綠色——綠白相間，雅致而有生氣。
·橙色——活潑熱烈，標(biāo)準(zhǔn)商業(yè)色調(diào)。
·暗紅——寧重、嚴(yán)肅、高貴，需要配黑和灰來壓制刺激的紅色，

（3）顏色的忌諱

·忌臟 ——背景與文字內(nèi)容對比不強(qiáng)烈，灰暗的背景令人沮喪！
·忌純 ——艷麗的純色對人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。
·忌跳 ——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！
·忌花 ——要有一種主色貫穿其中，主色并不時面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。
·忌粉 ——顏色淺固然顯的干凈，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。
·藍(lán)色忌純，綠色忌黃，紅色忌艷。

（4）幾種固定搭配

·藍(lán) 白橙——藍(lán)為主調(diào)。白底，藍(lán)標(biāo)題欄，橙色按鈕或ICON做點綴。
·綠 白蘭——綠為主調(diào)。白底，綠標(biāo)題欄，蘭色或橙色按鈕或ICON做點綴。
·橙 白紅——橙為主調(diào)。白底，橙標(biāo)題欄，暗紅或桔紅色按鈕或ICON做點綴。
·暗紅 黑——暗紅主調(diào)。黑或灰底，暗紅標(biāo)題欄，文字內(nèi)容背景為淺灰色。

（二）網(wǎng)頁設(shè)計理念

（1）內(nèi)容決定形式
先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。

（2）先整體，后局部，最后回歸到整體。
全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。

（3）功能決定設(shè)計方向
·看網(wǎng)站的用途，決定設(shè)計思路.商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

（三）如何快速的完成設(shè)計工作

（1）天下文章一大抄。
就看你會抄不會抄。抄的是道念，思想，局部精致的點綴。
在網(wǎng)上搜索同類網(wǎng)站，找?guī)讉€順眼的，用一個為基本蘭圖，把幾個優(yōu)點整和成自己的，這樣最快捷，而且還出成果，能學(xué)到很多東西。

（2）上設(shè)計論壇，找參考資料。