文章主要分析了互聯(lián)網(wǎng)十年產(chǎn)品、手機(jī)、以及移動端一些設(shè)計的變化。

Face這個APP火了，可以讓人看到未來變老后的樣子，非常有意思很多人都玩了起來，包括之前很多網(wǎng)絡(luò)上關(guān)于10年前后互聯(lián)網(wǎng)發(fā)生的一些變化都有很多研究。所以周末研究了一些互聯(lián)網(wǎng)10年來設(shè)計和體現(xiàn)層面發(fā)生的一些變化！

10年，因?yàn)榛ヂ?lián)網(wǎng)崛起，因?yàn)閿?shù)據(jù)，商業(yè)模式，我們的日常習(xí)慣都發(fā)生了很大的改變，我們的消費(fèi)偏好等……

10年前，我們可能無法想象在一個城市生活，可以在沒有任何現(xiàn)金的情況下去旅行，乘坐交通工具！10年前我剛大學(xué)畢業(yè)，我也沒想到我會做UI設(shè)計師，那時候的夢想還是做一個品牌設(shè)計師，那么這10年來在設(shè)計上，互聯(lián)網(wǎng)設(shè)計和移動互聯(lián)網(wǎng)這些產(chǎn)品有哪些變化呢？

01 品牌10年的變化

1. Airbnb

品牌上來說，我們熟悉的airbnb的品牌從一個寫意的英文字體變成一個現(xiàn)代字體，圖形上，越來越IP年輕化，它背后有四層含義。

• 首先，這是一個字母A，代表了Airbnb；
• 第二，這像是一個人張開雙手，代表了人；
• 第三，這像是一個標(biāo)記地理位置的符號，代表地點(diǎn)；
• 第四，這是一個倒過來的愛心，代表了愛。淺紅色也更加的年輕化了。

2. Youtube

我們熟悉的Youtube這十年品牌也發(fā)生了大的變化，最明顯的就是使用了將近12年的LOGO也進(jìn)行了調(diào)整和設(shè)計。

以往“Tube”的部份是紅色底色加反白顯示，新LOGO中的字體進(jìn)行調(diào)整，整體變粗變寬，字體下方的細(xì)節(jié)也進(jìn)行了斜切處理。

最大的差異就是加入一顆紅白鮮明的播放鍵設(shè)計，以此象征所有YouTube提供的各式各樣的影音服務(wù)也揭示未來網(wǎng)路影音內(nèi)容的發(fā)展趨勢將會更為全面化。

3. Instagram

Ins這十年也沿用了心動LOGO，圖形上做了極簡處理，色彩上變化變成了彩虹色，整個品牌和公司戰(zhàn)略一起發(fā)生著變化，還有多少設(shè)計師記得當(dāng)年那個擬物化的相機(jī)圖標(biāo)。

4. eBay

知名電商eBay很多年沒有更換過他們的品牌LOGO，目前這個圖案已成為大家所熟悉標(biāo)志，但…其實(shí)…坦白說，之前舊版的LOGO設(shè)計并沒有那么好看，新版的設(shè)計雖讓人感覺到一種簡潔和專業(yè)感，但依然有些單調(diào)和沒有新意，整體看來還是不夠吸睛或許大家也已經(jīng)習(xí)慣這樣的LOGO設(shè)計吧！

5. 惠普

包括傳統(tǒng)的IT公司惠普這十年也對品牌進(jìn)行了升級，說實(shí)話我還蠻喜歡惠普新的LOGO中的這“四條線”，出自英國品牌設(shè)計工作室Moving Brands。

早在2008年，該工作室就受聘于惠普進(jìn)行品牌研究，2011年完成了這個新的LOGO設(shè)計，但當(dāng)時惠普并沒有采用。

其中最有代表性的斜度13度角的傾斜，官方解釋是13度角代表了HP公司的核心精神，以創(chuàng)新及樂觀精神邁向未來，也代表了一種人類的進(jìn)步（ human progress）。

這個13度角將會在品牌形象、視覺語言、產(chǎn)品設(shè)計及UI設(shè)計中存在。目前看確實(shí)設(shè)計上比較成功的，但是產(chǎn)品發(fā)展就未必那么成功了。

02 奢侈品行業(yè)

Burberry換掉了使用117年的騎士LOGO，換上了非襯線體。

將經(jīng)典格紋印花以白色英文B字體與橘色T字穿插而成的全新印花，有著像LV致敬的趕腳。

奢侈品牌Balmain也換上新LOGO，新LOGO乍看之下是來自其品牌名稱的縮寫字母“B”，不過“B”的左側(cè)多了一條豎線，看起來像是“P”和“B”的組合。為了要致敬品牌的創(chuàng)辦人Pierre Balmain，另一個則是象征對品牌來說最重要的城市，Paris。

以上案例，只是這10年案例中冰山一角，但是整體來看這些大的品牌，這些年的變化，都是朝著打造IP符號化在發(fā)展，化繁為簡，同時字體和字形上都朝著無襯線體在發(fā)展，品牌往往跟隨著公司戰(zhàn)略前進(jìn)在發(fā)展！如果大家感興趣，后面我們將圍繞品牌變化，做一些深入的研究。

03 UI10年的變化

上面品牌LOGO變化毋庸置疑很明顯，主界面相冊的變化，內(nèi)容展示10年后支持視頻，早期圖片為主，另外文字分類變成了圖標(biāo)。

首頁上，舊的頁面強(qiáng)調(diào)各個入口位置，頁面各個模塊比較分明，新的設(shè)計，更加關(guān)注用戶發(fā)的內(nèi)容本身。

發(fā)現(xiàn)頁面，早前推薦更多是照片形式，比較隨機(jī)，新的發(fā)現(xiàn)，根據(jù)用戶習(xí)慣算法推薦千人千面。支持各種多媒體形式包括視頻和電視。

照片處理上沒有太多的變化，只不過濾鏡做的更加細(xì)膩，頁面功能更加明確。

從Ins近10年來產(chǎn)品設(shè)計的變化，從早期的深色設(shè)計，強(qiáng)調(diào)功能引導(dǎo)，到現(xiàn)在的用戶內(nèi)容為主，能看出未來的設(shè)計方向，設(shè)計師不止體驗(yàn)上做視覺引導(dǎo)，同時在用戶內(nèi)容上如何更好突出內(nèi)容，突出功能，做到設(shè)計無我，關(guān)注體驗(yàn)本身是未來一個方向。

LOGO來說變化不大，主界面變化還是有點(diǎn)大，早期版本功能比較簡單，新的版本更加突出圍繞用戶位置附近的服務(wù)，可以說也能看出互聯(lián)網(wǎng)這些年在生活上帶來的一些變化。

從核心功能導(dǎo)航來說，老的谷歌地圖提供多種出現(xiàn)方式，新的谷歌地圖更加聰明，會根據(jù)你的出現(xiàn)習(xí)慣制定一個最佳的路線，省的用戶一個一個去選擇，同時出行方式上也增加了更多選擇，摩托車，騎行等等。

從搜索結(jié)果來說沒有太大的差異，從谷歌地圖近10年來產(chǎn)品設(shè)計的變化，更多發(fā)現(xiàn)人們對地圖訴求越來越多，越來越多的需求是在新時代產(chǎn)生的，地圖已經(jīng)不止是一個地圖，而是連接了很多的生活方式。

色彩上來說，新的spotify更加時尚，年輕化了，整個品牌色都發(fā)生了變化，在閃屏頁上沒有放一堆圖片，而是一個簡單的介紹登錄。

播放頁面上，風(fēng)格更加時尚通透，功能也更加豐富。

發(fā)現(xiàn)頁面上，舊的頁面更多還是類型上分類，新的類目從曲風(fēng)，各個排行榜，多緯度對歌曲進(jìn)行分類，同時在設(shè)計上也更加統(tǒng)一，多元化一些。

類目細(xì)分里面，新的頁面設(shè)計更加沉浸式，展示形式更加多元化，同時封面樣式也更加融為一體和諧。

從品牌來說，新的品牌logo更加的簡潔，顏色更加明亮，整體去掉了大面積綠色，改以白色為主。

主頁面來說變化尤其大，相對其他幾個產(chǎn)品基本沒有任何延續(xù)性，一方面也能看見印象筆記這些年發(fā)展不好的原因，之前還是很喜歡早期的設(shè)計，這種文件夾抽屜的布局，也是一個經(jīng)典。

總結(jié)

UI的變化能看出，從早期形式追求功能，到如何內(nèi)容引導(dǎo)設(shè)計，界面風(fēng)格也越來越輕薄，傾向于無色設(shè)計，或者未來整體UI趨勢在寬帶越來越大前提下，無色設(shè)計，動態(tài)設(shè)計，可視化，智能會帶來一輪新的設(shè)計方向。

最后

最后，說一個個人小經(jīng)驗(yàn)，我一直做的事情，和時間有著很大關(guān)系，時間其實(shí)是面鏡子，當(dāng)我衡量一個事情的時候，我會從時間緯度去看，這個事情是不是在大的時間浪潮里面，比如時間+汽車，就是一個大的趨勢，時間+智能+數(shù)據(jù)，就是可視化數(shù)據(jù)。

今天簡單梳理了下，互聯(lián)網(wǎng)10年一些設(shè)計，從品牌到產(chǎn)品設(shè)計這些年的變化，下一篇我將從網(wǎng)頁，蘋果設(shè)計，以及電商這10年一些變化進(jìn)行分析，希望這兩篇分享能夠讓你更加了解行業(yè)一些變化，以及未來我們前進(jìn)的方向，下周見！

作者：sky，支付寶設(shè)計專家，微信公眾號：我們的設(shè)計日記（ID：helloskys），設(shè)計交流添加微信：helloskys000

本文由 @我們的設(shè)計日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議。