在上一篇文章中，我們從多個(gè)方面分析的2010年在web設(shè)計(jì)和web應(yīng)用方面可能會(huì)出現(xiàn)的潮流趨勢(shì)，那么本文就主要是在對(duì)2009年web設(shè)計(jì)全球化總結(jié)的基礎(chǔ)上，更細(xì)致地對(duì)2010年的web設(shè)計(jì)趨勢(shì)進(jìn)行的總結(jié)。

在即將到來的新一年里，是拋開過時(shí)陳舊的網(wǎng)頁設(shè)計(jì)，為未來準(zhǔn)備大膽全新的網(wǎng)頁設(shè)計(jì)的時(shí)候了。盡管趨勢(shì)不是在一月一日開始或結(jié)束的，但新年伊始的時(shí)候我們的渴望和在一年之末時(shí)我們尋求教程指導(dǎo)之間依然有一個(gè)很明顯的分界。大多數(shù)時(shí)候，分界線模糊不清。這就是對(duì)當(dāng)前潮流趨勢(shì)是完善還是重新詮釋的的選擇。趨勢(shì)會(huì)幫助設(shè)計(jì)師并讓之進(jìn)化。如果我們掌握了這些設(shè)計(jì)美學(xué)的技巧，我們就可以推進(jìn)趨勢(shì)或者開發(fā)一個(gè)全新的領(lǐng)域。

理解這些，你將會(huì)認(rèn)識(shí)到這些趨勢(shì)背后的創(chuàng)意。盡管這些趨勢(shì)和在2009年流行的沒有巨大的變化，但它預(yù)示了那些趨勢(shì)將會(huì)進(jìn)一步擴(kuò)大流行并因此變得更佳。如果你正在考慮如何將新的潮流吸收進(jìn)你的作品的話，請(qǐng)把注意力放在每個(gè)潮流趨勢(shì)的中心思想上吧！多多鼓勵(lì)自己去涉獵這些新趨勢(shì)中，這樣你會(huì)變成這個(gè)運(yùn)動(dòng)的一份子！

1 巨大的logo/標(biāo)頭(headers)

飛出頁面（splash pages）已經(jīng)非常過時(shí)了。為了給訪問者造成難以忘懷的印象，2010的流行趨勢(shì)將會(huì)是巨大的logo或者不相上下大小的標(biāo)頭。這種類型的標(biāo)頭會(huì)占據(jù)整個(gè)屏幕，但是只有一個(gè)重要的短信息在上面。訪問者不需要點(diǎn)擊任何東西，只要把鼠標(biāo)向下滑動(dòng)。訪問的人現(xiàn)在普遍患有點(diǎn)擊恐懼（由于多年來的缺乏指導(dǎo)）。所以大幅的標(biāo)頭就像飛出頁面一樣，但是它不會(huì)強(qiáng)迫你的用戶點(diǎn)擊任何東西。

中心思想:巨大的標(biāo)頭將會(huì)使你的訪問者記住你的網(wǎng)站。

2 素描/手繪設(shè)計(jì)

手繪設(shè)計(jì)并不是真正全新的一種潮流，但我們知道它仍然站在網(wǎng)頁設(shè)計(jì)的前沿。很多設(shè)計(jì)師欣賞這種風(fēng)格，但又怯于創(chuàng)作此類作品僅僅由于“我不會(huì)真正地手繪”的態(tài)度。如果你去看那些最流行的手繪風(fēng)格網(wǎng)站（相對(duì)于其他趨勢(shì)風(fēng)格的網(wǎng)站，手繪設(shè)計(jì)的網(wǎng)站不多），你會(huì)注意到大多數(shù)同行不會(huì)繪畫。這些設(shè)計(jì)不是要送往藝術(shù)博物館的，它們只是傳遞一種異想天開的想法，并模糊冷冰冰的網(wǎng)絡(luò)和人與人的互動(dòng)——因特網(wǎng)的終極目標(biāo)，之間的界限。如果你會(huì)涂鴉，你就可以創(chuàng)作素描/ 手繪風(fēng)格的網(wǎng)頁設(shè)計(jì)。

素描在2010年會(huì)變得更加強(qiáng)大，盡管不是網(wǎng)頁設(shè)計(jì)的主要焦點(diǎn)。它將會(huì)以新穎的和令人興奮的方式被用于個(gè)性標(biāo)準(zhǔn)的頁面文案（web copy）。

中心思想：素描在合作設(shè)計(jì)中會(huì)變成一個(gè)基本的組成部分。

3 肥厚的字體

盡管在傳統(tǒng)媒體中出現(xiàn)已經(jīng)超過200年了，肥厚的字體在網(wǎng)頁設(shè)計(jì)上的應(yīng)用還算比較新的。要得到肥厚字體的可視化定義，就想想古老的狂野西部的海報(bào) “渴望”。那些醒目的字母就是肥厚的字體。肥厚字體普遍是大寫字母，醒目并令人印象深刻。許多設(shè)計(jì)師以前避開肥厚字體不用，是因?yàn)橐郧皹?biāo)志和標(biāo)頭都比較小和比較簡樸的緣故。和巨大的標(biāo)頭一起組合之后，肥厚的字體將會(huì)吸引瀏覽者的注意。

中心思想：肥厚字體來大膽的表現(xiàn)自己。

4 活版印刷

活版印刷是最難掌握的的潮流趨勢(shì)之一，這就是它在2010年依然保持新鮮的原因。出于大家對(duì)可用性的呼吁，網(wǎng)頁設(shè)計(jì)師不敢使用新起的和各式各樣的字 體。把不同大小尺寸的字體混合在一起這個(gè)想法是完全不可想象的。可以探索，扭曲，模壓字體來達(dá)到你的目的。如果位置得當(dāng)，一個(gè)利用了活版印刷作為它主要涉 及元素的網(wǎng)頁會(huì)比一個(gè)超載了大量圖片的相同網(wǎng)站有趣的多。

中心思想：活版印刷是新發(fā)展的，但是它會(huì)將繼續(xù)成為網(wǎng)頁設(shè)計(jì)的一部分。

5 單頁布局

單頁布局將會(huì)驅(qū)使你去把不必要的信息刪除。在2010年，這個(gè)潮流將會(huì)拋棄那些古怪的導(dǎo)航，并使之影響國變得更加小（this trend will move away from the quirky navigation and become more minimal in its approach.）?？梢赃@類風(fēng)格的網(wǎng)頁想成商業(yè)名片。這些網(wǎng)站將會(huì)更像一站式商店，在那里有你和你在各式各樣網(wǎng)站上的作品（比如你的博客和你在各種社會(huì)化媒體上巢穴）。

中心思想：單頁布局將會(huì)有較多個(gè)人文件和較少的團(tuán)體合作。

6 巨幅圖片

與巨大logo/標(biāo)頭header很接近，所以大幅畫面也做著同樣的事。它創(chuàng)造了難忘的視覺沖擊。不像上文巨大logo所示的那樣，巨幅圖片不是網(wǎng)站品牌的一部分。相反，訪問者不是因?yàn)閮?nèi)容而是因?yàn)槠娲鬅o比的圖片尺寸吸引進(jìn)入你的網(wǎng)站的。在2010年，網(wǎng)頁設(shè)計(jì)師們會(huì)發(fā)現(xiàn)，在他們的設(shè)計(jì)中使用起這些巨大的表現(xiàn)方式來表達(dá)網(wǎng)站的風(fēng)格，將會(huì)更加的舒適愜意。

中心思想：巨幅圖片會(huì)被用作吸引游客進(jìn)入你的網(wǎng)站。

7 改變視角

就像我們以前討論過的一樣，桌面視角已經(jīng)重復(fù)到令人發(fā)膩了，2010年將會(huì)看到一個(gè)更加貼切實(shí)際的視角，可能會(huì)有一個(gè)移動(dòng)的側(cè)視的天線（there may also be a move toward side-shot aerial.）

中心思想：2010年網(wǎng)頁設(shè)計(jì)會(huì)出現(xiàn)不同的視角

8 交互式/直觀設(shè)計(jì)

flash動(dòng)畫會(huì)有更好的發(fā)展。以前，你訪問網(wǎng)站，你一定會(huì)點(diǎn)進(jìn)一些令人厭煩的動(dòng)畫界面?，F(xiàn)在動(dòng)畫會(huì)輕松、專業(yè)的多。盡管一些設(shè)計(jì)師更愿意選擇 jquery制作表格和彈出式窗口，但動(dòng)畫在設(shè)計(jì)界仍然占有一席之地，特別是在表現(xiàn)細(xì)節(jié)方面。動(dòng)畫在互動(dòng)上仍然有所欠缺。2010年，網(wǎng)頁設(shè)計(jì)師將會(huì)在動(dòng)畫的補(bǔ)救元素方面改進(jìn)?，F(xiàn)在普遍的瀏覽者對(duì)互聯(lián)網(wǎng)了解得更多更深了，設(shè)計(jì)師會(huì)也將會(huì)也會(huì)創(chuàng)造出比以前更直觀性一點(diǎn)的網(wǎng)站。

中心思想：交互式設(shè)計(jì)會(huì)重新流行

9 彈出對(duì)話框

彈出對(duì)話框這個(gè)趨勢(shì)現(xiàn)在正如火如荼地被使用，事實(shí)上2010年就會(huì)到處可見。彈出對(duì)話框就像彈出式窗口的一個(gè)更加老練的長兄，——流暢、美觀、潮流。彈出對(duì)話框更容易設(shè)計(jì)和使用使它成為那些為可用性擔(dān)心的設(shè)計(jì)師的完美解決方法。

中心思想：在2010年設(shè)計(jì)中彈出對(duì)話框?qū)?huì)繼續(xù)流行

10 簡約主義

請(qǐng)忽視學(xué)校極少網(wǎng)頁的網(wǎng)站。2010年的網(wǎng)頁會(huì)繼續(xù)以大片空白和醒目的排版、出人意料的顏色方案為特點(diǎn)。不是所有的簡約網(wǎng)站都同意黑和白的簡單性概念。盡管簡約主義本質(zhì)上是溫和的，但是它也展示鮮艷的顏色。簡約主義不是冷酷的，它是溫暖的，開門見山的。

中心思想：簡約主義將會(huì)大膽的用于排版。

11 大尺寸的底部

也許大尺寸的底部已經(jīng)到處都是了，但是在2010年你會(huì)發(fā)現(xiàn)它們甚至?xí)鋸?。未來的底部?huì)減少事先考慮的因素，成為設(shè)計(jì)的主要部分。底部將會(huì)尋求詹這些特征：包含隨機(jī)的信息的腳本，比如不同的社會(huì)媒體的更新、每日調(diào)查、和flickr等。

中心思想：大尺寸的底部將會(huì)以較少重要的信息，較多個(gè)人信息為特點(diǎn)。

12 復(fù)古

復(fù)古設(shè)計(jì)會(huì)成為風(fēng)尚，流行起來。雖然很多設(shè)計(jì)的團(tuán)體欽佩復(fù)古的網(wǎng)頁設(shè)計(jì)，但如果沒有留下”已復(fù)原(undone)“的印象就很難完全掌握這種風(fēng)格。復(fù)古的關(guān)鍵是被它的風(fēng)格和潛在的趣味性所啟發(fā)。在2010年，如果設(shè)計(jì)師找到新的使復(fù)古老藝術(shù)榮耀起來的方式，復(fù)古設(shè)計(jì)將會(huì)擴(kuò)大使用的范圍。

中心思想：復(fù)古是一種新潮。

13 介紹框

“你好，我的名字是······/hi,my name is…”將會(huì)在2010年找到更大的舞臺(tái)，如果設(shè)計(jì)師認(rèn)識(shí)到介紹把自己給訪問者的美麗,簡潔的話。如果你正在為做一個(gè)有創(chuàng)造性的“關(guān)于自己”的網(wǎng)頁而苦惱，介紹框是最好的解決措施。它會(huì)迫使你把你的介紹簡略成一個(gè)相關(guān)大小的空間。2010年介紹框會(huì)突破它本身所具有的界限。設(shè)計(jì)師們找到新的便車（new pick-up lines）來取代了令人厭倦的你好。同時(shí)，2010年介紹框?qū)⒊霈F(xiàn)非常規(guī)的擺放，也許是放在網(wǎng)頁的正中間，替代了現(xiàn)在的放左邊的介紹版塊。

中心思想：一種新的說“你好”的方式

14 雜志布局

因?yàn)樵絹碓蕉嗳藦膫鹘y(tǒng)的打印媒體轉(zhuǎn)移到在線信息娛樂，設(shè)計(jì)師們會(huì)挑戰(zhàn)著歡迎這些簡單的轉(zhuǎn)變。雜志布局有一個(gè)步驟，就是所有信息會(huì)小心地放在首頁上，使瀏覽者有機(jī)會(huì)去根據(jù)興趣去探索。相似的布局吸引那些曾經(jīng)看過報(bào)紙或者雜志的人，但是也會(huì)更易使用令人討厭之極的網(wǎng)頁。在2010年，雜志布局會(huì)變得越來越普遍，特別是博客方面。

中心思想：雜志布局會(huì)被用作娛樂信息方面的網(wǎng)站。

中文翻譯：2010年網(wǎng)頁設(shè)計(jì)趨勢(shì)
英文原文：web design trends for 2010

http://bbon.cn/2009/12/2010-web-design-trends.html