“作為設(shè)計(jì)師，這篇文章一定要看看，非常棒的總結(jié)！幫您理清web視覺(jué)的發(fā)展歷程，強(qiáng)力推薦！”
1822年查爾斯·巴比奇（Charles Babbage）發(fā)明了第一臺(tái)計(jì)算機(jī)（差分機(jī)），宣告了新一輪信息革命的開(kāi)始。也許連巴比奇自己都沒(méi)想到，計(jì)算機(jī)的問(wèn)世會(huì)如狂風(fēng)暴雨一般，幾乎改變了未來(lái) 200年間人們的生活方式。到如今，計(jì)算機(jī)已成為了人們工作、學(xué)習(xí)、生活等方面不可或缺的工具，如同人類(lèi)的左膀右臂一般，舍之不去。

推薦關(guān)注作者微博@TANX_譚雄 原文：http://tanxdesign.com/?p=84

藝術(shù)，作為人類(lèi)的高級(jí)情感需求，幾乎充斥著世界的每個(gè)角落，從古至今皆是如此，計(jì)算機(jī)也不例外。從計(jì)算機(jī)圖形操作界面發(fā)明那天起，網(wǎng)絡(luò)視覺(jué)藝術(shù)便隨 之誕生，并在之后的幾十年間一直伴其左右，不斷變化，不斷發(fā)展。如同其他藝術(shù)流派一樣，網(wǎng)絡(luò)視覺(jué)藝術(shù)有他自己的軌跡，也有屬于他自己的發(fā)展歷史。藝術(shù)的發(fā) 展跟時(shí)代的發(fā)展是密不可分的，網(wǎng)絡(luò)視覺(jué)藝術(shù)的每一次創(chuàng)新也幾乎都伴隨著一次計(jì)算機(jī)技術(shù)的變革，每一種藝術(shù)風(fēng)格也都是應(yīng)時(shí)代而生，因此必然有其適用環(huán)境和局 限性。網(wǎng)絡(luò)視覺(jué)設(shè)計(jì)師在應(yīng)用每一種風(fēng)格的時(shí)候，必須了解風(fēng)格的前世今生以及其背后的故事，只有這樣，藝術(shù)與功能才能相得益彰，而不至讓視覺(jué)淪為表面，變得 平庸。

一、? 網(wǎng)絡(luò)視覺(jué)藝術(shù)發(fā)展史概覽

200年，讓美國(guó)從荒蠻土著變成了世界霸主，也讓計(jì)算機(jī)從原始萌芽發(fā)展到如日中天。歷史總是讓人興奮而感慨，興奮每一件新事物的崛起，感慨萬(wàn)物終將 衰亡。想來(lái)我們是無(wú)緣見(jiàn)到互聯(lián)網(wǎng)技術(shù)的終點(diǎn)了，慶幸的是我們經(jīng)歷了他的成長(zhǎng)與繁華，同樣，我們也見(jiàn)證了網(wǎng)絡(luò)視覺(jué)藝術(shù)的發(fā)展。而作為設(shè)計(jì)師，我們正書(shū)寫(xiě)著網(wǎng) 絡(luò)視覺(jué)藝術(shù)的歷史，既是要?jiǎng)?chuàng)造未來(lái)，那便得先了解過(guò)去。

1.1 網(wǎng)絡(luò)視覺(jué)藝術(shù)的起源

如前面所說(shuō)，網(wǎng)絡(luò)視覺(jué)藝術(shù)的每一次變革都是起源于技術(shù)的變革。對(duì)于PC業(yè)界來(lái)說(shuō)，最重要的一項(xiàng)發(fā)明也許是1981年IBM PC的推出，但對(duì)于網(wǎng)絡(luò)視覺(jué)藝術(shù)來(lái)說(shuō)，最具革命性的一次創(chuàng)新應(yīng)該是1984年蘋(píng)果Macintosh的發(fā)布，因?yàn)镸acintosh首次實(shí)現(xiàn)了圖形界面操 作系統(tǒng)，并且第一次讓個(gè)人計(jì)算機(jī)具備了多媒體處理能力，這為網(wǎng)絡(luò)視覺(jué)藝術(shù)設(shè)計(jì)提供了最基礎(chǔ)的平臺(tái)。

圖1.1.1：Apple Macintosh

另一個(gè)具有同樣劃時(shí)代意義的發(fā)明是Internet，這個(gè)萌生于1969年美國(guó)軍方（Arpanet）、90年代初普及到全世界的網(wǎng)絡(luò)，讓我們今天做的一切成為可能。也正是基于圖形界面和Internet，網(wǎng)絡(luò)視覺(jué)藝術(shù)才真正產(chǎn)生。

然而網(wǎng)絡(luò)視覺(jué)藝術(shù)對(duì)于當(dāng)時(shí)的設(shè)計(jì)師來(lái)說(shuō)仍然只是一塊看得見(jiàn)、吃不著的餅，雖然平臺(tái)已經(jīng)成型，但是缺少設(shè)計(jì)的工具和技術(shù)支持，所以很多當(dāng)時(shí)的界面在如 今看來(lái)顯得比較粗糙。1991年8月，Tim Berners-Lee發(fā)布了史上第一個(gè)網(wǎng)站，這個(gè)網(wǎng)站是由純文本構(gòu)成的，目的是試圖告訴人們什么是互聯(lián)網(wǎng)。

圖1.1.2：第一個(gè)網(wǎng)頁(yè)（1992）

1994年，萬(wàn)維網(wǎng)聯(lián)盟形成（W3C），他們將html確立為網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。早期的Html能夠?qū)崿F(xiàn)一些基本的標(biāo)簽，如標(biāo)題 （<h1>，<h2>…）、段落（<p>）以及圖片（<img>）等，這些標(biāo)簽?zāi)軌蜃尵W(wǎng)頁(yè)展示基本的信 息，也能實(shí)現(xiàn)基本的排版布局。值得一提的是，當(dāng)時(shí)的頁(yè)面雖然簡(jiǎn)陋粗糙，但卻總是能清晰地提供給用戶有價(jià)值的信息。盡管如今的設(shè)計(jì)華麗而多變，盡管我們每天 高呼用戶體驗(yàn)，但很多人卻總是連這些最基本的設(shè)計(jì)宗旨都不遵守。

圖1.1.3：Yahoo!（1996）

圖1.1.4：Altavista（1996）

隨后表格（Table）布局的出現(xiàn)讓設(shè)計(jì)有了較大的進(jìn)步，同時(shí)期一些所見(jiàn)即所得的設(shè)計(jì)軟件的出現(xiàn)也讓這項(xiàng)技術(shù)變得相對(duì)容易。

圖1.1.5：Yahoo!（2002）

圖1.1.6：Altavista（2002）

從某種程度上來(lái)說(shuō)，這個(gè)時(shí)期是網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)與功能結(jié)合的較好的一個(gè)時(shí)期，通過(guò)表格布局，設(shè)計(jì)師能夠?qū)崿F(xiàn)比較漂亮和規(guī)整的 布局，同時(shí)限于當(dāng)時(shí)的技術(shù)，不會(huì)有太多的視覺(jué)元素干擾內(nèi)容，信息的可讀性非常強(qiáng)。著名用戶體驗(yàn)書(shū)籍《don’t make me think》就是Steve Krug于2000年編寫(xiě)的，這本書(shū)里講到的設(shè)計(jì)理念直到今天仍然非常適用。

從第一張網(wǎng)頁(yè)的誕生到表格布局的風(fēng)靡，這個(gè)階段我們可以認(rèn)為是網(wǎng)絡(luò)視覺(jué)藝術(shù)的萌芽期或者發(fā)源期，網(wǎng)絡(luò)視覺(jué)的基礎(chǔ)和核心在這個(gè)階段基本成型。接下來(lái)的幾年間，網(wǎng)絡(luò)視覺(jué)藝術(shù)的發(fā)展速度則有些超乎想象，風(fēng)起云涌的江湖時(shí)代正在來(lái)臨。

1.2 網(wǎng)絡(luò)視覺(jué)藝術(shù)的發(fā)展

在這個(gè)群雄爭(zhēng)霸的時(shí)期，首先崛起的當(dāng)是Flash技術(shù)，F(xiàn)lash出生于1996年，最初被稱為 FutureSplash Animator，然后是 Macromedia Flash，后來(lái)被Adobe公司收購(gòu)，改名 Adobe Flash。Flash讓動(dòng)態(tài)交互網(wǎng)頁(yè)成為可能，一時(shí)間各種網(wǎng)頁(yè)動(dòng)畫(huà)效果五花八門(mén)，層出不窮，設(shè)計(jì)師們憋了好久的創(chuàng)意集體爆發(fā)，且這一潮流經(jīng)久不衰。

到21世紀(jì)初，flash的一大競(jìng)爭(zhēng)對(duì)手登上了舞臺(tái)，它就是CSS（Cascading Style Sheet），其實(shí)CSS 1早在1996年就誕生了，只是一直被忽視，直到21世紀(jì)初才真正被人們了解和接受。CSS2.x具備太多flash所不具備的優(yōu)勢(shì)，比如內(nèi)容與表現(xiàn)分 離、網(wǎng)頁(yè)文件體積小等，因此很快被世人青睞。而2004年web2.0的誕生無(wú)疑讓CSS更加炙手可熱，一時(shí)間，以HTML+CSS為核心表現(xiàn)手段的 web2.0風(fēng)格風(fēng)生水起，同時(shí)期Javascript腳本語(yǔ)言等彌補(bǔ)了CSS在動(dòng)態(tài)交互方面的不足，讓這場(chǎng)戰(zhàn)局變得更加有趣。讓我們一起來(lái)欣賞一下以 Flash、Html4.01/XHtml+CSS2、Javascript等技術(shù)為核心的網(wǎng)頁(yè)作品：

Flash篇

圖1.2.1 ?2Advanced

知名交互設(shè)計(jì)公司2Advanced的網(wǎng)站首頁(yè)，相信很多人都知道這個(gè)設(shè)計(jì)團(tuán)隊(duì)，他們每一次首頁(yè)的改版都設(shè)計(jì)的非常炫，而且細(xì)節(jié)十足，絕對(duì)是flash設(shè)計(jì)師參考學(xué)習(xí)的典范。

圖1.2.2 蘋(píng)果樹(shù)下

還記得那些年的蘋(píng)果樹(shù)下嗎？精致的場(chǎng)景，可愛(ài)的畫(huà)風(fēng)也可謂風(fēng)靡一時(shí)。

圖1.2.3

圖1.2.4

使用flash做虛擬現(xiàn)實(shí)場(chǎng)景也是非常流行的表現(xiàn)手法，設(shè)計(jì)師精細(xì)的場(chǎng)景表現(xiàn)，幾乎可以以假亂真。

CSS篇

圖1.2.5?CSS ZEN GARDEN

你可以不記得所有CSS網(wǎng)站，唯獨(dú)不能忘記CSS ZEN GARDEN,這個(gè)網(wǎng)站為用戶架構(gòu)了一個(gè)完美符合W3C標(biāo)準(zhǔn)的html結(jié)構(gòu)，設(shè)計(jì)師可以自己設(shè)計(jì)CSS文件來(lái)修改樣式，100%做到內(nèi)容與表現(xiàn)分離。相信這個(gè)網(wǎng)站一定幫到了不少人，至少在很大程度上幫助到了筆者。

圖1.2.6 博客風(fēng)潮

你是否擁有或者曾經(jīng)擁有一個(gè)屬于自己的blog？作為web2.0的完美詮釋者，博客風(fēng)靡了相當(dāng)長(zhǎng)一段時(shí)間，而強(qiáng)大的博客程序Wordpress也 為廣大blogger提供了一個(gè)非常好的平臺(tái)，可以說(shuō)WP成就了一個(gè)獨(dú)立的CSS風(fēng)格。直到twitter的出現(xiàn)，博客的統(tǒng)治地位才被掀翻。

圖1.2.7 水晶圖標(biāo)

這張圖是否能讓你想起一個(gè)時(shí)代，一個(gè)水晶的時(shí)代？21世紀(jì)初的幾年間，伴隨著flash的日趨強(qiáng)大，水晶風(fēng)格的設(shè)計(jì)相當(dāng)流行，不過(guò)沒(méi)過(guò)多久，人們就膩味了這種過(guò)于華麗的風(fēng)格，隨即將其打入冷宮。

這就是Flash與CSS2.x時(shí)期的主流設(shè)計(jì)，是否有種華麗麗的感覺(jué)？然而人們沒(méi)有注意到的是，在這種繁華的背后，一股暗流正在悄然涌動(dòng)，那就是 移動(dòng)互聯(lián)（Mobile Internet），當(dāng)時(shí)的人們可能做夢(mèng)也沒(méi)想到，移動(dòng)互聯(lián)將在未來(lái)短短的幾年間顛覆互聯(lián)網(wǎng)的格局。這一變化發(fā)生在2007-2008年，當(dāng)時(shí)3G技術(shù)開(kāi) 始流行，各家手機(jī)生廠商陸續(xù)投入3G手機(jī)的研發(fā)。2007年6月29日，第一代iPhone上市，Apple發(fā)布的這款手機(jī)讓手機(jī)行業(yè)發(fā)生了天翻地覆的變 化，甚至讓曾經(jīng)風(fēng)風(fēng)火火的Motorola最后不得不投靠google。

圖1.2.8 iphone 5

伴隨著3G技術(shù)和3G設(shè)備的成熟，一種被稱為UI風(fēng)格的設(shè)計(jì)形式日趨主流，這種風(fēng)格最初是用于移動(dòng)界面或者電腦軟件，后來(lái)被遷移到了Web端。

圖1.2.9 手機(jī)UI界面

圖1.2.10 軟件UI界面

圖1.2.10 UI風(fēng)格Web界面

UI風(fēng)格主要是通過(guò)很強(qiáng)列的質(zhì)感來(lái)表現(xiàn)內(nèi)容，這對(duì)觸摸界面來(lái)說(shuō)非常有優(yōu)勢(shì)，能帶給用戶很好的指尖操作體驗(yàn)。

2001-2010這十年網(wǎng)絡(luò)視覺(jué)的江湖風(fēng)生水起，群雄爭(zhēng)霸，這個(gè)時(shí)期可以歸結(jié)為網(wǎng)絡(luò)視覺(jué)藝術(shù)的發(fā)展期，相信我們多多少少都有親身經(jīng)歷，而我們正在譜寫(xiě)的，則是網(wǎng)絡(luò)視覺(jué)藝術(shù)的第三個(gè)階段。

1.3 網(wǎng)絡(luò)視覺(jué)藝術(shù)的現(xiàn)狀

一段喧囂過(guò)后總是一段平靜，經(jīng)歷了這么長(zhǎng)時(shí)間的浮華，人們漸漸累了，于是簡(jiǎn)約成了大多數(shù)人的追求，人們開(kāi)始思考哪些是必須的，哪些是完全不必要的？有沒(méi)有更簡(jiǎn)單的表達(dá)問(wèn)題的方法？

人們?cè)僖彩懿涣嗽?jīng)UI風(fēng)格、水晶風(fēng)格、寫(xiě)實(shí)風(fēng)格以及酷炫flash的華麗，那種甜到膩的感覺(jué)讓大家開(kāi)始反胃。因此設(shè)計(jì)師們開(kāi)始做減法，首先創(chuàng)造了微質(zhì)感風(fēng)格，微質(zhì)感是對(duì)之前時(shí)期的良好過(guò)渡，讓人們對(duì)即將到來(lái)的其他風(fēng)格有一個(gè)緩沖過(guò)程。

圖1.3.1 微質(zhì)感風(fēng)格web界面

顧名思義，微質(zhì)感是對(duì)質(zhì)感輕微的表現(xiàn)，一方面保留了質(zhì)感紋理，另一方面弱化了視覺(jué)對(duì)內(nèi)容的干擾。很快，微質(zhì)感就取代了之前的設(shè)計(jì)形式，成為主流風(fēng)格。

2008年1月22日，html5草案發(fā)布，配合Css3，讓世人眼前一亮，不少人甚至認(rèn)為html5+css3直接宣判了flash的死刑。事實(shí) 沒(méi)那么嚴(yán)重，最多也是個(gè)死緩，但是其對(duì)flash的沖擊是相當(dāng)巨大的，因?yàn)閔tml5+css3可以實(shí)現(xiàn)很多復(fù)雜的動(dòng)畫(huà)效果，而且符合W3C標(biāo)準(zhǔn)。在眾多 html5動(dòng)畫(huà)效果里面，有一個(gè)表現(xiàn)的特別搶眼，它叫Parallax Scrolling（視覺(jué)滾差），它通過(guò)控制不同內(nèi)容的滾動(dòng)速度，營(yíng)造出假3D的感覺(jué)，剛好趕上當(dāng)年3D電影流行，因此很快被人們奉為神物。

圖1.3.2 Parallax Scrolling頁(yè)面設(shè)計(jì)

讓人意想不到的是，parallax的流行同時(shí)帶動(dòng)了另一個(gè)視覺(jué)風(fēng)格的發(fā)展，那就是全屏背景設(shè)計(jì)。Parallax技術(shù)通常都會(huì)通過(guò)全屏效果來(lái)表 現(xiàn)，以產(chǎn)生更強(qiáng)的沖擊力，久而久之，人們發(fā)現(xiàn)這種風(fēng)格不僅能產(chǎn)生很強(qiáng)的沖擊力，而且能夠用很簡(jiǎn)潔的方式清晰地表達(dá)內(nèi)容，特別是用在對(duì)產(chǎn)品的表現(xiàn)上。因此全 屏背景風(fēng)格成為了近兩年的主流風(fēng)格之一，不論是全屏圖片還是全屏色彩，都相當(dāng)流行。

圖1.3.3 全屏圖片背景

人們繼續(xù)尋找著簡(jiǎn)潔的表達(dá)方式，大膽的Microsoft創(chuàng)造了一種極具風(fēng)險(xiǎn)和創(chuàng)新性的風(fēng)格，叫做Metro，Metro的核心是平面化，將所有頁(yè)面元素都以平面色塊的形式表達(dá)出來(lái)，摒棄除色彩與內(nèi)容之外的一切裝飾。

圖1.3.4 Window Metro界面

Metro的誕生引領(lǐng)了一個(gè)新的設(shè)計(jì)風(fēng)潮叫做扁平化設(shè)計(jì)，在經(jīng)歷了微質(zhì)感的過(guò)渡后，扁平化設(shè)計(jì)很快就被人們接受并成為主流，扁平化設(shè)計(jì)的優(yōu)勢(shì)在于它既能保留較強(qiáng)的表現(xiàn)力，又能有效地降低裝飾元素對(duì)主題內(nèi)容的干擾，讓用戶更好地接收到主體。

圖1.3.5 扁平化的QQ網(wǎng)購(gòu)首頁(yè)

以上介紹的就是從互聯(lián)網(wǎng)誕生到現(xiàn)今的主要視覺(jué)風(fēng)格及發(fā)展過(guò)程，很難想象這么復(fù)雜的變遷過(guò)程居然就發(fā)生在短短的20年時(shí)間里，互聯(lián)網(wǎng)的發(fā)展速度實(shí)在是有些快的驚人。

二、? 網(wǎng)絡(luò)視覺(jué)藝術(shù)發(fā)展規(guī)律

2.1 簡(jiǎn)-繁-簡(jiǎn)的規(guī)律

世間萬(wàn)物的發(fā)展都有其特定的規(guī)律，網(wǎng)絡(luò)視覺(jué)藝術(shù)也不例外，細(xì)細(xì)看來(lái)，我們會(huì)發(fā)現(xiàn)網(wǎng)絡(luò)視覺(jué)藝術(shù)基本上是沿著“簡(jiǎn)-繁-簡(jiǎn)”的路徑在發(fā)展。

在網(wǎng)絡(luò)視覺(jué)藝術(shù)發(fā)展的初期，由于技術(shù)和硬件的局限，網(wǎng)頁(yè)設(shè)計(jì)基本停留于“滿足功能需求”的階段，因此我們看到當(dāng)時(shí)的網(wǎng)頁(yè)都是非常簡(jiǎn)陋和粗糙的。但隨 著人們認(rèn)知的不斷發(fā)展，審美的需求也在不斷提高，人們受夠了這些“簡(jiǎn)單而丑陋”的頁(yè)面，他們開(kāi)始想：如果網(wǎng)頁(yè)能動(dòng)起來(lái)多好？如果我能做一個(gè)虛擬的城市多 好？…商家也在想，如果我能滿足他們這些需求，利潤(rùn)豈可估量？于是乎，開(kāi)發(fā)者們不得不想盡辦法來(lái)滿足人們這些“苛刻”需求。終于有一天，他們做到了，他們 帶來(lái)了flash、css、javascript等先進(jìn)技術(shù)，讓人們的夢(mèng)想成為現(xiàn)實(shí)。那一刻，人們先前所預(yù)謀的各種場(chǎng)景都接二連三地被表現(xiàn)了出來(lái)，設(shè)計(jì)師 們充分發(fā)揮著自己的想象力，把網(wǎng)頁(yè)設(shè)計(jì)的盡可能復(fù)雜，盡可能炫目，盡可能與眾不同。苛刻的人們充分體會(huì)到了設(shè)計(jì)師們的強(qiáng)大表現(xiàn)力，這甚至帶動(dòng)了整個(gè)設(shè)計(jì)師 行業(yè)的飛速發(fā)展，一時(shí)間，各種網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)班、flash培訓(xùn)班等如雨后春筍般發(fā)展起來(lái)，盛況空前。然而漸漸地，就像吃巧克力一樣，人們膩味了，他們開(kāi)始 反思：我一定要用一個(gè)金碧輝煌的3D大廳設(shè)計(jì)來(lái)體現(xiàn)我們酒店的高檔嗎？我一定要用一個(gè)交互復(fù)雜，酷炫奪目的動(dòng)畫(huà)來(lái)體現(xiàn)我的專業(yè)嗎？…是否有更簡(jiǎn)單的辦法？ 設(shè)計(jì)師們開(kāi)始簡(jiǎn)化，開(kāi)始沉淀，那些華而不實(shí)的元素漸漸被拋棄，而那些關(guān)鍵核心的元素則得以保留并強(qiáng)化，有些人強(qiáng)化了質(zhì)感，有些人強(qiáng)化了內(nèi)容，有些人強(qiáng)化了 交互，這些設(shè)計(jì)方法共同筑成了一個(gè)風(fēng)格簡(jiǎn)約、表現(xiàn)力強(qiáng)的時(shí)期，也就是我們現(xiàn)在正在經(jīng)歷的時(shí)期。

到此，網(wǎng)絡(luò)視覺(jué)藝術(shù)“簡(jiǎn)-繁-簡(jiǎn)”的發(fā)展路徑基本形成，有人可能會(huì)問(wèn)，那網(wǎng)絡(luò)視覺(jué)今后會(huì)沿著怎樣一個(gè)路徑發(fā)展呢？我們先來(lái)分析兩個(gè)相似的例子。

2.2 不僅僅是網(wǎng)絡(luò)視覺(jué)藝術(shù)的規(guī)律

“簡(jiǎn)-繁-簡(jiǎn)“的發(fā)展規(guī)律不僅僅適用于網(wǎng)絡(luò)視覺(jué)藝術(shù)，縱觀整個(gè)世界藝術(shù)發(fā)展史，我們會(huì)發(fā)現(xiàn)古今藝術(shù)的發(fā)展同樣符合這一規(guī)律。在藝術(shù)發(fā)展的初期（從人 類(lèi)史前時(shí)期到古埃及時(shí)期），繪畫(huà)或雕塑都非常粗糙簡(jiǎn)陋，因?yàn)楫?dāng)時(shí)人們做這些“藝術(shù)創(chuàng)作”的初衷只是為了實(shí)現(xiàn)某些功能，比如教育、祭祀等，沒(méi)有考慮太多美學(xué) 層面的東西。

圖2.2.1 法國(guó)拉斯科洞窟巖畫(huà)

圖2.2.2 阿門(mén)哈特的石碑

到古典時(shí)期，雕塑和繪畫(huà)開(kāi)始被賦予更多美學(xué)的含義，這一時(shí)期的藝術(shù)品都是精雕細(xì)琢，非常精致。限于當(dāng)時(shí)人們的認(rèn)知，藝術(shù)作品基本上都是以現(xiàn)實(shí)為參考。

圖2.2.3 拉奧孔

這一創(chuàng)作理念在接下來(lái)的文藝復(fù)興時(shí)期得到了進(jìn)一步升華，為了讓作品更加擬真，大師們開(kāi)始研究材質(zhì)、比例、色彩等等，以達(dá)芬奇、米開(kāi)朗琪羅和拉斐爾為代表的文藝復(fù)興藝術(shù)家開(kāi)創(chuàng)了古典藝術(shù)最輝煌的時(shí)期。

圖2.2.4 蒙娜麗莎的微笑

到16世紀(jì)后期，文藝復(fù)興的古典風(fēng)格仍然備受世人尊崇，樣式主義（學(xué)院派、卡拉瓦喬主義、巴洛克）主要也是對(duì)文藝復(fù)興的傳承。

圖2.2.5 宮女

真正將古典風(fēng)格變得“甜到膩”的當(dāng)屬洛可可風(fēng)格，洛可可主要表現(xiàn)當(dāng)時(shí)上流社會(huì)的享樂(lè)、奢華及愛(ài)欲交織，而在表現(xiàn)元素上則過(guò)多使用曲線，因此作品展現(xiàn)出來(lái)的效果是浮華、繁瑣和矯揉造作。

圖2.2.6 洛可可建筑

洛可可的糜爛終究是引起了反感，新古典主義的產(chǎn)生就是對(duì)洛可可的終結(jié)，在表現(xiàn)形式上，新古典主義很接近古典主義，從另一個(gè)角度也可以說(shuō)是對(duì)洛可可的簡(jiǎn)化表現(xiàn)。

圖2.2.7 赫拉斯的宣誓

以洛可可為分界，往下的藝術(shù)流派開(kāi)始變化和沉淀，一方面是古典藝術(shù)已經(jīng)無(wú)法超越，藝術(shù)家必須朝另外的方向發(fā)展，另一方面由于當(dāng)時(shí)工商業(yè)的發(fā)展，社會(huì) 節(jié)奏變快，人們對(duì)復(fù)雜事物的接受度在降低，但最重要的一點(diǎn)原因，是攝影技術(shù)的發(fā)明，這幾乎宣判了古典藝術(shù)的死刑。在這時(shí)期眾多藝術(shù)流派中，以塞尚、梵高、 高更為代表的后印象主義是最具歷史意義的，因?yàn)樗麄儾还馐窃诒憩F(xiàn)手法上創(chuàng)新，更重要的是在創(chuàng)作思想上顛覆了以往所有的流派。他們不再重點(diǎn)表現(xiàn)繪畫(huà)內(nèi)容的思 想，而是表現(xiàn)創(chuàng)作者的思想。

圖2.2.8 星夜

再往后的藝術(shù)流派變得異常繁多，藝術(shù)家們從各個(gè)角度去嘗試變化，如抽象主義、立體主義、極簡(jiǎn)主義和波普藝術(shù)等，藝術(shù)的元素被分離，有的保留色彩，有的保留形體，但藝術(shù)終歸變得純粹而簡(jiǎn)約，經(jīng)過(guò)幾千年的發(fā)展沉淀，最終留下的，是藝術(shù)中最精華的部分。

圖2.2.9 畢加索作品

圖2.2.10 蒙德里安作品

圖2.2.11 極簡(jiǎn)風(fēng)格海報(bào)

縱觀世界藝術(shù)發(fā)展史，簡(jiǎn)-繁-簡(jiǎn)的思路非常明晰，而如果我們放眼世間萬(wàn)物，會(huì)發(fā)現(xiàn)這個(gè)規(guī)律無(wú)處不在，比如說(shuō)人一生的發(fā)展，嬰幼兒時(shí)期對(duì)世界處于未知 狀態(tài)，因此行為思想很簡(jiǎn)單，到童年、青年時(shí)期，我們對(duì)世界的了解程度加深，好奇心變強(qiáng)，因此行為表現(xiàn)會(huì)很豐富，喜歡挑戰(zhàn)，喜歡冒險(xiǎn)、嘗試新事物，等到中年 時(shí)期，我們漸漸厭倦、疲憊和經(jīng)驗(yàn)豐富，不再像年輕時(shí)候那么沖動(dòng)，我們遇事三思而后行，行為冷靜，我們?cè)谶@個(gè)時(shí)期會(huì)漸漸沉淀，一直到老年，看盡世間繁華，內(nèi) 心歸于平淡，回歸簡(jiǎn)單的生活。

但是這個(gè)過(guò)程中有一點(diǎn)要搞清楚，那就是前期的簡(jiǎn)跟后期的簡(jiǎn)雖然很像，但是卻有本質(zhì)的區(qū)別，比如我們嬰兒時(shí)期每天的生活是吃飯睡覺(jué)，老年時(shí)期也是吃飯 睡覺(jué)，但前者是因?yàn)槲覀冎粫?huì)吃飯睡覺(jué)，而后者是因?yàn)槲覀冎幌氤燥埶X(jué)，后者是經(jīng)過(guò)多年的沉淀之后，找到一種最適合自己的生活方式。網(wǎng)頁(yè)視覺(jué)也是如此，早期 的簡(jiǎn)可以說(shuō)是簡(jiǎn)陋，而后期的簡(jiǎn)是簡(jiǎn)約，每個(gè)人都能設(shè)計(jì)出簡(jiǎn)陋的東西，但很少人能真正做出簡(jiǎn)約的東西。只有對(duì)設(shè)計(jì)藝術(shù)很熟悉，嘗試過(guò)很多不同的設(shè)計(jì)方式的大 家，才知道如何從眾多網(wǎng)頁(yè)設(shè)計(jì)元素中提煉出最核心、最本質(zhì)的部分，設(shè)計(jì)出真正簡(jiǎn)約的作品。

三、? 從規(guī)律中得到的啟示

啟示一 簡(jiǎn)約、沉淀—未來(lái)幾年的趨勢(shì)

當(dāng)前的網(wǎng)絡(luò)視覺(jué)藝術(shù)已經(jīng)從簡(jiǎn)陋經(jīng)過(guò)繁華發(fā)展到了沉淀、簡(jiǎn)約的階段，結(jié)合國(guó)內(nèi)用戶的平均認(rèn)知水平，這個(gè)階段應(yīng)該還會(huì)持續(xù)很久，直到某天用戶能夠接受極 簡(jiǎn)風(fēng)格。我理解的極簡(jiǎn)風(fēng)格就是頁(yè)面里除了內(nèi)容本身外沒(méi)有多余的元素，通過(guò)很好的版式布局，達(dá)到內(nèi)容突出、情感豐富、品牌風(fēng)格明顯的效果。因此要實(shí)現(xiàn)極簡(jiǎn)風(fēng) 格，除了用戶認(rèn)知以外，內(nèi)容本身的表現(xiàn)力和感染力也很重要，目前國(guó)內(nèi)網(wǎng)絡(luò)視覺(jué)普遍還達(dá)不到這個(gè)要求，現(xiàn)階段還需借助一些輔助元素，比如色彩、質(zhì)感等來(lái)加強(qiáng) 表現(xiàn)力。

啟示二 簡(jiǎn)約非是一蹴而就

剛剛講到了網(wǎng)絡(luò)視覺(jué)藝術(shù)的發(fā)展規(guī)律，講到簡(jiǎn)陋和簡(jiǎn)約的區(qū)別，那我們?cè)趯W(xué)習(xí)的時(shí)候也需要注意，用岳不群的話說(shuō)，所謂凡事欲速則不達(dá),練武之人講究循序 漸進(jìn)…如果設(shè)計(jì)師不去接觸、學(xué)習(xí)各種表現(xiàn)手法，不去了解歷史，不去經(jīng)歷“繁”的環(huán)節(jié)，是不可能做出簡(jiǎn)約的作品的，往往最終表現(xiàn)出來(lái)的只是簡(jiǎn)陋而已。

啟示三 因地制宜，不要對(duì)流行趨之若鶩

經(jīng)常接觸到一些人，他們只管目前流行什么風(fēng)格，就搬到自己的平臺(tái)上，根本不顧這種風(fēng)格跟自己的產(chǎn)品、用戶是否相符。一方面，流行的東西我們確實(shí)應(yīng)該 敏感，不然我們的作品就容易落伍，變得老土，但另一方面，我們?cè)谑褂昧餍性貢r(shí)一定要分析自己的定位、自己當(dāng)前的發(fā)展階段，綜合考慮，才能做出真正優(yōu)秀的 作品。

簡(jiǎn)簡(jiǎn)單單幾千字，寫(xiě)的不盡周到詳實(shí)，只是希望通過(guò)對(duì)網(wǎng)絡(luò)視覺(jué)藝術(shù)的終結(jié)和簡(jiǎn)單分析，能夠給予大家以啟發(fā)，時(shí)間倉(cāng)促，若有不實(shí)之處，歡迎批評(píng)指正。

本文系作者：tanxdesign辛苦原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處