（一）垃圾還是經(jīng)典 　　網(wǎng)頁技術(shù)更新很快，一個網(wǎng)站的界面設(shè)計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應(yīng)用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網(wǎng)頁設(shè)計不同于其他藝術(shù)，在模仿加創(chuàng)新的網(wǎng)頁設(shè)計領(lǐng)域當(dāng)中，即便是完全自己設(shè)計的，也是沿用了人們已經(jīng)認同的大部分用戶習(xí)慣，而且這種沿襲的痕跡時非常的明顯！還有哪個設(shè)計者敢腆著臉說，這都是我自己的原創(chuàng)設(shè)計？對于業(yè)界來說，經(jīng)典只是個理念和象征！ 　　（二）國內(nèi)網(wǎng)頁設(shè)計環(huán)境 　　不可否認，國內(nèi)網(wǎng)頁設(shè)計環(huán)境目前還停留在初級的認知階段，也就是說，絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處，你去做一個業(yè)務(wù)的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業(yè)角度去教育非專業(yè)認識，結(jié)果是可想而知的。也正是這種全體社會普遍的低認知水平，導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。 　　舉個簡單的例子，看看“阿里巴巴”中文和英文兩個版本的頁面。中文版主色是橙色（與標(biāo)志色統(tǒng)一），英文版是極不協(xié)調(diào)的藍橙（具有很明顯的生湊效果）。 　　為啥中文版是橙色，呵呵，不要以為哪是為了和標(biāo)志統(tǒng)一，其實那時國內(nèi)最常用的商業(yè)色。橙色代表什么？肉色，淫欲。商業(yè)是性質(zhì)？貪婪、拜金。對于社會主義初級階段群眾的普遍思想來說，橙色就是最突出的體現(xiàn)，它不僅僅是網(wǎng)頁首選商業(yè)色，它還體現(xiàn)了當(dāng)今社會經(jīng)濟發(fā)展條件下的“浮躁”和“糜爛”，它還說明了“低認知水平”的國人，需要用這個刺激的顏色，去宣教引領(lǐng)他們被動接受。 　　為啥英文版是藍橙？因為洋人已處于發(fā)達社會，他們首先需要的不是“宣教引領(lǐng)”，而是“功能”。一個弱化的界面更能強化顯示功能，使人方便使用。較刺激熱烈的顏色，會引起洋人的反感，所以用的淺藍灰色。那么為什么又會出現(xiàn)極不協(xié)調(diào)的橙色捏？原因有二，一是要與標(biāo)志顏色統(tǒng)一，二是中英文要有傳承，所以出了這么個一半是火焰一半是海水的結(jié)果。 　　（三）什么是好的網(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、客戶是否有強烈的建站欲望 　　7、你是否能在精神意識上控制住客戶 　　8、面對你未接觸的技術(shù)知識，你有底嗎？ 　　9. 網(wǎng)站類型 　　等等... 　　當(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)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。 　　（3）模塊化和可修改性強 　　模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開發(fā)的強度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了，不再冗述。 　　，無論是架構(gòu)還是模塊或圖片，都要考慮可修改性強。舉個簡單的例子，logo、按鈕等，很多人喜歡制作圖片，N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，然后用在網(wǎng)頁代碼里打上文字，那么修改起來就簡單了，讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字號有幾類： 　　宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ | 　　（4）創(chuàng)意是可恥的，分析能力遠比創(chuàng)意來的重要 　　設(shè)計界動輒就大談什么“創(chuàng)意”，我要說的是，還沒有搞清目的意義內(nèi)容，還沒在技術(shù)制作上臻于完善的基礎(chǔ)上，用創(chuàng)意和特效來迷惑客戶和訪客是可恥的。一個網(wǎng)頁設(shè)計者的分析能力遠比創(chuàng)意來的重要。 　　（四）結(jié)尾，送上思洋廣州的一些經(jīng)驗 　　（一）網(wǎng)頁配色基本概念 　　（1）白紙黑字是永遠的主題，誰都說不出不好來。 　　（2）網(wǎng)頁最常用流行色 　　·藍色——藍天白云，沉靜整潔的顏色。 　　·綠色——綠白相間，雅致而有生氣。 　　·橙色——活潑熱烈，標(biāo)準商業(yè)色調(diào)。 　　·暗紅——寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色， 　　（3）顏色的忌諱 　　·忌臟——背景與文字內(nèi)容對比不強烈，灰暗的背景令人沮喪！ 　　·忌純——艷麗的純色對人的刺激太強烈抗議，缺乏內(nèi)涵。 　　·忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！ 　　·忌花——要有一種主色貫穿其中，主色并不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。 　　·忌粉——顏色淺固然顯的干凈，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。 　　·藍色忌純，綠色忌黃，紅色忌艷。 　　（4）幾種固定搭配 　　·藍白橙——藍為主調(diào)。白底，藍標(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)，再處理細節(jié)。 　　（2）先整體，后局部，最后回歸到整體。 　　全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。 　　（3）功能決定設(shè)計方向 　　·看網(wǎng)站的用途，決定設(shè)計思路.商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。 　　關(guān)于網(wǎng)頁標(biāo)題設(shè)計的原則

　　 　　在設(shè)計網(wǎng)頁標(biāo)題時，應(yīng)注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現(xiàn)，這三個方面也可以被認為是網(wǎng)頁標(biāo)題設(shè)計的一般規(guī)律： 　　（1）網(wǎng)頁標(biāo)題不宜過短或者多長。一般來說6－10個漢字比較理想，最好不好超過30個漢字。網(wǎng)頁標(biāo)題字數(shù)過少可能包含不了有效關(guān)鍵詞，字數(shù)過多不僅搜索引擎無法正確識別標(biāo)題中的核心關(guān)鍵詞，而且也讓用戶難以對網(wǎng)頁標(biāo)題（尤其是首頁標(biāo)題，代表了網(wǎng)站名稱）形成深刻印象，也不便于其他網(wǎng)站鏈接。 　?。?）網(wǎng)頁標(biāo)題應(yīng)概括網(wǎng)頁的核心內(nèi)容。當(dāng)用戶通過搜索引擎檢索時，在檢索結(jié)果頁面中的內(nèi)容一般是網(wǎng)頁標(biāo)題（加鏈接）和網(wǎng)頁摘要信息，要引起用戶的關(guān)注，網(wǎng)頁標(biāo)題發(fā)揮了很大的作用，如果網(wǎng)頁標(biāo)題和頁面摘要信息有較大的相關(guān)性，摘要信息對網(wǎng)頁標(biāo)題將發(fā)揮進一步的補充作用，從而引起用戶對該網(wǎng)頁信息點擊行為的發(fā)生（也就意味著搜索引擎推廣發(fā)揮了作用）。另外，當(dāng)網(wǎng)頁標(biāo)題被其他網(wǎng)站或者本網(wǎng)站其他欄目/網(wǎng)頁鏈接時，一個概括了網(wǎng)頁核心內(nèi)容的標(biāo)題有助于用戶判斷是否點擊該網(wǎng)頁標(biāo)題鏈接。 　?。?）網(wǎng)頁標(biāo)題中應(yīng)含有豐富的關(guān)鍵詞?？紤]到搜索引擎營銷的特點，搜索引擎對網(wǎng)頁標(biāo)題中所包含的關(guān)鍵詞具有較高的權(quán)重，盡量讓網(wǎng)頁標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞。以網(wǎng)站首頁設(shè)計為例，一般來說首頁標(biāo)題就是網(wǎng)站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網(wǎng)站的核心業(yè)務(wù)，也就是說沒有核心關(guān)鍵詞，這時通常采用“核心關(guān)鍵詞+公司名/品排名”的方式來作為網(wǎng)站首頁標(biāo)題。本文開頭所列舉的某網(wǎng)絡(luò)營銷服務(wù)商網(wǎng)站首頁標(biāo)題實例，其實也是采用這種方式來設(shè)計網(wǎng)頁標(biāo)題，只不過由于羅列了太多的“核心關(guān)鍵詞”，反而沒有了核心。 　　上述幾個方面其實都考慮了搜索引擎檢索網(wǎng)頁的特點，也就是說，網(wǎng)頁標(biāo)題設(shè)計都將有利于搜索引擎檢索作為重要因素，即使如此，作者仍然建議，與網(wǎng)頁內(nèi)容寫作一樣，網(wǎng)頁標(biāo)題寫作首先是給用戶看的，在這個前提之上考慮對搜索引擎檢索才有意義?？梢娋W(wǎng)頁標(biāo)題設(shè)計并不是一件隨意的事情，尤其對網(wǎng)站首頁標(biāo)題設(shè)計，不可不慎重。 　　做美工看起來并不是一件容易的事情。首先，要對整個站點和企業(yè)有個大致的了解。例如：某些企業(yè)喜歡藍色的主調(diào)，你不可能去做個紅色的主調(diào)，這樣完全違背客戶的主要意愿，如果百度的標(biāo)志改成五顏六色的，相信大家也不會認可的。站長的職責(zé)是規(guī)劃網(wǎng)站結(jié)構(gòu)。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。 　　1.源文件psd，ai，cdr的區(qū)別 　　psd文件就是用photoshop創(chuàng)建的，當(dāng)然也必須用photoshop打開； 　　ai文件是Illustrator的。他們都是Adobe公司的。ai文件同樣也可以用photoshop打開，但打開后會載入在同一層內(nèi)。 　　cdr文件是CorelDRAW的。 　　2.關(guān)于CMYK和RGB顏色模式 　　CMYK是Cyan（青）、Magenta（品紅）、Yellow（黃）、Black（黑），這是印刷上使用比較普遍的色彩模式。 　　R、G、B就是Red、Green、Blue（紅，綠，藍）三種顏色，RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們?nèi)粘Ｓ玫牟噬娔X顯示器、彩色電視機等的色彩都使用這種模式。 　　3.矢量圖 　　矢量圖與位圖最大的區(qū)別是,它不受分辨率的影響。因此在印刷時,可以任意放大或縮小圖形而不會影響出圖的清晰度 。 　　矢量圖：是根據(jù)幾何特性來繪制圖形，矢量可以是一個點或一條線，矢量圖只能靠軟件生成，文件占用內(nèi)在空間較小，因為這種類型的圖像文件包含獨立的分離圖像，可以自由無限制的重新組合。它的特點是放大后圖像不會失真，和分辨率無關(guān)，文件占用空間較小，適用于圖形設(shè)計、文字設(shè)計和一些標(biāo)志設(shè)計、版式設(shè)計等。 　　ai cdr均為矢量圖。 　　4.圖片文件jpg，gif，png，bmp的區(qū)別 　　bmp：是未經(jīng)過壓縮的用點陣來表示的真彩圖片,占用磁盤空間較大 　　gif：是經(jīng)過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動畫。 　　png：是fireworks的圖片格式 　　jpg：也是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案。 　　5.名片的尺寸問題 　　名片的標(biāo)準尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在設(shè)計時 　　制作尺寸必須設(shè)定為：94 x 58mm。 　　6.源文件的提供問題 　　作為設(shè)計者和客戶（這里指各站長），如果事先沒有明文協(xié)議的話 　　設(shè)計者有權(quán)不提供源文件。 　　7.什么是logo，ci，vi 　　VI是Visual Identity的縮寫，中文譯為“企業(yè)視覺識別”。VI是CI計劃的靜態(tài)識別符號，是企業(yè)理念視覺化傳達的載體，因此它項目最多，效果最為直接。VI作為視覺識別，它是外在表現(xiàn)，固然需要具有美感，但VI必須是MI的體現(xiàn)，直接反映企業(yè)的理念。因此VI設(shè)計包含這樣一些原則：即充分傳達企業(yè)理念、人性原則、民族性原則、簡潔抽象及動態(tài)原則、員工參與原則、法律原則、藝術(shù)性原則和個性原則。 　　CI是Corporate Identity的縮寫，中文譯為“企業(yè)形象”。CI計劃，是指企業(yè)有目的、有計劃、戰(zhàn)略性地創(chuàng)造出所希望的自身形象，由此提高企業(yè)的社會知名度，最終得到自己最適合的經(jīng)營環(huán)境。 　　而logo只是網(wǎng)站或企業(yè)一個標(biāo)志。 　　8，關(guān)于logo設(shè)計的資費問題 　　這個問題很不好說，如果是去找正規(guī)廣告公司做的話，根據(jù)公司規(guī)模大小，500到5000的都是正常的，一般都附送半套VI（namecard等常用一些），大公司的服務(wù)態(tài)度和服務(wù)質(zhì)量不一定比小公司好。現(xiàn)如今有些朋友在論壇上說50元做logo，個人認為還不如不收取費用來得好些。這樣的惡性競爭下，設(shè)計業(yè)遲早會或者說已經(jīng)被帶入了“民工職業(yè)”的行列。 　　還有一點，如果您喜歡拿很多方案去比稿的話，建議您去發(fā)布威客任務(wù)，那樣價錢不會很貴，還可以得到很多得設(shè)計方案，一般400塊錢的懸賞任務(wù)可以得到30份左右的初稿，還是很劃算的。BTW：在威客發(fā)布懸賞任務(wù)是要給相關(guān)網(wǎng)站支付一定的任務(wù)管理金的，一般為20%。） 　　最后說句，站長在設(shè)計之前請與設(shè)計師先進性良好溝通，不要撇下一句“你看著辦吧，我相信你。”“你是專業(yè)的，你說怎么弄就怎么弄。”之類的話就不管了。自己對自己的站點不負責(zé)的話，設(shè)計師也一定不會對你的站點負責(zé)的。 　　另外，一個設(shè)計可以大幅度改稿的次數(shù)一般在2--3次間（付費情況下），這不是一個規(guī)定，但是大多數(shù)設(shè)計在超過這個次數(shù)后會對業(yè)主產(chǎn)生一定的仇恨情緒......