19年前，世界上第一個(gè)網(wǎng)頁(yè)誕生，它沒(méi)有設(shè)計(jì)可言，由文本和url組成，樣式只有最基本的。而如今，Web設(shè)計(jì)已經(jīng)成長(zhǎng)為獨(dú)立而龐大的設(shè)計(jì)門類，一個(gè)網(wǎng)頁(yè)的創(chuàng)造需要多個(gè)工種、多種技術(shù)的參與，其流程的復(fù)雜和挑戰(zhàn)性已經(jīng)超過(guò)任何傳統(tǒng)設(shè)計(jì)類別。
這19年間，網(wǎng)站的擁有者越來(lái)越清楚自己的目標(biāo)，而設(shè)計(jì)師們也越來(lái)越理性和專注，人們?cè)诓煌で笊虡I(yè)訴求、用戶、審美和技術(shù)上的平衡點(diǎn)。每一年過(guò)去，都有無(wú)數(shù)過(guò)時(shí)的風(fēng)格、特征元素以及實(shí)現(xiàn)技術(shù)被拋于身后。
設(shè)計(jì)風(fēng)潮體現(xiàn)著一個(gè)時(shí)期內(nèi)人們對(duì)特定的風(fēng)格、趣味、審美、技術(shù)乃至理念等各種模型或特征的追隨。新技術(shù)的發(fā)展、媒介載體的占有量的變化、新網(wǎng)站類型的誕生、全球的設(shè)計(jì)思潮的影響、行業(yè)領(lǐng)軍者的轉(zhuǎn)變、明星設(shè)計(jì)師個(gè)體的亮點(diǎn)，這些因素都在推動(dòng)潮流的變化。 你可以回想一下那些曾經(jīng)風(fēng)靡一時(shí)的模式：復(fù)古的像素樣式；Google的樸素之風(fēng)；韓式清新插畫(huà)風(fēng)；Flashsite的興起帶來(lái)的不規(guī)則布局和動(dòng)畫(huà)的濫用；Apple引發(fā)的對(duì)質(zhì)感的追求；用戶和情境意識(shí)的覺(jué)醒；對(duì)細(xì)節(jié)的關(guān)注——圓角和陰影的廣泛運(yùn)用； Web2.0設(shè)計(jì)風(fēng)潮中典型的配色和特征元素；空間與層次感的魔術(shù)……
09年流行的半透明風(fēng)格：
空間和層次感的魔術(shù)：
潮流的涌現(xiàn)，是社會(huì)一致化與個(gè)體差異化的碰撞，每一次碰撞都推動(dòng)著這個(gè)行業(yè)的進(jìn)步。
讓我們來(lái)看看這些發(fā)生中的變化：
簡(jiǎn)潔，精簡(jiǎn)，極簡(jiǎn)
極簡(jiǎn)主義（Minimalism ）在這一年大熱。原因有4點(diǎn)：1， 手持便攜設(shè)備的占有量逐步上升，人們的訪問(wèn)方式發(fā)生了改變，小尺寸屏幕所需的精簡(jiǎn)之道反過(guò)來(lái)影響了整體的設(shè)計(jì)趨勢(shì)。
2， Apple簡(jiǎn)潔、專注、充滿誘惑力設(shè)計(jì)哲學(xué)重領(lǐng)潮流，效仿者眾多。
3， 來(lái)自全球設(shè)計(jì)思潮的影響：極簡(jiǎn)、禪意、人文、空間感的“日式風(fēng)格”這兩年在出版界、時(shí)裝設(shè)計(jì)、包裝設(shè)計(jì)、工業(yè)設(shè)計(jì)界都頗受追捧。
4， 網(wǎng)站的專業(yè)性和針對(duì)性在進(jìn)一步加強(qiáng)，人們選擇一個(gè)網(wǎng)站一次把一件事做好、做到極致，而非盲目擴(kuò)張。這也使“精簡(jiǎn)”擁有更大的實(shí)現(xiàn)空間。
極簡(jiǎn)主義體現(xiàn)設(shè)計(jì)師對(duì)意圖、受眾、情境的強(qiáng)大控制力。不是簡(jiǎn)單的做減法就可以了，如果不能很好地把握取舍的宗旨與理由，一個(gè)為了極簡(jiǎn)效果而精簡(jiǎn)的頁(yè)面可能看起來(lái)庸俗不堪，是為“做作”的留白 。
操刀這一風(fēng)格需要對(duì)作品有充分的自信和理解力，更重視細(xì)節(jié)和布局，把握恰當(dāng)?shù)膶?duì)比、強(qiáng)調(diào)。
來(lái)自版式和留白的均衡美感
極簡(jiǎn)主義風(fēng)格非常適用于以圖片為表現(xiàn)主體的網(wǎng)站
極簡(jiǎn)主義的風(fēng)潮中，還涌現(xiàn)了許多單頁(yè)網(wǎng)站。所有內(nèi)容都放在一個(gè)頁(yè)面上呈現(xiàn)，通過(guò)分屏來(lái)巧妙地布置格局，不再有跳轉(zhuǎn)和復(fù)雜的站點(diǎn)結(jié)構(gòu)，一目了然。
更有人情味與趣味的設(shè)計(jì)
運(yùn)營(yíng)上的專注使得設(shè)計(jì)師們可以在設(shè)計(jì)中投入更多的感情，更有針對(duì)性地取悅受眾。從保守、冷漠、功利的陳舊風(fēng)貌中，涌現(xiàn)出更多富有生命力和趣味的產(chǎn)品。
Twitter取得了巨大成功，可愛(ài)的小鳥(niǎo)形象深入人心。以動(dòng)物為主題的logo和網(wǎng)站吉祥物也隨之風(fēng)行起來(lái)。
這一變化出現(xiàn)的原因：
1是具有針對(duì)性的中小型服務(wù)和應(yīng)用類網(wǎng)站大批涌現(xiàn)。
2是來(lái)自示范者的力量。
3是多元化的必然趨向。
4是在功能性、規(guī)范性和用戶體驗(yàn)之外，設(shè)計(jì)師開(kāi)始尋找那些從未出現(xiàn)過(guò)的、能更深層次打動(dòng)用戶的東西——“一種在感情上贏得人們喜愛(ài)的東西”。
親和、活潑、富有感染力、配色清新、使用自然元素作為裝飾物。
曾經(jīng)很不常見(jiàn)的高飽和度的配色，這種充滿動(dòng)感和生命力高調(diào)設(shè)計(jì)讓人充滿驚喜。
精致有趣的細(xì)節(jié)
對(duì)傳統(tǒng)設(shè)計(jì)的借鑒
Web設(shè)計(jì)這個(gè)年輕的分支在自我生長(zhǎng)的同時(shí)也在不停向傳統(tǒng)設(shè)計(jì)汲取營(yíng)養(yǎng)。在布局與版式方面，設(shè)計(jì)師們一直在探尋更好的表現(xiàn)手法，所以嘗試從傳統(tǒng)的設(shè)計(jì)媒介中尋求靈感，雜志版式布局（ Magazine-style Layouts）的從09年就開(kāi)始大熱，不光大型新聞網(wǎng)紛紛求變，雜志版式布局的Wordpress Themes 也炙手可熱。 這一變化對(duì)傳統(tǒng)設(shè)計(jì)不僅僅是形式上的追隨，更重要的是嘗試去借鑒與融合的態(tài)度。
Times 和 Financial Times 都是國(guó)外老牌媒體，他們的網(wǎng)站布局結(jié)合傳統(tǒng)紙媒版式有許多新潮的亮點(diǎn)，比如 豎式的流體布局，圖文混排，頭條強(qiáng)調(diào)，由標(biāo)題字號(hào)變化帶來(lái)的層級(jí)差別。
而國(guó)內(nèi)的此類網(wǎng)站絕大多數(shù)采用的還是非常傳統(tǒng)的橫向區(qū)塊布局，信息密度高，版式缺乏節(jié)奏和韻律。
由比較可見(jiàn)，國(guó)外的大容量信息網(wǎng)站的趨勢(shì)是 降低首頁(yè)的信息密度，把內(nèi)容分?jǐn)偟蕉?jí)頻道；版式上更具引導(dǎo)性、更適于閱讀，瀏覽方式像讀報(bào)一樣更流暢隨意。
由于廣告盈利價(jià)值的差別，國(guó)內(nèi)這類網(wǎng)站還是使用信息密度極高的索引模式，所以看起來(lái)更像說(shuō)一份導(dǎo)流量的“黃頁(yè)”而非可隨心閱讀的媒體。在信息呈現(xiàn)密度與模式無(wú)法改變的情況下，照搬國(guó)外的版式布局是非常危險(xiǎn)的。
除了在樣式上的借鑒，傳統(tǒng)版式設(shè)計(jì)上的許多經(jīng)典的實(shí)現(xiàn)手法也移植了過(guò)來(lái)，最著名的就是
黃金比例和柵格系統(tǒng)（Grid System)。柵格系統(tǒng)的歷史有300多年，運(yùn)用嚴(yán)謹(jǐn)?shù)膸缀尉W(wǎng)格來(lái)指導(dǎo)和規(guī)范元件的分布排列。將傳統(tǒng)柵格移植為適合網(wǎng)頁(yè)設(shè)計(jì)的系統(tǒng)，不光是創(chuàng)造了一種工具，也產(chǎn)生了一種普遍的審美規(guī)范與傾向。無(wú)論你是選擇遵循規(guī)范還是打破規(guī)范，都是對(duì)它的推動(dòng)。
960px寬的網(wǎng)頁(yè)柵格系統(tǒng) 960 Grid System：
個(gè)體風(fēng)格帶來(lái)的變化
誰(shuí)才代表著趨勢(shì)？有人認(rèn)為設(shè)計(jì)師們所追捧的變化代表了潮流，
有人認(rèn)為top100的大站才是大勢(shì)所趨。狡猾一點(diǎn)說(shuō)，兩個(gè)說(shuō)法都不確切，網(wǎng)站運(yùn)營(yíng)的Top100并不代表設(shè)計(jì)上的Top100，出于多種原因，很可能它
們是最保守的陣營(yíng)。但你無(wú)法忽略他們對(duì)用戶/客戶的審美及視覺(jué)習(xí)慣造成的影響。而設(shè)計(jì)師們雖然愿意挑戰(zhàn)和嘗試變化，但在面對(duì)個(gè)人化設(shè)計(jì)和商業(yè)設(shè)計(jì)時(shí)，他們
的取舍卻往往不盡相同。
巨頭和個(gè)體們?cè)谠O(shè)計(jì)風(fēng)格一直在互相影響和滲透。所以你永遠(yuǎn)不應(yīng)該輕視那些看起來(lái)“個(gè)人化”和“小眾”的創(chuàng)新設(shè)計(jì)。觀察它們的最好舞臺(tái)就是設(shè)計(jì)師的Blog和Profile站。
下面這幾點(diǎn)都是從現(xiàn)在小眾網(wǎng)站上流行，慢慢被許多普通大眾網(wǎng)站設(shè)計(jì)所趨向的特征。。
更大header區(qū)，更醒目的logo和標(biāo)識(shí)，字號(hào)更大的標(biāo)題。
內(nèi)容放得再多再好，但用戶記不住“你是誰(shuí)？”也是白費(fèi)。 更大header區(qū)強(qiáng)化了用戶對(duì)品牌和風(fēng)格的記憶，讓你有更多的發(fā)揮余地去表現(xiàn)。
