科普云教你網(wǎng)頁設計理念

　　一、先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細節(jié)。

　　二、先整體，后局部，最后回歸到整體。

　　全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設計。最后調(diào)整不滿意的幾個局部細節(jié)。

　　三、功能決定設計方向

　　看網(wǎng)站的用途，決定設計思路，商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權威性的文章;教育性的，就要突出師資和課程。網(wǎng)站風格設計
　　
　　內(nèi)容和功能決定表現(xiàn)形式和界面設計

　　常常拿到的任務是一張小紙條，上面兩句話，叫你去做一個網(wǎng)站設計。有的人看看紙條就去設計頁面了，憑兩句話，你就可以為客戶做一個頁面設計，以我7、8年的設計經(jīng)驗，我都不敢去做，你真是我的偶像啊!

　　做網(wǎng)頁設計，你需要了解客戶的東西很多：

　　建站目的

　　欄目規(guī)劃及每個欄目的表現(xiàn)形式及功能要求

　　主色、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址

　　根據(jù)行業(yè)和客戶要求，那些要著重表現(xiàn)

　　是否分期建設、考慮后期的兼容性

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

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

　　面對你未接觸的技術知識，你有底嗎?

　　等等...

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

　　⒈ 網(wǎng)頁配色基本概念

　?、?白紙黑字是永遠的主題，誰都說不出不好來。

　?、?網(wǎng)頁最常用流行色

　　蘭色——藍天白云，沉靜整潔的顏色。

　　綠色——綠白相間，雅致而有生氣。

　　橙色——活潑熱烈，標準商業(yè)色調(diào)。

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

　　⑶ 顏色的忌諱

　　忌臟——背景與文字內(nèi)容對比不強烈，灰暗的背景令人沮喪!

　　忌純——艷麗的純色對人的刺激太強烈抗議，缺乏內(nèi)涵。

　　忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱!

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

　　忌粉——顏色淺固然顯的干凈，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。

　　藍色忌純，綠色忌黃，紅色忌艷
　　
　　⑷ 幾種固定搭配

　　藍白橙——藍為主調(diào)。白底，藍標題欄，橙色按鈕或ICON做點綴。

　　綠白蘭——綠為主調(diào)。白底，綠標題欄，蘭色或橙色按鈕或ICON做點綴。

　　橙白紅——橙為主調(diào)。白底，橙標題欄，暗紅或桔紅色按鈕或ICON做點綴。

　　暗紅黑——暗紅主調(diào)。黑或灰底，暗紅標題欄，文字內(nèi)容背景為淺灰色。

　?、?界面弱化

　　一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。

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

　　⒊ 模塊化和可修改性強

　　模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎ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+ |

　?、?創(chuàng)藝是可恥的，分析能力遠比創(chuàng)意來的重要

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

　　⒌ 兼顧還是拋棄

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