深圳深達(dá)品牌網(wǎng)站建設(shè)公司于2005年創(chuàng)立,
以高端網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、集團(tuán)網(wǎng)站制作、響應(yīng)式網(wǎng)站建設(shè)、外貿(mào)型網(wǎng)站設(shè)計(jì)、營(yíng)銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站制作、微信網(wǎng)站建設(shè)、H5網(wǎng)站制作、電子商務(wù)網(wǎng)站設(shè)計(jì)制作、品牌設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)絡(luò)服務(wù)、品牌整合傳播策劃為核心業(yè)務(wù),
致力于高端市場(chǎng),專注于品牌服務(wù)、提升企業(yè)形象!咨詢電話:0755-83769155

深圳網(wǎng)站建設(shè)、深圳網(wǎng)站設(shè)計(jì)、深圳網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、深圳網(wǎng)絡(luò)公司、品牌設(shè)計(jì)

2006版 | 咨詢電話:0755-83769155

設(shè)計(jì)觀點(diǎn)

近年國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)特點(diǎn)及回顧
2011-09-03     文章來源: 網(wǎng)頁(yè)設(shè)計(jì)大本營(yíng)

  這個(gè)問題可以拉回到2005年11月,“長(zhǎng)、閃、擠、花”四字國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)特點(diǎn)一時(shí)傳為佳話,得到各界人士的點(diǎn)頭認(rèn)可。可喜的是,到目前為止快過去5年了,除了“長(zhǎng)”好像更長(zhǎng)外,“閃、擠、花”都得到了一定程度改善。注意,原文寫的是“網(wǎng)站首頁(yè)”特點(diǎn),而不是“網(wǎng)站”特點(diǎn),很多轉(zhuǎn)載、借鑒、抄襲不小心就把標(biāo)題給省略了,首頁(yè)只是網(wǎng)站的門面。
  元素不等于風(fēng)格
  聊到本來 Smashing Magazine 準(zhǔn)備寫一篇亞洲設(shè)計(jì),結(jié)果發(fā)現(xiàn)話題扯的太大,沒法深入下去,于是才決定把中國(guó)、韓國(guó)、日本等幾個(gè)國(guó)家獨(dú)立出來。確實(shí),雖然都屬于整個(gè)東方文化的體系,但中文、韓文、日文三種網(wǎng)站卻風(fēng)格迥異,尤其日韓網(wǎng)站都有很鮮明的特征。比如韓國(guó)網(wǎng)站普遍用色大膽,F(xiàn)lash動(dòng)畫和圖片利用率極高,手繪風(fēng)格隨處可見。而日本網(wǎng)站普遍清新淡雅,有著日本文化特有“灰蒙蒙”的感覺,偶爾使用像素和卡通風(fēng)格。
  以前翻過不少帖子推薦的“中式網(wǎng)站”,總結(jié)起來有兩個(gè)特點(diǎn):動(dòng)畫扎眼,元素堆砌。所謂動(dòng)畫扎眼,幾乎所有作品都是Flash完成,我看以“秀”目地居多而不是傳達(dá)信息。所謂元素堆砌,幾乎所有作品對(duì)“中式風(fēng)格”的理解都停留在某些元素身上,比如書法國(guó)畫、朱砂印章、絲綢竹簡(jiǎn)等等。我就納悶了,難道表現(xiàn)風(fēng)格非得以這種繁復(fù)的圖形加上炫目的互動(dòng)和好多個(gè)loading來完成么?我想“中式風(fēng)格”的網(wǎng)站不應(yīng)該是滴幾滴墨、盤幾條龍這么簡(jiǎn)單。有著明顯特征的韓式風(fēng)格網(wǎng)站,好像也沒見在頁(yè)面上企圖用“紫菜包飯、大長(zhǎng)今”來表現(xiàn),對(duì)吧?
    Web Design is 95% Typography 提到的觀點(diǎn)認(rèn)為“網(wǎng)頁(yè)設(shè)計(jì)95%都是排版。”我理解原文有兩層意思,其一排版是頁(yè)面效果的決定性因素,其二幾乎完全否定了視覺設(shè)計(jì)的重要性。這個(gè)定論正確與否,我認(rèn)為要看前提,如果狹義理解“web design”為信息設(shè)計(jì),排版占95%沒錯(cuò);如果廣義考慮“web design”的用戶體驗(yàn),排版占95%不對(duì)。
  我仔細(xì)研究過不同語(yǔ)言的web頁(yè)面好作品,發(fā)現(xiàn)真的好設(shè)計(jì)即使去掉顏色、圖形修飾也不會(huì)差。如果拋開視覺表現(xiàn),確實(shí)排版模式都差不多,技巧無非就那么幾種,如對(duì)齊、留白、黃金分割之類。但是,各頁(yè)面最終呈現(xiàn)的效果,卻是“視覺設(shè)計(jì)”在主導(dǎo),如同前文所述日文、韓文網(wǎng)站給我的印象。搞清楚這個(gè)問題,也許我們?cè)趧?chuàng)新中文網(wǎng)頁(yè)設(shè)計(jì)時(shí)才能有更好的思路。
  風(fēng)格不等于設(shè)計(jì)
  這個(gè)問題思考再三,我覺得突破口還是在文字字符上。本來很好的英文界面,翻譯為中文后就成了二流貨色,難道真是“中文”有表現(xiàn)上的天生缺陷?難道我們老祖宗千百年總結(jié)而成的書法藝術(shù)到了數(shù)字時(shí)代完全行不通?參考Angela在2006年9月小論中英文網(wǎng)站的設(shè)計(jì)差異所總結(jié)的觀點(diǎn):
  中文的行間距太?。?
  中文缺乏一種起伏的節(jié)奏;
  中文的自動(dòng)回行有重大缺陷。
  除此之外,因?yàn)檫m用的字體、字號(hào)、字形太少,相互組合搭配的效果較單一,所以很容易造成web頁(yè)面的層次感不夠,表現(xiàn)力欠缺。具體分三塊闡述:
  字體,能夠在瀏覽器里正常顯示的中文字體就那么幾個(gè),當(dāng)定義了系統(tǒng)里沒有字體時(shí),瀏覽器一律按照默認(rèn)的“宋體”顯示。此缺點(diǎn)從操作系統(tǒng)根本上被限制,無法與英文文字的效果對(duì)比抗衡。
  字號(hào),英文大部分字體從8px到22px都有不錯(cuò)的美感。中文為了保證“方正”的造型,通常僅使用雙數(shù)字號(hào),比如最常用的12px和14px(用不用px 單位的問題這里不討論,少數(shù)字體的13px效果還行),因?yàn)檫@兩種字號(hào)看起來最自然、協(xié)調(diào)。再往上16px,18px,20px也還行,但 13px,17px類似的單數(shù)字號(hào),可以看到效果明顯的鋸齒和失重感。
  字形,英文有斜體(語(yǔ)氣強(qiáng)調(diào))和粗體(內(nèi)容重點(diǎn))效果之分,HTML和CSS里都有專用語(yǔ)句進(jìn)行定義。但是中文使用斜體的效果很不理想(字號(hào)夠大的斜體效果會(huì)好一些),也許當(dāng)初某些人定規(guī)范的時(shí)候,完全沒有考慮非羅馬文字國(guó)家的感受。比如學(xué)術(shù)論文的參考條目,好像國(guó)際規(guī)定必須用斜體。
  006年8月我討論過網(wǎng)頁(yè)不需要漂亮這個(gè)極具爭(zhēng)論性的話題,到現(xiàn)在為止,我困惑的還是對(duì)“中文”的理解,和對(duì)“中文”的設(shè)計(jì)。每次我看到中文被混搭 (Mix and Match)到歐美風(fēng)格模板、日韓風(fēng)格模板網(wǎng)站上時(shí),都會(huì)再反思這個(gè)說了這么多問題和不是,有沒有沒辦法解決?答案是有辦法。中國(guó)網(wǎng)頁(yè)設(shè)計(jì)師嘗試近十年,積累了不少經(jīng)驗(yàn)教訓(xùn)。大環(huán)境近來國(guó)際標(biāo)準(zhǔn)組織的推動(dòng),加上“微軟雅黑”字體的革命性進(jìn)步,以及本土公司企業(yè)的重視,我相信中國(guó)網(wǎng)頁(yè)設(shè)計(jì)將逐漸、真正形成自己的特點(diǎn)。
 

深達(dá)觀點(diǎn)
OUR VIEW