|
Evolution of Web2.0 Visual Styles
Web2.0視覺風(fēng)格進化論
導(dǎo)語
在設(shè)計論壇之前的討論中曾經(jīng)談到過“設(shè)計師應(yīng)該抓住這個時代的情感”，這是設(shè)計師的設(shè)計嗅覺和職業(yè)特性的體現(xiàn)，那么在紛紛擾擾中“裂變”的Web2.0向我們襲來之時，作為設(shè)計師的你，抓住了Web2.0的趨勢與風(fēng)格了嗎？現(xiàn)在我們從設(shè)計演變的角度，通過分析和鑒別，來讓我們的設(shè)計師們快速的進行“向 Web2.0風(fēng)格的進化”過程！
引論
在設(shè)計論壇之前的討論中曾經(jīng)談到過“設(shè)計師應(yīng)該抓住這個時代的情感”，這是設(shè)計師的設(shè)計嗅覺和職業(yè)特性的體現(xiàn)，那么在紛紛擾擾中“裂變”的Web2.0向我們襲來之時，作為設(shè)計師的你，抓住了Web2.0的趨勢與風(fēng)格了嗎？現(xiàn)在我們從設(shè)計演變的角度，通過分析和鑒別，來讓我們的設(shè)計師們快速的進行“向 Web2.0風(fēng)格的進化”過程！
什么是“風(fēng)格”
What is the "Style"?
什么是“風(fēng)格”? 漢語詞典中說它是：一個時代、一個民族、一個流派或一個人的文藝作品所表現(xiàn)的主要的思想特點和藝術(shù)特點。
簡而言之，它應(yīng)該包含 ①時代特色 ②思想特色 ③表現(xiàn)特色。在英文中，“風(fēng)格”的對應(yīng)詞是“Style”(發(fā)音：時'代要)，然而，“In Style”的意思譯成中文是“有品味”。那么我們是不是把上面那句話也可以理解成為“一個有品味的設(shè)計師應(yīng)該抓住今天的風(fēng)格”呢？是了，如果作為一個設(shè)計師，連當(dāng)下的風(fēng)格都把握不住，又如何去創(chuàng)造或者引領(lǐng)未來的風(fēng)格？
風(fēng)格的視覺組成元素
既然我們是討論 視覺風(fēng)格，就應(yīng)當(dāng)了解一種特別的視覺風(fēng)格到底是由哪些部分構(gòu)成——我努力的想去找到一些前輩大師的言論來當(dāng)外套，讓我的論點顯得更“優(yōu)雅華麗”一些，但是很可惜的沒有如愿。我只好把我的見解就這樣“赤裸裸”的展現(xiàn)出來。
我仔細的回味了傳統(tǒng)美術(shù)和設(shè)計史中對各階段風(fēng)格的描述，認(rèn)為能反映一個“成熟的風(fēng)格”的特征元素應(yīng)該是以下四個方面： 
① 色彩傾向：如同我在之前的一篇文章《關(guān)于時間和色彩的游戲》里面談到的那樣，色彩的規(guī)劃在現(xiàn)代設(shè)計中的地位已經(jīng)躍升到最高的地位。這一點我想各位都不會懷疑，即便是時隔久遠，你也不會將“印象派風(fēng)格”的色彩和“巴洛克風(fēng)格”的色彩相混淆；或者說得簡單點，你絕不會聽到“可樂”想到綠色，而聽到“雪碧”想到紅色，這就是因為它們有不同的“色彩風(fēng)格”。
圖注：印象派的色彩追求感性，筆調(diào)歡快。巴洛克屬華麗的古典風(fēng)格，色彩理性，忠實而嚴(yán)謹(jǐn)。其實你也可以把印象派理解成為大光圈高快門速度的高飽和度照片，而巴洛克是追求精致的小光圈慢快門寫實照片。
在后續(xù)的文章里，我們會一起來看看這些關(guān)于Web2.0視覺風(fēng)格的特征元素，因為色彩一節(jié)比較特殊而重要，我決定將它放在最后來講，因為我怕可能會越講越長，讓整個文章的結(jié)構(gòu)打亂掉。（其實我準(zhǔn)備給藍色的說辭是：希望先發(fā)些相關(guān)的內(nèi)容，看看點擊量和關(guān)注程度來決定后續(xù)的內(nèi)容。唉，藍色是我遇到的最沒有機心的人，是機心不是心機，沒錯。）
寫到這里我覺得我似乎在血液里也開始涌動著Web2.0的泡泡，它影響我的行文風(fēng)格發(fā)生了些許小小的變化，不是嗎？這就是潛移默化的進化過程。
② 結(jié)構(gòu)布局：這個在傳統(tǒng)美術(shù)中叫做構(gòu)圖，書法叫章法，國畫叫布局，現(xiàn)代設(shè)計中叫構(gòu)成，排版上稱版式設(shè)定……說這么多，無非是想告訴你：你了解其中的任何一個詞匯，你就明白我想表達什么了。舉例來講，即便你沒練過書法，你也不會把顏體和歐體相混淆，因為顏體的豐腴寬厚的結(jié)構(gòu)特征和歐體的險峻嚴(yán)整會讓你過目不忘，這是結(jié)構(gòu)上的風(fēng)格區(qū)分。
書法太難理解？OK，想一下中世紀(jì)歐洲宮廷的梳妝臺和你在“宜家”(IKEA)買回來的電腦桌有什么不同就好了。
圖注：我老是在懷疑用書法作比喻會不會產(chǎn)生岐義，因為書法的結(jié)構(gòu)和用筆（也就是表現(xiàn)方法）是捆綁在一起的，你不可能用左邊顏體的筆畫去寫右邊歐體的間架。但是設(shè)計中卻是可以用不同的表現(xiàn)方法套用在同一個結(jié)構(gòu)上的，希望沒有給大家?guī)砝Щ蟆?/font>
喬納山(Jonathan)的“Web2.0的視覺設(shè)計”(The visual design of Web 2.0)中認(rèn)為Web2.0的布局排版部分占的比重不是太大，但是我覺得他指的是布局的難度系數(shù)而不是布局的展現(xiàn)方式。就像下圍棋，Web2.0可能就是一盤布局簡單的棋，但是你不能說布局簡單廝殺就不精彩，就沒有勝負可言，那就錯了。
③ 造型方法：作為一個藝術(shù)家，掌握多種藝術(shù)方法和找到合適的造型方法來完成自己的作品，恐怕是一生的追求。就像 畢加索(Pablo Picasso) 對著一頭公牛 (Le Taureau)畫七八遍一樣，很多勤奮的人都在這么干。設(shè)計師也面對同樣的問題，同樣的題材可以有好多種表現(xiàn)的方法，你能想到有多少種，在于你的創(chuàng)造力；你能否找到合適表現(xiàn)你的題材的那種，在于你的判斷和鑒賞力。想要成為一個優(yōu)秀的設(shè)計師，就必須鍛煉這兩種力�，F(xiàn)在你應(yīng)該了解什么是一個“Powerful Design”了。
圖注：公牛，我只采用了首尾和中間的4個，其實畢加索畫了11個同樣的這個牛，目的是探索抽象的方法，擺在一起就顯示出從寫實到抽象的進化過程。右邊的蘋果Logo，也是顯示出不同時期的進化過程，最右下角那個你也許覺得陌生，那就是傳說中的Web2.0的蘋果Logo。
Web2.0應(yīng)該從現(xiàn)有的造型方法中選擇一個什么樣的方式，或者派生，或者改良出一個怎樣的造型方式來與眾不同呢？我們的后續(xù)文章會慢慢告訴你。
④ 筆調(diào)特色：筆調(diào)這個詞很好，很傳神，它既可以用來對比不同的藝術(shù)家的作品，也可以用來對比某個藝術(shù)家自己的不同作品。
比如，我們可以說 梵高(Vincent van Gogh) 的“ 星夜(Starry Night) ”和“ 向日葵(Sunflowers) ”筆調(diào)完全不同，這里的“筆調(diào)”，不光是指“筆觸”，還指畫面所帶給我們的可以感知的畫作者創(chuàng)作時的一種心態(tài)。同樣的內(nèi)容，筆調(diào)不同就產(chǎn)生不同的情態(tài)。
圖注：左邊梵高的畫作對比很好的表達了“筆調(diào)”的解釋。右邊的圖是想告訴你不同時代的同一題材的表現(xiàn)差異，同樣是蓮花圖案，傳統(tǒng)的古典手法和現(xiàn)代數(shù)碼的風(fēng)格是如此迥異。
Web2.0帶給我們一種新的態(tài)度，開放的，交互的，松散的，閑適的，不斷進步的……那么在這種情緒和氛圍的影響下我們應(yīng)該表現(xiàn)出什么樣的東西呢？或者反過來講，用什么樣的筆調(diào)來表現(xiàn)才能體現(xiàn)這種態(tài)度來告訴大家：我已經(jīng)是Web2.0了！呢？
請關(guān)注我們這個話題，也請積極發(fā)表你的觀點和看法！
我們會在后續(xù)的內(nèi)容中和你一起展開Web2.0的全面進化活動！
論壇帖地址：http://bbs.blueidea.com/thread-2714441-1-1.html
本文鏈接：http://www.95time.cn/design/doc/2007/4442.asp 
出處：藍色理想
責(zé)任編輯：藍色
|
