網(wǎng)頁設(shè)計的主要幾個特點

1、世界上的任何事物都是在變化的，不斷的發(fā)展，不斷的創(chuàng)新，不斷適應(yīng)新的方式，不管你是哪一類的設(shè)計師永遠都需要去探索，去開創(chuàng)新的趨勢。 一些事隨著素材的設(shè)計素材的豐富，設(shè)計師越來越多選擇，五花八門的頁面撲面而來，并且不少有著絢麗的外觀，如今只有絢麗的外觀是不夠的，而是如何將各種各樣的功能需求結(jié)合，如何把內(nèi)容體現(xiàn)得更有價值，而且拋開設(shè)計師的思維，不要單純?yōu)榱撕每?、絢麗而設(shè)計，拋開視覺，去掉復(fù)雜而絢麗，把最原始的東西呈現(xiàn)在面前，用最簡單的效果，直觀的方法表現(xiàn)，你會得到更意想不到的效果。 yixieshi 讓我們來看看2011年網(wǎng)頁設(shè)計的主要幾個特點 互聯(lián)網(wǎng)的一些事 01.簡潔的設(shè)計，簡單的配色方案 一些

2、事2010年后，頁面每個地方充滿了細節(jié)，重文本塊，減少多余的色彩、形狀和紋理。人們開始選擇更簡潔的界面。 一些事 例子： 蘋果一直都是行業(yè)的領(lǐng)軍者，無論是工業(yè)設(shè)計還是網(wǎng)頁設(shè)計同樣是簡潔易用，內(nèi)容分布均勻，最直白的排版方式，簡單而又不失平庸的插圖，讓我們看起來簡潔明了。 yixieshi 02.大范圍的背景 yixieshi頁面大幅高清晰度的圖片，整個頁面的文本或者其他元素都融合在背景中，在背景的承托下一目了然，意思更加明確。 yixieshi例子： 一些事 03.頁面的立體效果 互聯(lián)網(wǎng)的一些事 近年來，由阿凡達帶起了一股3D潮，然而在網(wǎng)頁上我們也可以做到視覺上的立體效果，雖然不是真正的3D，但

3、是通過平面的繪制也可以達到以假亂真的效果。 yixieshi 例子： yixieshi 04.字體的視覺沖擊 互聯(lián)網(wǎng)的一些事字體在網(wǎng)頁里對我們異常重要，唯一的信息顯示，2010年以來，一個新的趨勢開始加強，這就是利用大膽的字體設(shè)計加強視覺沖擊。我們各種各樣的活動主題都可以運用一些手法例如、立體的、破碎的、硬朗的、優(yōu)美的等等手法去加強視覺上的沖擊力。 一些事 例子： 互聯(lián)網(wǎng)的一些事05.兼容移動設(shè)備的設(shè)計 yixieshi 2011年，我們看到的是便宜和更加容易使用的智能手持設(shè)備，無論是手機還是pad，我們用來上網(wǎng)的頻率越來越高，但是，還是有著阻礙我們國內(nèi)的無線網(wǎng)絡(luò)發(fā)展各種因素，其中高昂的流量費

4、用就是一個很大的因素，因此在有限的尺寸打造一個剩流量卻又不缺乏視覺效果和優(yōu)越體驗的網(wǎng)頁，絕對是未來的一個趨勢。 yixieshi 讓我們來看看傳統(tǒng)網(wǎng)頁針對移動設(shè)備的顯示版本 例子： 一些事 PC WEB版 MOBILE WAP版 yixieshi PC WEB版 MOBILE WAP版 yixieshi 所以2011年基本上我們看到的設(shè)計是一個重新詮釋體現(xiàn)內(nèi)容的外觀，光澤和質(zhì)感，高質(zhì)感的圖標(biāo)和視覺沖擊效果。而移動設(shè)備的網(wǎng)頁設(shè)計也越現(xiàn)重要，在這個信息巨大的網(wǎng)絡(luò)世界里，用最簡單最易懂的表達方式讓用戶更加快速的讀懂網(wǎng)頁所表達的意思。 中英文網(wǎng)站的設(shè)計差異所總結(jié)的觀點:1. 中文的行間距太小； 2.

5、中文缺乏一種起伏的節(jié)奏； 3. 中文的自動回行有重大缺陷。 除此之外，因為適用的字體、字號、字形太少，相互組合搭配的效果較單一，所以很容易造成web頁面的層次感不夠，表現(xiàn)力欠缺。具體分三塊闡述：字體，能夠在瀏覽器里正常顯示的中文字體就那么幾個，當(dāng)定義了系統(tǒng)里沒有字體時，瀏覽器一律按照默認的“宋體”顯示。此缺點從操作系統(tǒng)根本上被限制，無法與英文文字的效果對比抗衡。字號，英文大部分字體從8px到22px都有不錯的美感。中文為了保證“方正”的造型，通常僅使用雙數(shù)字號，比如最常用的12px和14px（用不用px單位的問題這里不討論，少數(shù)字體的13px效果還行），因為這兩種字號看起來最自然、協(xié)調(diào)。再往上

6、 16px,18px,20px也還行，但13px,17px類似的單數(shù)字號，可以看到效果明顯的鋸齒和失重感。字形，英文有斜體效果，HTML和CSS里都有專用語句進行定義。但是中文使用斜體的效果很不理想（中文字號夠大的斜體效果會好一些），也許當(dāng)初某些人定規(guī)范的時候，完全沒有考慮非羅馬文字國家的感受。比如學(xué)術(shù)論文的參考條目，好像國際規(guī)定必須用斜體。2006年8月我討論過網(wǎng)頁不需要漂亮這個極具爭論性的話題，到現(xiàn)在為止，我困惑的還是對“中文”的理解，和對“中文”的設(shè)計。每次我看到中文被混搭(Mix and Match)到歐美風(fēng)格模板、日韓風(fēng)格模板網(wǎng)站上時，都會再反思這個問題。中文是中國網(wǎng)頁設(shè)計的靈魂，我

7、想事實應(yīng)該如此。說了這么多問題和不是，有沒有沒辦法解決？答案是有辦法。中國網(wǎng)頁設(shè)計師嘗試近十年，積累了不少經(jīng)驗教訓(xùn)。大環(huán)境近來國際標(biāo)準組織的推動，加上“微軟雅黑”字體的革命性進步，以及本土公司企業(yè)的重視，我相信中國網(wǎng)頁設(shè)計將逐漸、真正形成自己的特點.比如韓國網(wǎng)站普遍用色大膽，F(xiàn)lash動畫和圖片利用率極高，手繪風(fēng)格隨處可見。而日本網(wǎng)站普遍清新淡雅，有著日本文化特有“灰蒙蒙”的感覺，偶爾使用像素和卡通風(fēng)格。以前翻過不少帖子推薦的“中式網(wǎng)站”，總結(jié)起來有兩個特點：動畫扎眼，元素堆砌。所謂動畫扎眼，幾乎所有作品都是Flash完成，我看以“秀”目地居多而不是傳達信息。所謂元素堆砌，幾乎所有作品對“中式

8、風(fēng)格”的理解都停留在某些元素身上，比如書法國畫、朱砂印章、絲綢竹簡等等。我就納悶了，難道表現(xiàn)風(fēng)格非得以這種繁復(fù)的圖形加上炫目的互動和好多個loading來完成么？我想“中式風(fēng)格”的網(wǎng)站不應(yīng)該是滴幾滴墨、整幾條龍這么簡單。有著明顯特征的韓式風(fēng)格網(wǎng)站，好像也沒見在頁面上企圖用“紫菜包飯、大長今”來表現(xiàn)，對吧？Web Design is 95% Typography 提到的觀點認為“網(wǎng)頁設(shè)計95%都是排版?！蔽依斫庠挠袃蓪右馑?，其一排版是頁面效果的決定性因素，其二幾乎完全否定了視覺設(shè)計的重要性。這個定論正確與否，我認為要看前提，如果狹義理解“web design”為信息設(shè)計，排版占95%沒錯；如果

9、廣義考慮“web design”的用戶體驗，排版占95%不對。我仔細研究過不同語言的web頁面好作品，發(fā)現(xiàn)真的好設(shè)計即使去掉顏色、圖形修飾也不會差。如果拋開視覺表現(xiàn)，確實排版模式都差不多，技巧無非就那么幾種，如對齊、留白、黃金分割之類。但是，各頁面最終呈現(xiàn)的效果，卻是“視覺設(shè)計”在主導(dǎo)，如同前文所述日文、韓文網(wǎng)站給我的印象。搞清楚這個問題，也許我們在創(chuàng)新中文網(wǎng)頁設(shè)計時才能有更好的思路。為何設(shè)計？作為在互聯(lián)網(wǎng)產(chǎn)品中的設(shè)計師，可能偶爾思考的問題是為何設(shè)計？從在學(xué)校里為自己做設(shè)計，到社會上為老板做設(shè)計，為客戶做設(shè)計，到今天我們服務(wù)于各種需求，為需求而做設(shè)計?？此贫际且粋€為他人而服務(wù)的過程。在這過程里

10、面對了種種的失去自我價值的不良感受。可一方面這些感受卻恰恰是因為你把產(chǎn)品當(dāng)成是他人的產(chǎn)品，把自己當(dāng)成了產(chǎn)品生產(chǎn)流水線中的一環(huán)僅此而已。倘若你把自己當(dāng)成是整個產(chǎn)品從誕生到運營的主人，再反過頭做設(shè)計這一項任務(wù)的時候，你會有不一樣的高度和認識。另一方面得清楚的是，之所以設(shè)計師存在就是因為設(shè)計師有他需要解決的問題，而這問題可能恰恰就是產(chǎn)品使用或銷售中遇到的問題：界面需要更好用，需要更美觀，這是對產(chǎn)品可用與否的一項加分。在產(chǎn)品中，設(shè)計永遠是圍繞功能來做的。核心功能用核心的視覺去表現(xiàn)，脫離功能設(shè)計也就失去了存在的意義，這也是每一條線，每一個元素存在在產(chǎn)品界面上的意義。我們都知道設(shè)計的質(zhì)量是無法量化的，也永

11、遠沒有最好的設(shè)計，但是有最適合的設(shè)計。就好像任何人如果站在自己的角度去談用戶體驗的好壞是很愚蠢的，那只是主觀感受。所以我從來不說一句話：“站在用戶的角度來說”。憑什么相信你？ “匠”和“師”的現(xiàn)狀。“我不這么覺得，我覺得這顯得很小氣”當(dāng)有客戶這么和你說的時候他其實是在質(zhì)疑你的設(shè)計作品，甚至是在質(zhì)疑你到底明白沒明白這是不是他想要的?，F(xiàn)在我們在接一個項目的時候往往壓縮給設(shè)計師的時間都是很短的，這是多數(shù)互聯(lián)網(wǎng)乃至設(shè)計公司的悲哀，在這么一個不長的時間里如何能夠全面了解需求想要的，況且需求方也無法用設(shè)計語言去描述它，只是說要“大氣，精致”這類摸不著頭腦的需求來形容他。這對于一名設(shè)計師來說幾乎是無法做好的

12、。實際上需求方需要設(shè)計來解決的首先是功能上的需求，無論是他的著眼點在什么上面。當(dāng)然，他還需要他的產(chǎn)品能夠看上去顯得夠一定檔次，這樣才會有人來用它?？蛇_到上一定檔次這個目的，并不一定是通過他們所說的“大字，加粗，金色”等等這樣的設(shè)計方法來實現(xiàn)的。他們大多寧可相信自己的審美也不愿意相信一個做設(shè)計的?？赡阌謶{什么讓他去相信你有這個能力來解決這個問題呢？所以你要把自己的著眼點不僅僅停留在設(shè)計上，你要成為這產(chǎn)品的主人一般，為他去思考問題，為產(chǎn)品擔(dān)憂。擔(dān)憂他如何推廣，如何變得更好用，如何讓人們都接受他，雙方都明確這些問題后，再反過頭來看看什么樣的視覺設(shè)計，能夠在不影響功能核心的前提下，為產(chǎn)品加分增色呢。我

13、見過很多設(shè)計師和需求溝通時，首先最愛問的問題是“這什么時候要？”這簡直不就是在做活嗎？這一定讓對方覺得你僅僅只是一個匠人，一個靠手藝吃飯的人。就好比是去修理自行車一樣，說吧：“哪壞了？多長時間修好？”這樣如何贏得別人對你的信任？做出的成果也就只有被人挑你毛病的份兒了。說到匠人，我打一個比方。大家一定都去過美容店或者理發(fā)店去理發(fā)。理發(fā)師的這個職業(yè)，從叫法上大到有叫做形象設(shè)計師，發(fā)型設(shè)計師，小到有叫剃頭的。剪一次頭發(fā)的價格多有上千快，少到有幾塊錢，這是怎么回事？我不是想說設(shè)計師的職業(yè)規(guī)劃就應(yīng)該是往更高端的企業(yè)中走，盡管這也是一個方面。但你想過為什么有人會到昂貴的美容場所理發(fā)嗎？當(dāng)然一是客戶消費得起

14、，二是他們對那里的發(fā)型設(shè)計師充滿信任。為什么信任？因為他們曾經(jīng)有過無數(shù)的成功案例，得到過許多殊榮，也許還有幸給某某某明星設(shè)計過發(fā)型。一個陌生的人坐在美容師的面前，設(shè)計師仔細觀察客人的臉型，客人的穿著打扮和談吐氣質(zhì)，很快就可以對他氣質(zhì)有所了解，簡單的問下客人平時的喜好，喜歡看什么電影，聽什么音樂，平時有什么興趣愛好等等，便可以知道客人對審美的理解程度。通過溝通為客人提出了幾種發(fā)型的專業(yè)建議供客人選擇，并把發(fā)型改變后的短暫不適應(yīng)和為什么新發(fā)型會更適合他（她），這個發(fā)型可以幫到客人什么，提升哪方面的氣質(zhì)都談出來，即使客人由于自身原因無法接受，也會覺得你是在為客人著想并且是有一定專業(yè)度的。而有的理發(fā)師

15、上來就會問：“想剪什么發(fā)型？”然后你就開始說譬如前面長一點，后面短一點，耳朵那里不要太短，也不要太長，要蓬松一點這樣模棱兩可沒有標(biāo)準的話。然后你心里一定以為，這家伙就是一個剃頭的。設(shè)計是無法量化的，設(shè)計一旦被量化，設(shè)計師就真的成了匠人。也就自然配不上這個“師”字兒了，頂多是“匠”。在我看來，在中國能配上“師”的設(shè)計人員并不是多，雖然我們都被稱作是設(shè)計師吧?！敖场笔强腿饲宄约阂裁?，給出明確的設(shè)計指標(biāo)和具體的設(shè)計樣式需求來，然后和匠人談好時間，談好價格，然后匠人開工。如果能夠按時按質(zhì)按量完工，就是有一定職業(yè)度的匠人了。而“師”是客人拋出一個有待解決的問題，并且你有能力讓客戶信任你，你也有給客人

16、可選擇的方案，并且站在一定高度，甚至是客人未想到的高度上為他去打造產(chǎn)品。而你打造產(chǎn)品的能力有幾個方面：一是經(jīng)驗和方法，二是眼界，三是技術(shù)。技術(shù)僅僅是基本功，眼界和經(jīng)驗就需要長久的積累了。其實這里最不容易做到的是讓客戶信任你，想讓客人相信你需要滿足三個重要的條件：一是你證明你是有技能的，二是你要有直接或間接的成功案例，三是你最好是在一個權(quán)威機構(gòu)或公司里。如果這些條件你都具備或者說疊加的越多，你被信任的程度也就越高了。配得上“師”的人不多，這和說中國設(shè)計人員的整體水品高不高沒有絕對關(guān)系，其實這也與整個行業(yè)對設(shè)計的重視程度有關(guān)。因為國內(nèi)的客戶還不太愿意花大價錢在設(shè)計上，他們對品牌的認識還沒有到國外公

17、司對設(shè)計的重視程度上。好比一個我們還沒有特別富裕的時候，可能更愿意較少的錢在小地方處理一下自己的發(fā)型一般，難看點，短暫的難看點都沒關(guān)系，能見人就行?；蛘哒f對自己發(fā)型的要求還沒有超過對身上其他物件的要求。當(dāng)然，如果正巧你還遇到了一個不太容易讓人相信的設(shè)計師，就更不愿意花這個錢了。但是當(dāng)有一天中國的山寨無法再活下去，當(dāng)國外的制作訂單不再那么源源不斷，國內(nèi)的自由品牌開始更多銷往國外。自然那時就會需要越來越多能夠被稱作是“師”的人，同時又深得他人信任，有技術(shù)，有經(jīng)驗，有眼界的站在更高的位置去看待產(chǎn)品的品牌，可以提高產(chǎn)品的可用性，做出適合他品牌性格的視覺設(shè)計，創(chuàng)造出超過產(chǎn)品自身的品牌的價值。我們得相信在

18、一個行業(yè)走向成熟的進程中，雖有不如意的地方，但也恰恰隱藏著巨大的機會。都說一個成熟的企業(yè)需要有三種力，一個是生產(chǎn)力，中國絕對屬于一個生產(chǎn)力型國家，尤其是手工業(yè)生產(chǎn)力。第二是銷售力，銷售力最關(guān)鍵的是渠道，所有的大品牌最看重的就是銷售這一塊，同時它有形象來助力銷售力，產(chǎn)品自身同時也需要獨有的視覺形象的支撐。中國的企業(yè)恰恰相反，有生產(chǎn)力，有一點銷售力，完全沒有獨有視覺形象。這個時候形象力開始慢慢受到重視了，具備對品牌視覺判斷的設(shè)計師可以在公司中有一定的能量，因為最終大家會感覺到無論是你做產(chǎn)品還是做運營、銷售，其實都是在做品牌。而有經(jīng)驗的設(shè)計師，對于企業(yè)來說就會是非常大的需求。做有使命感的設(shè)計師中國品牌時代正準備開始，或者已經(jīng)上路了。我們從事的互聯(lián)網(wǎng)行業(yè)，無論做視覺、做交互設(shè)計的同學(xué)，大家都趕上了一個快速發(fā)展的時機，也趕上了一個烏煙瘴氣都在紛紛討論如何提升用戶體驗的時代。要我說是壞事也是好事。至少說明現(xiàn)在大家開始越來越關(guān)心體驗了。做視覺設(shè)計的也開始逐步關(guān)注交互設(shè)計和用戶研究，甚至技術(shù)層面對體驗產(chǎn)生的影響，人變得更全面，考慮的越周全了。這就好比平面設(shè)計做過一段時間后，你就開始關(guān)心材質(zhì)一般。做有使命感設(shè)計師我認為關(guān)鍵就是在設(shè)計師角色的轉(zhuǎn)變，以超越視覺的視角去看待你做的事情，有人曾說過要以“商人”的頭腦去做設(shè)計，我覺得要求雖然有些高，但至少說明了一層意思，就是不要單