(1)內容和功能決定表現(xiàn)形式和界面設計 常常拿到的任務是一張小紙條,上面兩句話,叫你去做一個網(wǎng)站設計。有的人看看紙條就去設計頁面了憑,憑兩句話,你就可以為客戶做一個頁面設計,以我7、8年的設計經驗,我都不敢去做,你真是我的偶像阿! 做網(wǎng)頁設計,你需要了解客戶的東西很多: 1、建站目的 2、欄目規(guī)劃及每個欄目的表現(xiàn)形式及功能要求 3、主色、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址 4、根據(jù)行業(yè)和客戶要求,那些要著重表現(xiàn) 5、是否分期建設、考慮后期的兼容性 6、客戶是否有強烈的建站欲望 7、你是否能在精神意識上控制住客戶 8、面對你未接觸的技術知識,你有底嗎? 等等… 當你把這些內容都了解清除了時候,你的大腦中就已經給這個網(wǎng)站有個全面而形象的定位了,這時才是有的放矢去做界面設計的時候了。 (2)界面弱化 一個好的界面設計它的界面時弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。 要讓訪客在0.5內就能把握網(wǎng)站的行業(yè)性質,1秒內就知道該從哪個地方開始使用這個網(wǎng)站,能點一此的,絕不點第二次。當然上面說的是大多數(shù)功能性網(wǎng)站,對于宣戰(zhàn)展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點到為止。 (3)模塊化和可修改性強 模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風格,還可以降低程序開發(fā)的強度。這里就設計一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。 無論是架構還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然后用在網(wǎng)頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的,一般即能清晰又保證美觀的字體字號有幾類: 宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ | (4)創(chuàng)藝是可恥的,分析能力遠比創(chuàng)藝來的重要 設計界動輒就大談什么“創(chuàng)意”,我要說的是,還沒有搞清目的意義內容,還沒在技術制作上臻于完善的基礎上班,用創(chuàng)藝和特效來迷惑客戶和訪客是可恥的。一個網(wǎng)也設計者的分析能力遠比創(chuàng)藝來的重要。 (5)兼顧還是拋棄 CSS、XHTML、web2.0、Ajax等等山雨欲來,學習先進技術固然是有好處的,但對于目前國內普遍的低認知水平,決定了客戶的需求和價格也是相當?shù)偷?。之前,說到經濟決定網(wǎng)也設計,所以有的時候,是不允許你做出更多的兼顧的,拋棄和放棄也是無奈之舉。 (四)結尾,送上我的《簡明網(wǎng)頁設計理念》 (一)網(wǎng)頁配色基本概念 (1)白紙黑字是永遠的主題,誰都說不出不好來。 (2)網(wǎng)頁最常用流行色 ·蘭色——藍天白云,沉靜整潔的顏色。 ·綠色——綠白相間,雅致而有生氣。 ·橙色——活潑熱烈,標準商業(yè)色調。 ·暗紅——寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色, (3)顏色的忌諱 ·忌臟——背景與文字內容對比不強烈,灰暗的背景令人沮喪! ·忌純——艷麗的純色對人的刺激太強烈抗議,缺乏內涵。 ·忌跳——再好看的顏色,也不能脫離整體。脫離群眾是自取其辱! ·忌花——要有一種主色貫穿其中,主色并不時面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數(shù)上居少數(shù),但起決定作用。 ·忌粉——顏色淺固然顯的干凈,但如果對比過弱,整得蒼白無力了,就象病夫一樣無可救藥。 ·藍色忌純,綠色忌黃,紅色忌艷。 (4)幾種固定搭配 ·藍白橙——藍為主調。白底,藍標題欄,橙色按鈕或ICON做點綴。 ·綠白蘭——綠為主調。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴。 ·橙白紅——橙為主調。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴。 ·暗紅黑——暗紅主調。黑或灰底,暗紅標題欄,文字內容背景為淺灰色。 (二)網(wǎng)頁設計理念 (1)內容決定形式 先把內容充實上,再分區(qū)塊,再定色調,再處理細節(jié)。 (2)先整體,后局部,最后回歸到整體。 全局考慮,把能填上的都填上,占位置。然后定基調,分模塊設計。最后調整不滿意的幾個局部細節(jié)。 (3)功能決定設計方向 ·看網(wǎng)站的用途,決定設計思路.商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權威性的文章;教育性的,就要突出師資和課程。 |