2016-8-31 周周
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
編者按:互聯(lián)網(wǎng)帶來的變化是翻天覆地的,這種變化不僅僅表現(xiàn)在它對于外部世界、對于我們生活的影響,它本身的轉(zhuǎn)變則顯得更加巨大。而設(shè)計領(lǐng)域在互聯(lián)網(wǎng)的影響之下,變化也非常的明顯,也許看了今天的總結(jié),你也會為這種改變而驚嘆。
十年前的互聯(lián)網(wǎng),和現(xiàn)在非常的不一樣。就在10年以前,Envato 誕生了。在過去的10年間,Envato 見證了整個互聯(lián)網(wǎng)領(lǐng)域在設(shè)計上的變遷,今天的文章,我們就總結(jié)一下這10年來的變化,以為紀(jì)念。這10年來的互聯(lián)網(wǎng)領(lǐng)域在設(shè)計上的變化,確實不是一篇文章足以完全承載的。從MySpace的崛起到iPhone的興盛,擬物化設(shè)計走到了巔峰再到極簡和扁平化的興起,能說的事情太多,如果真的是聊設(shè)計趨勢和技術(shù)沿革,一本書都不夠講述其中的梗概。那么,不如讓我們通過這十年間設(shè)計領(lǐng)域的“關(guān)鍵時刻”,來一窺這巨大的改變吧。
2006年,F(xiàn)acebook和Youtube 才剛剛興起,而MySpace也日益普及,這個時候大家使用的電腦操作系統(tǒng)還是以Windows XP為主,慣于使用貓科動物作為代號的Mac OS X,此時的系統(tǒng)代號是老虎(Tiger)。從千禧年到2006年,當(dāng)我們回憶這一階段的時候,大家喜歡用Web 2.0 來界定這個時期:從單向的內(nèi)容發(fā)布逐步變?yōu)殡p向參與,靜態(tài)式的網(wǎng)頁中,開始出現(xiàn)多人協(xié)同的維基百科式的協(xié)同。
十年之前,MySpace 是美國訪問量最大的網(wǎng)站,而Facebook 和 Youtube 開始逐步普及并取代它的位置。此時 AOL 旗下的即時通訊軟件 AIM 已經(jīng)10歲了,騰訊QQ 也早已占據(jù)了中國即時通訊軟件的頭把交椅。
如果要用一句話來總結(jié)2006年,MySpace 的口號應(yīng)該是一個不錯的選擇:“A place for frends.”溝通與交流,是2006年的主旨。
2007年一月,重歸蘋果10年的喬布斯發(fā)布了第一代iPhone,而這款手機(jī)被稱為“改變一切的產(chǎn)品”一點都不為過。在發(fā)布會上,喬幫主開玩笑說發(fā)布會將會發(fā)布三款產(chǎn)品,屏幕更寬的iPod,革命性的手機(jī),以及極具突破性的互聯(lián)網(wǎng)通訊設(shè)備,而iPhone 一點不含糊地囊括了這三者的屬性。隨著iPhone的發(fā)布,移動互聯(lián)網(wǎng)和移動端設(shè)計開始進(jìn)入一個全新的紀(jì)元。
擬物化設(shè)計的設(shè)計理念早已有之,它強(qiáng)調(diào)數(shù)字化設(shè)計要反映物理世界的真實細(xì)節(jié)與質(zhì)感。MacOSX 操作系統(tǒng)的UI設(shè)計從一開始就貫徹了這樣的設(shè)計理念,寫有文字的便簽紙,堆滿舊文檔的垃圾桶——這些細(xì)節(jié)滿滿的圖標(biāo)和UI元素,以設(shè)計感十足的方式呈現(xiàn)給你一個“真實”的世界和熟悉的生活氣息,看到它們的那一刻,你就知道了它們都是什么!雖然有人詬病擬物化,但是它并不會就那么簡簡單單的消失,它現(xiàn)在依然是Apple Watch 的至關(guān)重要的組成部分。
2008年發(fā)生的另外一件大事,是Android 的發(fā)布,同樣的,這和iPhone 也息息相關(guān)。同年,谷歌瀏覽器也正是開放下載。
基于柵格的網(wǎng)頁布局能夠追溯到2007年,而大熱的 960 Grid 則是到了2009年才正式面向世人,并且隨后快速成為了主導(dǎo)網(wǎng)頁設(shè)計的重要技術(shù)。柵格系統(tǒng)的設(shè)計靈感最初是來源于數(shù)學(xué)中的對稱性概念和排版設(shè)計中的三分法,而真正將柵格系統(tǒng)發(fā)揚光大的確實是網(wǎng)頁設(shè)計。
博客(Blog)這一詞其實源自90年代的Web logs一詞,在2004年的時候,blog一詞被韋氏詞典定為當(dāng)年的年度詞匯。而之后,博客開始以更加獨特、新穎的方式呈現(xiàn)出來,Twitter 被視作為“微博客”,而 Tumblr 干脆被稱為ieTumblog,所以企業(yè)開始思考博客在網(wǎng)絡(luò)日志之外的更多可能性。
隨著 WordPress 3.0 在2010年發(fā)布,媒體行業(yè)的變革也催生出更多基于博客的延伸。今天我依然在使用博客,但是 它的用途比起多年以前要更加豐富,更加多樣。我們今天依然在使用博客這一詞,很大程度是因為我們無法找到更準(zhǔn)確合理的詞來描述在網(wǎng)絡(luò)上發(fā)布內(nèi)容這一行為。
視差滾動網(wǎng)頁設(shè)計應(yīng)該是2011年網(wǎng)頁設(shè)計圈最耀眼的新星。它時尚而搶眼,在視覺上賞心悅目,是鋒最潮流的設(shè)計趨勢,從企業(yè)網(wǎng)站到個人作品集都不約而同地瘋狂追隨這一設(shè)計手法。你認(rèn)為它繁復(fù)而惱人也好,覺得它微妙而漂亮也好,視差滾動的設(shè)計直到今天依然是最熱門的設(shè)計趨勢之一。
響應(yīng)式設(shè)計最早出現(xiàn)在2010年。相比于當(dāng)時所流行的做法(比如給網(wǎng)站單獨制作一個iPhone版頁面),響應(yīng)式設(shè)計更傾向于讓網(wǎng)頁自動適配給不同的平臺不同屏幕的設(shè)備。
同時,2012年也是扁平化設(shè)計開始發(fā)力的一年,來自Windows 的Metro 設(shè)計帶來了一種徹底的抽象而扁平的設(shè)計,最終催生出影響整個互聯(lián)網(wǎng)設(shè)計圈開始走向扁平化設(shè)計的“不歸路”。
研究數(shù)據(jù)表明,有超過5300美國人(超過1/3 的勞動力!)都在通過類似UpWork網(wǎng)站參從事一些自由職業(yè)相關(guān)的工作,而Envato 更是在2013年的時候?qū)?Microlancer 這個自由職業(yè)平臺納入體系內(nèi),讓更多的設(shè)計師和自由職業(yè)者可以更加靈活的安排自己的時間和工作。
Material Design 是谷歌式美學(xué)最集中、最系統(tǒng)的體現(xiàn),也是在界面一致性設(shè)計上的一次成功的嘗試。這個近乎扁平的設(shè)計風(fēng)格通過微妙的光線、陰影和漸變重新定義出了扁平化 2.0 的概念,將現(xiàn)實世界的物理規(guī)則和簡約扁平的設(shè)計風(fēng)尚有機(jī)的結(jié)合到了一起,其中還包含了極具標(biāo)志性的導(dǎo)航設(shè)計和微妙的動畫效果。
雖然我們都知道極簡風(fēng)存在的年頭已經(jīng)長到難以考證,從設(shè)計潮流上來說,它也算不得一個很新的趨勢。但是,我始終還是認(rèn)為 2015年,極簡設(shè)計風(fēng)開始以一種系統(tǒng)的方式重新回歸,不僅僅出現(xiàn)在網(wǎng)頁和UI設(shè)計上,同時還出現(xiàn)在我們生活中。如果你仔細(xì)觀察的網(wǎng)頁、APP甚至最時尚的室內(nèi)設(shè)計,他們都在以一種體驗非常相似的極簡風(fēng)呈現(xiàn)出來。
行業(yè)的細(xì)分讓設(shè)計的外延變得極大豐富,現(xiàn)在設(shè)計擁有了網(wǎng)頁設(shè)計、平面設(shè)計、組織結(jié)構(gòu)設(shè)計、用戶體驗設(shè)計、設(shè)計思考等等等等多種多樣的細(xì)小分支。
當(dāng)我們談到設(shè)計師一詞的時候,這三個字已經(jīng)無法傳達(dá)這一角色的準(zhǔn)確內(nèi)容了?,F(xiàn)在的設(shè)計師,已經(jīng)同編輯、開發(fā)、建筑師一樣,成為了一個職業(yè)類別。從某種意義上來說,設(shè)計這一詞,已經(jīng)擁有了全新的內(nèi)涵和外延。
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com