設計記錄!10年網頁設計都發生了什么變化?

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

2006:在線交友之年

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

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


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

2007:iPhone 之年


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

2008:擬物化設計之年

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


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

2009:柵格之年

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


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

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

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

2011:視差設計之年

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


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


2012:響應式設計之年

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


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

2013:自由職業者之年


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


研究數據表明,有超過5300美國人(超過1/3 的勞動力?。┒莢諭ü嗨芔pWork網站參從事一些自由職業相關的工作,而Envato 更是在2013年的時候將 Microlancer 這個自由職業平臺納入體系內,讓更多的設計師和自由職業者可以更加靈活的安排自己的時間和工作。

2014:Material Design 之年


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

2015:極簡風之年


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

2016:重新定義設計


設計記錄!10年網頁設計都發生了什么變化?-設計灣設計記錄!10年網頁設計都發生了什么變化?-設計灣


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

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

來源:envato


上一篇: 5招教你如何用動畫增強用戶體驗

下一篇: 值得讀!2016 年最流行的8個UI設計趨勢分析

分享到: 更多
下载重庆时时 微乐二人斗地主规则及玩法 真钱炸金花手机版下载 pt电子游戏app下载 双色球中奖查询 时时彩6注必出后二 重庆时时彩龙虎和稳盈 大乐透1000期走势图 抢庄牛牛牌九 山东时时开奖结果查询结果 11选5稳赚技巧方法 新时时彩 后三组六9码稳赚方案 赌博21点玩法介绍 pk10单双两期全天计划群 分分彩组选包胆