翻天覆地!帶你總結網際網路設計圈這十年的巨大變遷

發表於2016-09-05

十年前的網際網路,和現在非常的不一樣。就在10年以前,Envato 誕生了。在過去的10年間,Envato 見證了整個網際網路領域在設計上的變遷,今天的文章,我們就總結一下這10年來的變化,以為紀念。這10年來的網際網路領域在設計上的變化,確實不是一篇文章足以完全承載的。從MySpace的崛起到iPhone的興盛,擬物化設計走到了巔峰再到極簡和扁平化的興起,能說的事情太多,如果真的是聊設計趨勢和技術沿革,一本書都不夠講述其中的梗概。那麼,不如讓我們通過這十年間設計領域的“關鍵時刻”,來一窺這巨大的改變吧。

2006:線上交友之年

2006年,Facebook和Youtube 才剛剛興起,而MySpace也日益普及,這個時候大家使用的電腦作業系統還是以Windows XP為主,慣於使用貓科動物作為代號的Mac OS X,此時的系統代號是老虎(Tiger)。從千禧年到2006年,當我們回憶這一階段的時候,大家喜歡用Web 2.0 來界定這個時期:從單向的內容釋出逐步變為雙向參與,靜態式的網頁中,開始出現多人協同的維基百科式的協同。

十年之前,MySpace 是美國訪問量最大的網站,而Facebook 和 Youtube 開始逐步普及並取代它的位置。此時 AOL 旗下的即時通訊軟體 AIM 已經10歲了,騰訊QQ 也早已佔據了中國即時通訊軟體的頭把交椅。

2006_Aim-_Myspace

如果要用一句話來總結2006年,MySpace 的口號應該是一個不錯的選擇:“A place for frends.”溝通與交流,是2006年的主旨。

2007:iPhone 之年

2007_iPhone

2007年一月,重歸蘋果10年的賈伯斯釋出了第一代iPhone,而這款手機被稱為“改變一切的產品”一點都不為過。在釋出會上,喬幫主開玩笑說釋出會將會發布三款產品,螢幕更寬的iPod,革命性的手機,以及極具突破性的網際網路通訊裝置,而iPhone 一點不含糊地囊括了這三者的屬性。隨著iPhone的釋出,移動網際網路和移動端設計開始進入一個全新的紀元。

2008:擬物化設計之年

擬物化設計的設計理念早已有之,它強調數字化設計要反映物理世界的真實細節與質感。MacOSX 作業系統的UI設計從一開始就貫徹了這樣的設計理念,寫有文字的便籤紙,堆滿舊文件的垃圾桶——這些細節滿滿的圖示和UI元素,以設計感十足的方式呈現給你一個“真實”的世界和熟悉的生活氣息,看到它們的那一刻,你就知道了它們都是什麼!雖然有人詬病擬物化,但是它並不會就那麼簡簡單單的消失,它現在依然是Apple Watch 的至關重要的組成部分。

2008

2008年發生的另外一件大事,是Android 的釋出,同樣的,這和iPhone 也息息相關。同年,谷歌瀏覽器也正是開放下載。

2009:柵格之年

基於柵格的網頁佈局能夠追溯到2007年,而大熱的 960 Grid 則是到了2009年才正式面向世人,並且隨後快速成為了主導網頁設計的重要技術。柵格系統的設計靈感最初是來源於數學中的對稱性概念和排版設計中的三分法,而真正將柵格系統發揚光大的確實是網頁設計。

6-columns-nty-768x541

2010:部落格之年(某種意義上)

部落格(Blog)這一詞其實源自90年代的Web logs一詞,在2004年的時候,blog一詞被韋氏詞典定為當年的年度詞彙。而之後,部落格開始以更加獨特、新穎的方式呈現出來,Twitter 被視作為“微部落格”,而 Tumblr 乾脆被稱為ieTumblog,所以企業開始思考部落格在網路日誌之外的更多可能性。

隨著 WordPress 3.0 在2010年釋出,媒體行業的變革也催生出更多基於部落格的延伸。今天我依然在使用部落格,但是 它的用途比起多年以前要更加豐富,更加多樣。我們今天依然在使用部落格這一詞,很大程度是因為我們無法找到更準確合理的詞來描述在網路上釋出內容這一行為。

2011:視差設計之年

視差滾動網頁設計應該是2011年網頁設計圈最耀眼的新星。它時尚而搶眼,在視覺上賞心悅目,是最先鋒最潮流的設計趨勢,從企業網站到個人作品集都不約而同地瘋狂追隨這一設計手法。你認為它繁複而惱人也好,覺得它微妙而漂亮也好,視差滾動的設計直到今天依然是最熱門的設計趨勢之一。

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

2012:響應式設計之年

響應式設計最早出現在2010年。相比於當時所流行的做法(比如給網站單獨製作一個iPhone版頁面),響應式設計更傾向於讓網頁自動適配給不同的平臺不同螢幕的裝置。

2012_responsive

同時,2012年也是扁平化設計開始發力的一年,來自Windows 的Metro 設計帶來了一種徹底的抽象而扁平的設計,最終催生出影響整個網際網路設計圈開始走向扁平化設計的“不歸路”。

2013:自由職業者之年

instagram2

研究資料表明,有超過5300美國人(超過1/3 的勞動力!)都在通過類似UpWork網站參從事一些自由職業相關的工作,而Envato 更是在2013年的時候將 Microlancer 這個自由職業平臺納入體系內,讓更多的設計師和自由職業者可以更加靈活的安排自己的時間和工作。

2014:Material Design 之年

animated-material-design-alarm

Material Design 是谷歌式美學最集中、最系統的體現,也是在介面一致性設計上的一次成功的嘗試。這個近乎扁平的設計風格通過微妙的光線、陰影和漸變重新定義出了扁平化 2.0 的概念,將現實世界的物理規則和簡約扁平的設計風尚有機的結合到了一起,其中還包含了極具標誌性的導航設計和微妙的動畫效果。

2015:極簡風之年

instagram1

雖然我們都知道極簡風存在的年頭已經長到難以考證,從設計潮流上來說,它也算不得一個很新的趨勢。但是,我始終還是認為 2015年,極簡設計風開始以一種系統的方式重新迴歸,不僅僅出現在網頁和UI設計上,同時還出現在我們生活中。如果你仔細觀察最新的網頁、APP甚至最新最時尚的室內設計,他們都在以一種體驗非常相似的極簡風呈現出來。

2016:重新定義設計

Design736w

行業的細分讓設計的外延變得極大豐富,現在設計擁有了網頁設計、平面設計、組織結構設計、使用者體驗設計、設計思考等等等等多種多樣的細小分支。

當我們談到設計師一詞的時候,這三個字已經無法精確傳達這一角色的準確內容了。現在的設計師,已經同編輯、開發、建築師一樣,成為了一個職業類別。從某種意義上來說,設計這一詞,已經擁有了全新的內涵和外延。

相關文章