建站常識(shí)
Web2.0視覺(jué)風(fēng)格進(jìn)化論二
2007-02-05 11:07:00
在我的上篇文章發(fā)出之后,我聽到對(duì)“WEb2.0視覺(jué)風(fēng)格”這個(gè)稱謂的不認(rèn)同聲音。其實(shí)這并不出乎我的意料,因?yàn)?,我在認(rèn)真的開始思考“WEb2.0視覺(jué)風(fēng)格”應(yīng)該何去何從的問(wèn)題之前,也有過(guò)類似的感受,那就是:Web2.0應(yīng)該更注重“內(nèi)在理念”而不是“視覺(jué)外觀”。藍(lán)色理想獨(dú)家首發(fā),作者Quester。相關(guān)鏈接:Web2.0視覺(jué)風(fēng)格進(jìn)化論 一,事實(shí)是這樣嗎?你不妨先回答我下面這兩個(gè)問(wèn)題:
① Web2.0 作為一個(gè)新生的“概念”,是否不需要一個(gè)清晰的“視覺(jué)表現(xiàn)”?
② 你認(rèn)為自己已經(jīng)找到體現(xiàn) Web2.0 概念足夠清晰的“視覺(jué)表現(xiàn)方式”了嗎?
如果你的回答都是“是”,那么我強(qiáng)烈建議你不要再往下看這篇文章,它完全在浪費(fèi)你的時(shí)間。
如果你心存疑慮猶豫不決,而你又想更詳細(xì)的了解關(guān)于“WEb2.0視覺(jué)風(fēng)格”的內(nèi)容,就請(qǐng)抱著一同探究的心態(tài),和我一起來(lái)完成這個(gè)“進(jìn)化過(guò)程”吧。
Web2.0 需要“視覺(jué)識(shí)別”,嗎?
Web2.0 Need "VI", Is it?
如果我們把“Web2.0”看作“形象識(shí)別”的一個(gè)主體(因?yàn)樗兄鴧^(qū)別于以往Web概念的需求),那么我們就很容易看清它應(yīng)該有的體系結(jié)構(gòu):作為“理念識(shí)別 (Mind Identity)”的“Web2.0概念”現(xiàn)在應(yīng)該不會(huì)有人再懷疑,否則你也不會(huì)來(lái)看我這篇文章。因此我們可以說(shuō),作為“理念識(shí)別”的這個(gè)部分,已經(jīng)基本完成。那么在在“理念識(shí)別”指導(dǎo)下的“行為識(shí)別(Behavior Identity)”和“視覺(jué)識(shí)別 (Visual Identity)”就應(yīng)該逐步的完善和清晰起來(lái)。
可喜的是,對(duì)于“Web2.0的行為特征”我們現(xiàn)在也已經(jīng)有了很明確的概念,它的交互性,參與性,資料的產(chǎn)生和分配的動(dòng)作方式,可移動(dòng)性等等都將“Web2.0”的“行為識(shí)別”進(jìn)行得如此生動(dòng)鮮活,你很快就可以判定:“噢,這個(gè)網(wǎng)站是以web2.0的方式在玩!”
可惜的是,對(duì)于“視覺(jué)識(shí)別”的范疇,我們擁有了這樣一套清晰完整的,可以傳達(dá)理念,表現(xiàn)特性的“視覺(jué)組件”了嗎?沒(méi)有!
因此,作為有職業(yè)敏感和操守的設(shè)計(jì)師的你,為什么不和我一起來(lái)共同把我們需要做的工作完成呢?你還在等著一本裝訂成冊(cè),封面用熒光色印著“Web2.0 視覺(jué)手冊(cè)”的書送到你的手里嗎?Come On, You OUT!
圖注:網(wǎng)上的兄弟們自己“頒發(fā)”的“Web2.0設(shè)計(jì)師證”,你也可以給自己來(lái)一個(gè)。
我真的希望看到這里的你覺(jué)得我上面的解釋是一大堆廢話!因?yàn)檫@說(shuō)明你真的知道作為一個(gè)設(shè)計(jì)師自己應(yīng)該去做些什么,想些什么。
視覺(jué)的進(jìn)化與沿革
Evolution of Visual Elements
談到視覺(jué)元素的沿革,很多人興趣就高漲起來(lái)了——你看看論壇上的那些個(gè)帖子,點(diǎn)擊量最高的,回復(fù)最多的不就是“最新XXX效果,附教程”之類的嗎。一些人又說(shuō)了:我們這不是一直追趕潮流嗎?是啊,弄潮和追潮只有一字之差而已。
好吧,就從論壇的熱點(diǎn)帖子說(shuō)起:之前有個(gè)帖子是關(guān)于Web2.0的Logo的,這個(gè)話題真是熱得燙手。可惜的是,我在查找證據(jù)之后發(fā)現(xiàn),許多所謂的“大公司的新Web2.0風(fēng)格Logo”其實(shí)是某些“好事者”所為。呵呵,不必失望,這些行為頗有點(diǎn)Web2.0的風(fēng)格,況且,其中的有據(jù)可查的確實(shí)被采用的Logo,有一小部分,也可以從這些版本中找到——你現(xiàn)在可以把你喜歡的樣式直接推薦給產(chǎn)品影響全球數(shù)以萬(wàn)億計(jì)客戶量的大公司,影響它們,改變它們!你不覺(jué)得Web2.0的可愛(ài)嗎?
換個(gè)角度來(lái)講,很多公司在“Web1.0時(shí)代”沒(méi)有改變它們的Logo,現(xiàn)在到了“Web2.0時(shí)代”為什么就都迫不及待的要改變Logo的設(shè)計(jì)呢?這除了說(shuō)明Web2.0是“真正意義上的網(wǎng)絡(luò)”以外,難道你還覺(jué)察不出“Web2.0的視覺(jué)設(shè)計(jì)”的重要嗎?
圖注:上面這些Logo,下排都是未被證實(shí)的“自作多情”作品。和“現(xiàn)任”Logo的比對(duì)。
圖注:還是來(lái)看看真正的Web2.0的色彩和符號(hào)在怎么玩吧!大公司老是跑在前面,一點(diǎn)不錯(cuò),后續(xù)的文章還會(huì)詳細(xì)介紹關(guān)于“可口可樂(lè)”的進(jìn)化例子。
我想說(shuō)的是,你應(yīng)該從這些真真假假的Logo中看出來(lái),哪些才是真的符合Web2.0的標(biāo)準(zhǔn)而不被表象的那些所謂的漸變應(yīng)該怎么拉,高光應(yīng)該怎么做,影子的參數(shù)是多少所迷惑。覺(jué)得有些難度是吧?我們的這幾篇文章不是為了Web2.0而說(shuō)Web2.0,只是想從“視覺(jué)進(jìn)化”的規(guī)則中告訴你怎么來(lái)鑒別和找出“真正的Web2.0風(fēng)格”!
#p#
進(jìn)化的概念
What's the meaning of "Evolution"?
很清楚,所謂“進(jìn)化”,就是在原有“物種”的基礎(chǔ)上向前進(jìn)步。在英語(yǔ)中的“Evolution”也可以翻譯成“演變”,但是我寧可用“進(jìn)化”這個(gè)比較積極的詞匯。
對(duì)于視覺(jué)元素的進(jìn)化,由來(lái)久矣。談到這里,我不得不提到一個(gè)人,因?yàn)槲以诜治鲂耊eb2.0的Logo走向(趨勢(shì))時(shí),好多的Logo源頭都指向了他,上面那個(gè)圖里面4個(gè)原有的logo,3個(gè)都是他設(shè)計(jì)的。他的名字是:保羅·蘭德(Paul Rand 1914-1996)
圖注:蘭德為IBM做的海報(bào),視覺(jué)音譯了I.B.M (Eye, Bee, M)
你可能會(huì)奇怪,他怎么會(huì)出現(xiàn)在蘋果的“想法與眾不同”(Think Different)海報(bào)里,這里我引用一段介紹,詳細(xì)的,你可以區(qū)下面的鏈接找尋。
保羅.蘭德(Paul Rand,1914-1996)蘭德作為當(dāng)今美國(guó)乃至世界上最杰出的圖形設(shè)計(jì)師、思想家及設(shè)計(jì)教育家之一,其先導(dǎo)地位和作用是勿庸?fàn)庌q的。
蘭德1929-1932年就學(xué)于紐約Parsons設(shè)計(jì)學(xué)院。年僅23歲便成為Esquire Coronet廣告公司的藝術(shù)指導(dǎo),在隨后的三十多年里他一直擔(dān)任紐約廣告代理公司的創(chuàng)意指導(dǎo),也曾受聘為許多美國(guó)著名大公司的設(shè)計(jì)師或設(shè)計(jì)顧問(wèn),其中包括美國(guó)廣播公司(ABC)、IBM公司、西屋電器公司、NEXT電腦公司、UPS快遞公司、耶魯大學(xué)等藝術(shù)顧問(wèn)。他為這些公司和機(jī)構(gòu)所設(shè)計(jì)的企業(yè)標(biāo)志 ,已成了家喻戶曉的經(jīng)典之作。
半個(gè)多世紀(jì)以來(lái),他在視覺(jué)設(shè)計(jì)方面的建樹和前衛(wèi)精神對(duì)整個(gè)圖形設(shè)計(jì)領(lǐng)域而言,影響巨大而深遠(yuǎn)。
我們向蘭德致敬,感謝他為我們留下了這么多可以追尋的脈絡(luò),可以讓我們踏著他的腳印向正確的方向行進(jìn)。從某種意義上講,我們現(xiàn)在面臨的課題,也是當(dāng)年蘭德遇到的問(wèn)題。但是慶幸的是,我們現(xiàn)在有了更多更便捷的方式來(lái)獲取資訊,完成新一輪的“視覺(jué)元素的進(jìn)化”過(guò)程。
蘋果風(fēng)格是否就是web2.0風(fēng)格?
為了不使有些人覺(jué)得枯燥,我決定把這個(gè)小節(jié)提到前面來(lái)講。同時(shí),我也正在改善我的“筆調(diào)”更Web2.0一些,希望大家不是正襟危坐的凝視這幾行字,而是陷在沙發(fā)的一角用手機(jī)看小說(shuō)的感覺(jué)。
蘋果風(fēng)格是否就是web2.0風(fēng)格?這個(gè)話題好像會(huì)使人感到困惑:的確,那些該死的蘋果設(shè)計(jì)師團(tuán)隊(duì)每天都在“Think Different”,難怪它們會(huì)跑在前面,因?yàn)樗鼈儠?huì)最快的找到“Good of Different”。不可否認(rèn),蘋果確實(shí)創(chuàng)造并引領(lǐng)了好長(zhǎng)一段時(shí)間的潮流。但是給我的感覺(jué),自從1997年微軟的“毒血”注入蘋果之后,蘋果的創(chuàng)造力就大不如前。(注:1997年8月6日,微軟首次動(dòng)用1.5億美元購(gòu)買蘋果公司非投票股份)
撇開這些“政治經(jīng)濟(jì)學(xué)”不談,我們還是從理念上分析一下蘋果的行為:
①提高產(chǎn)品使用的愉悅感(不僅是舒適感),超越僅限于功能的滿足。
②為了愉悅視覺(jué)觸覺(jué)感官而不惜代價(jià)(嚴(yán)格規(guī)定所有產(chǎn)品表面不能有可見的螺絲釘,iMac的外殼鑄模造價(jià)高出同類型產(chǎn)品30%,為研究透明塑料如何看起來(lái)不“低檔”,顯得“舒適,科技感”而將工業(yè)造型設(shè)計(jì)師蹲點(diǎn)到糖果廠看軟糖生產(chǎn)過(guò)程。等等)
③追求自我“i”為中心,個(gè)性獨(dú)特,嘗試不同。
你可能讀到這里會(huì)想起一個(gè)人:斯皮爾伯格。對(duì),沒(méi)錯(cuò),就是他。1億2千萬(wàn)美元拍《兄弟連》,沒(méi)想過(guò)賣不賣得出去,但是他成功了。他持股的公司“夢(mèng)工廠”,其中一個(gè)股東就是原蘋果公司的創(chuàng)始人之一。不過(guò)他們這種不計(jì)成本的玩法,不太符合市場(chǎng)經(jīng)濟(jì),所以不幸的,“夢(mèng)工廠”在2005年圣誕節(jié)前被派拉蒙公司以16億美元收購(gòu),不玩了。
那么,說(shuō)到這里,一些對(duì)于“Web2.0精神”比較熟悉的人就會(huì)發(fā)現(xiàn)差異。
① 人群不同:蘋果的理念是創(chuàng)造獨(dú)特,原本不是為了愉悅“大眾”而是滿足少數(shù)能欣賞之“小眾”,若不是自iBook之后采取擴(kuò)展低端市場(chǎng)的做法,估計(jì)現(xiàn)在iPod,iPhone是不可能輕易流于“民間”。然而,“Web2.0”是“大熔爐”,體現(xiàn)參與性,互動(dòng)性。幾乎所有上網(wǎng)的人都是“受眾”,是自?shī)首詷?lè)自作自受的“眾樂(lè)樂(lè)”。從年齡跨度上講“Web2.0”也要寬泛許多。
② 氛圍不同:因?yàn)槿巳旱年P(guān)系,兩者的感情色彩和氛圍就大相徑庭了。蘋果有一點(diǎn)“后雅皮”的影子,感覺(jué)象一個(gè)受過(guò)優(yōu)良教育,會(huì)用科技來(lái)改善生活卻有著頑皮不羈性格,享樂(lè)人生態(tài)度的大男孩。Web2.0就有點(diǎn)紐約皇后區(qū)的喧囂或者說(shuō)北京春節(jié)白云觀逛廟會(huì)的感覺(jué)。人們?yōu)樽约焊信d趣的事情蜂擁而至,乘興而來(lái)興盡而歸,嬉笑怒罵無(wú)拘無(wú)束。
③ 表現(xiàn)不同:因?yàn)樯鲜龅囊恍╆P(guān)系,導(dǎo)致視覺(jué)表現(xiàn)上,蘋果的東東對(duì)于Web2.0就有些消化不良。最明顯的例子就是所謂的“水晶按鈕”,其為表現(xiàn)完美所花費(fèi)的步驟,對(duì)于蕓蕓眾生的Web2.0網(wǎng)站來(lái)講,一是制作過(guò)于復(fù)雜,二是視覺(jué)表現(xiàn)浪費(fèi)。一件裘皮大衣,配上骨質(zhì)的扣會(huì)給人感覺(jué)很純樸,配上銀質(zhì)的鈕會(huì)給人感覺(jué)很高貴。但是問(wèn)題不在于鈕扣,而是在于你的網(wǎng)站是不是要弄成那件裘皮大衣。
好了,既然結(jié)論是:蘋果風(fēng)格 ≠ web2.0風(fēng)格,那么關(guān)于為什么說(shuō)“過(guò)于復(fù)雜,視覺(jué)表現(xiàn)浪費(fèi)”的問(wèn)題就留在以后的文章里面詳細(xì)講吧。
特別注意,文章中不少鏈接是去往維基百科,如果不能訪問(wèn),請(qǐng)使用代理設(shè)置
還是和以往一樣,歡迎各位兄弟姐妹的發(fā)言,Web2.0!不要吝嗇你們的聲音!
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2006-10-25 11:16:00] web2.0網(wǎng)站的四大特性簡(jiǎn)述
- [2006-10-26 16:54:00] web2.0印象 談?wù)刉eb2.0網(wǎng)站的設(shè)計(jì)特征
- [2007-01-22 12:06:00] Web2.0視覺(jué)風(fēng)格進(jìn)化論一
- [2006-10-25 16:21:00] web2.0網(wǎng)站常用功能塊可用性分析
- [2009-12-14 21:48:00] WEB2.0時(shí)代活動(dòng)類網(wǎng)頁(yè)我們?cè)撊绾卧O(shè)計(jì)?
- [2006-12-14 22:22:00] Web2.0的視覺(jué)設(shè)計(jì)
- [2006-10-25 11:16:00] 談?wù)剋eb2.0的功能體驗(yàn)
- [2006-10-31 22:07:00] Web2.0新理念和技術(shù)下的SEO
- [2006-11-18 09:24:00] Web2.0與Web1.0的頁(yè)面區(qū)別
- [2007-06-19 15:19:00] 主流web2.0網(wǎng)站的配色參考方案
- [2006-10-16 09:27:00] 如何做好一個(gè)WEB2.0站點(diǎn)
- [2006-08-14 08:44:00] web2.0 的色系 你關(guān)注了嗎?
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
手機(jī)端的網(wǎng)站 青島網(wǎng)站SEO 力圖數(shù)字科技 如何做網(wǎng)站優(yōu)化 程序開發(fā) 微信開發(fā) 網(wǎng)站品牌 英文網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 審美 青島網(wǎng)絡(luò)公司 網(wǎng)站優(yōu)化 H5 css 網(wǎng)站交互設(shè)計(jì) 網(wǎng)站的速度 SEO優(yōu)化 膠南網(wǎng)站建設(shè)公司 舒適的界面 集團(tuán)性網(wǎng)站 青島flash網(wǎng)站 青島網(wǎng)頁(yè)制作 網(wǎng)站視覺(jué) 用戶界面 手機(jī)網(wǎng)站建設(shè) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 良好的導(dǎo)航 青島網(wǎng)站案例 外貿(mào)網(wǎng)站建設(shè) 頁(yè)面設(shè)計(jì)