翻天覆地!帶你總結(jié)互聯(lián)網(wǎng)設(shè)計(jì)圈這十年的巨大變遷

2016-8-31    周周

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

編者按:互聯(lián)網(wǎng)帶來(lái)的變化是翻天覆地的,這種變化不僅僅表現(xiàn)在它對(duì)于外部世界、對(duì)于我們生活的影響,它本身的轉(zhuǎn)變則顯得更加巨大。而設(shè)計(jì)領(lǐng)域在互聯(lián)網(wǎng)的影響之下,變化也非常的明顯,也許看了今天的總結(jié),你也會(huì)為這種改變而驚嘆。

十年前的互聯(lián)網(wǎng),和現(xiàn)在非常的不一樣。就在10年以前,Envato 誕生了。在過(guò)去的10年間,Envato 見(jiàn)證了整個(gè)互聯(lián)網(wǎng)領(lǐng)域在設(shè)計(jì)上的變遷,今天的文章,我們就總結(jié)一下這10年來(lái)的變化,以為紀(jì)念。這10年來(lái)的互聯(lián)網(wǎng)領(lǐng)域在設(shè)計(jì)上的變化,確實(shí)不是一篇文章足以完全承載的。從MySpace的崛起到iPhone的興盛,擬物化設(shè)計(jì)走到了巔峰再到極簡(jiǎn)和扁平化的興起,能說(shuō)的事情太多,如果真的是聊設(shè)計(jì)趨勢(shì)和技術(shù)沿革,一本書(shū)都不夠講述其中的梗概。那么,不如讓我們通過(guò)這十年間設(shè)計(jì)領(lǐng)域的“關(guān)鍵時(shí)刻”,來(lái)一窺這巨大的改變吧。

2006:在線交友之年

2006年,F(xiàn)acebook和Youtube 才剛剛興起,而MySpace也日益普及,這個(gè)時(shí)候大家使用的電腦操作系統(tǒng)還是以Windows XP為主,慣于使用貓科動(dòng)物作為代號(hào)的Mac OS X,此時(shí)的系統(tǒng)代號(hào)是老虎(Tiger)。從千禧年到2006年,當(dāng)我們回憶這一階段的時(shí)候,大家喜歡用Web 2.0 來(lái)界定這個(gè)時(shí)期:從單向的內(nèi)容發(fā)布逐步變?yōu)殡p向參與,靜態(tài)式的網(wǎng)頁(yè)中,開(kāi)始出現(xiàn)多人協(xié)同的維基百科式的協(xié)同。

十年之前,MySpace 是美國(guó)訪問(wèn)量最大的網(wǎng)站,而Facebook 和 Youtube 開(kāi)始逐步普及并取代它的位置。此時(shí) AOL 旗下的即時(shí)通訊軟件 AIM 已經(jīng)10歲了,騰訊QQ 也早已占據(jù)了中國(guó)即時(shí)通訊軟件的頭把交椅。

2006_Aim-_Myspace

如果要用一句話來(lái)總結(jié)2006年,MySpace 的口號(hào)應(yīng)該是一個(gè)不錯(cuò)的選擇:“A place for frends.”溝通與交流,是2006年的主旨。

2007:iPhone 之年

2007_iPhone

2007年一月,重歸蘋(píng)果10年的喬布斯發(fā)布了第一代iPhone,而這款手機(jī)被稱為“改變一切的產(chǎn)品”一點(diǎn)都不為過(guò)。在發(fā)布會(huì)上,喬幫主開(kāi)玩笑說(shuō)發(fā)布會(huì)將會(huì)發(fā)布三款產(chǎn)品,屏幕更寬的iPod,革命性的手機(jī),以及極具突破性的互聯(lián)網(wǎng)通訊設(shè)備,而iPhone 一點(diǎn)不含糊地囊括了這三者的屬性。隨著iPhone的發(fā)布,移動(dòng)互聯(lián)網(wǎng)和移動(dòng)端設(shè)計(jì)開(kāi)始進(jìn)入一個(gè)全新的紀(jì)元。

2008:擬物化設(shè)計(jì)之年

擬物化設(shè)計(jì)的設(shè)計(jì)理念早已有之,它強(qiáng)調(diào)數(shù)字化設(shè)計(jì)要反映物理世界的真實(shí)細(xì)節(jié)與質(zhì)感。MacOSX 操作系統(tǒng)的UI設(shè)計(jì)從一開(kāi)始就貫徹了這樣的設(shè)計(jì)理念,寫(xiě)有文字的便簽紙,堆滿舊文檔的垃圾桶——這些細(xì)節(jié)滿滿的圖標(biāo)和UI元素,以設(shè)計(jì)感十足的方式呈現(xiàn)給你一個(gè)“真實(shí)”的世界和熟悉的生活氣息,看到它們的那一刻,你就知道了它們都是什么!雖然有人詬病擬物化,但是它并不會(huì)就那么簡(jiǎn)簡(jiǎn)單單的消失,它現(xiàn)在依然是Apple Watch 的至關(guān)重要的組成部分。

2008

2008年發(fā)生的另外一件大事,是Android 的發(fā)布,同樣的,這和iPhone 也息息相關(guān)。同年,谷歌瀏覽器也正是開(kāi)放下載。

2009:柵格之年

基于柵格的網(wǎng)頁(yè)布局能夠追溯到2007年,而大熱的 960 Grid 則是到了2009年才正式面向世人,并且隨后快速成為了主導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)的重要技術(shù)。柵格系統(tǒng)的設(shè)計(jì)靈感最初是來(lái)源于數(shù)學(xué)中的對(duì)稱性概念和排版設(shè)計(jì)中的三分法,而真正將柵格系統(tǒng)發(fā)揚(yáng)光大的確實(shí)是網(wǎng)頁(yè)設(shè)計(jì)。

6-columns-nty-768x541

2010:博客之年(某種意義上)

博客(Blog)這一詞其實(shí)源自90年代的Web logs一詞,在2004年的時(shí)候,blog一詞被韋氏詞典定為當(dāng)年的年度詞匯。而之后,博客開(kāi)始以更加獨(dú)特、新穎的方式呈現(xiàn)出來(lái),Twitter 被視作為“微博客”,而 Tumblr 干脆被稱為ieTumblog,所以企業(yè)開(kāi)始思考博客在網(wǎng)絡(luò)日志之外的更多可能性。

隨著 WordPress 3.0 在2010年發(fā)布,媒體行業(yè)的變革也催生出更多基于博客的延伸。今天我依然在使用博客,但是 它的用途比起多年以前要更加豐富,更加多樣。我們今天依然在使用博客這一詞,很大程度是因?yàn)槲覀儫o(wú)法找到更準(zhǔn)確合理的詞來(lái)描述在網(wǎng)絡(luò)上發(fā)布內(nèi)容這一行為。

2011:視差設(shè)計(jì)之年

視差滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該是2011年網(wǎng)頁(yè)設(shè)計(jì)圈最耀眼的新星。它時(shí)尚而搶眼,在視覺(jué)上賞心悅目,是鋒最潮流的設(shè)計(jì)趨勢(shì),從企業(yè)網(wǎng)站到個(gè)人作品集都不約而同地瘋狂追隨這一設(shè)計(jì)手法。你認(rèn)為它繁復(fù)而惱人也好,覺(jué)得它微妙而漂亮也好,視差滾動(dòng)的設(shè)計(jì)直到今天依然是最熱門的設(shè)計(jì)趨勢(shì)之一。

Screen-Shot-2016-08-22-at-8.56.21-AM-768x378

2012:響應(yīng)式設(shè)計(jì)之年

響應(yīng)式設(shè)計(jì)最早出現(xiàn)在2010年。相比于當(dāng)時(shí)所流行的做法(比如給網(wǎng)站單獨(dú)制作一個(gè)iPhone版頁(yè)面),響應(yīng)式設(shè)計(jì)更傾向于讓網(wǎng)頁(yè)自動(dòng)適配給不同的平臺(tái)不同屏幕的設(shè)備。

2012_responsive

同時(shí),2012年也是扁平化設(shè)計(jì)開(kāi)始發(fā)力的一年,來(lái)自Windows 的Metro 設(shè)計(jì)帶來(lái)了一種徹底的抽象而扁平的設(shè)計(jì),最終催生出影響整個(gè)互聯(lián)網(wǎng)設(shè)計(jì)圈開(kāi)始走向扁平化設(shè)計(jì)的“不歸路”。

2013:自由職業(yè)者之年

instagram2

研究數(shù)據(jù)表明,有超過(guò)5300美國(guó)人(超過(guò)1/3 的勞動(dòng)力!)都在通過(guò)類似UpWork網(wǎng)站參從事一些自由職業(yè)相關(guān)的工作,而Envato 更是在2013年的時(shí)候?qū)?Microlancer 這個(gè)自由職業(yè)平臺(tái)納入體系內(nèi),讓更多的設(shè)計(jì)師和自由職業(yè)者可以更加靈活的安排自己的時(shí)間和工作。

2014:Material Design 之年

animated-material-design-alarm

Material Design 是谷歌式美學(xué)最集中、最系統(tǒng)的體現(xiàn),也是在界面一致性設(shè)計(jì)上的一次成功的嘗試。這個(gè)近乎扁平的設(shè)計(jì)風(fēng)格通過(guò)微妙的光線、陰影和漸變重新定義出了扁平化 2.0 的概念,將現(xiàn)實(shí)世界的物理規(guī)則和簡(jiǎn)約扁平的設(shè)計(jì)風(fēng)尚有機(jī)的結(jié)合到了一起,其中還包含了極具標(biāo)志性的導(dǎo)航設(shè)計(jì)和微妙的動(dòng)畫(huà)效果。

2015:極簡(jiǎn)風(fēng)之年

instagram1

雖然我們都知道極簡(jiǎn)風(fēng)存在的年頭已經(jīng)長(zhǎng)到難以考證,從設(shè)計(jì)潮流上來(lái)說(shuō),它也算不得一個(gè)很新的趨勢(shì)。但是,我始終還是認(rèn)為 2015年,極簡(jiǎn)設(shè)計(jì)風(fēng)開(kāi)始以一種系統(tǒng)的方式重新回歸,不僅僅出現(xiàn)在網(wǎng)頁(yè)和UI設(shè)計(jì)上,同時(shí)還出現(xiàn)在我們生活中。如果你仔細(xì)觀察的網(wǎng)頁(yè)、APP甚至最時(shí)尚的室內(nèi)設(shè)計(jì),他們都在以一種體驗(yàn)非常相似的極簡(jiǎn)風(fēng)呈現(xiàn)出來(lái)。

2016:重新定義設(shè)計(jì)

Design736w

行業(yè)的細(xì)分讓設(shè)計(jì)的外延變得極大豐富,現(xiàn)在設(shè)計(jì)擁有了網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)、組織結(jié)構(gòu)設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、設(shè)計(jì)思考等等等等多種多樣的細(xì)小分支。

當(dāng)我們談到設(shè)計(jì)師一詞的時(shí)候,這三個(gè)字已經(jīng)無(wú)法傳達(dá)這一角色的準(zhǔn)確內(nèi)容了?,F(xiàn)在的設(shè)計(jì)師,已經(jīng)同編輯、開(kāi)發(fā)、建筑師一樣,成為了一個(gè)職業(yè)類別。從某種意義上來(lái)說(shuō),設(shè)計(jì)這一詞,已經(jīng)擁有了全新的內(nèi)涵和外延。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔