(一)垃圾還是經典
網頁技術更新很快,一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品,都沒有所謂的經典。經典只存在於是哪個首次成功創新性的應用。網頁設計者不管自己的學識、技術和經驗如何,都自以為自己吊的不得了,這可能是源與商業設計自我意識體現的強烈主觀因素。一個閉門造車者做出的東西,是遠遠趕不上綜合借鑒者的。網頁設計不同於其他藝術,在模仿加創新的網頁設計領域當中,即便是完全自己設計的,也是沿用了人們已經認同的大部分用戶習慣,而且這種沿襲的痕跡時非常的明顯!還有那個設計者敢腆著臉說,這都是我自己的原創設計?對於業界來說,經典只是個理念和象征!
(二)國內網頁設計環境
不可否認,國內網頁設計環境目前還停留在初級的認知階段,也就是說,絕大多數人不知道網絡的真正的可用之處,你去做一個業務的時候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業角度去教育非專業認識,結果是可想而知的。也正是這種全體社會普遍的低認知水平,導致了大量網絡垃圾的產生。
舉個簡單的例子,看看“阿裡巴巴”中文和英文兩個版本的頁面。中文版主色是橙色(與標志色統一),英文版是極不協調的藍橙(具有很明顯的生湊效果)。
為啥中文版是橙色,呵呵,不要以為哪是為了和標志統一,其實那時國內最常用的商業色。橙色代表什麼?肉色,淫欲。商業是性質?貪婪、拜金。對於社會主義初級階段群眾的普遍思想來說,橙色就是最突出的體現,它不僅僅是網頁首選商業色,它還體現了當今社會經濟發展條件下的“浮躁”和“糜爛”,它還說明了“低認知水平”的國人,需要用這個刺激的顏色,去宣教引領他們被動接受。
為啥英文版是藍橙?因為洋人已處於發達社會,他們首先需要的不是“宣教引領”,而是“功能”。一個弱化的界面更能強化顯示功能,使人方便使用。較刺激熱烈的顏色,會引起洋人的反感,所以用的淺藍灰色。那麼為什麼又會出現極不協調的橙色捏?原因有二,一是要與標志顏色統一,二是中英文要有傳承,所以出了這末個一半是火焰一半世海水的結果。
明白了嗎?社會主義初級階段界定了各行業都在一個初級階段,這個初級階段歸根結底是由“經濟發達水平”決定的。同樣,決定網頁設計的也是“經濟發達水平”,而不是個人的設計水平和思想理念。
(三)什麼是好的網頁設計
(1)內容和功能決定表現形式和界面設計
常常拿到的任務是一張小紙條,上面兩句話,叫你去做一個網站設計。有的人看看紙條就去設計頁面了憑,憑兩句話,你就可以為客戶做一個頁面設計,以我7、8年的設計經驗,我都不敢去做,你真是我的偶像阿!
做網頁設計,你需要了解客戶的東西很多:
1、建站目的
2、欄目規劃及每個欄目的表現形式及功能要求
3、主色、客戶性別喜好、聯系方式、舊版網址、偏好網址
4、根據行業和客戶要求,那些要著重表現
5、是否分期建設、考慮後期的兼容性
6、客戶是否有強烈的建站欲望
7、你是否能在精神意識上控制住客戶
8、面對你未接觸的技術知識,你有底嗎?
等等...
當你把這些內容都了解清除了時候,你的大腦中就已經給這個網站有個全面而形象的定位了,這時才是有的放矢去做界面設計的時候了。
(2)界面弱化
一個好的界面設計它的界面時弱化的,它突出的是功能,著重體現的是網站業提供給使用者是主要什麼。這就涉及到浏覽順序、功能分區等等。
要讓訪客在0.5內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一此的,絕不點第二次。當然上面說的是大多數功能性網站,對於宣戰展示性網站,諸如加特效的或Flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。
(3)模塊化和可修改性強
模塊化不僅可以提高重用性,也能統一網站風格,還可以降低程序開發的強度。這裡就設計一些尺寸、模數、寬容度、命名規范等等知識了,不再冗述。
,無論是架構還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然後用在網頁代碼裡打上文字,那麼修改起來就簡單了,讓程序員自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的,一般即能清晰又保證美觀的字體字號有幾類:
宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |
(4)創藝是可恥的,分析能力遠比創藝來的重要
設計界動辄就大談什麼“創意”,我要說的是,還沒有搞清目的意義內容,還沒在技術制作上臻於完善的基礎上班,用創藝和特效來迷惑客戶和訪客是可恥的。一個網也設計者的分析能力遠比創藝來的重要。
(5)兼顧還是拋棄
CSS、XHTML、web2.0、Ajax等等山雨欲來,學習先進技術固然是有好處的,但對於目前國內普遍的低認知水平,決定了客戶的需求和價格也是相當低的。之前,說到經濟決定網也設計,所以有的時候,是不允許你做出更多的兼顧的,拋棄和放棄也是無奈之舉。
(四)結尾,送上我的《簡明網頁設計理念》
(一)網頁配色基本概念
(1)白紙黑字是永遠的主題,誰都說不出不好來。
(2)網頁最常用流行色
·蘭色——藍天白雲,沉靜整潔的顏色。
·綠色——綠白相間,雅致而有生氣。
·橙色——活潑熱烈,標准商業色調。
·暗紅——寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色,