莫b

時間其實是面鏡子,當我衡量一個事情的時候,我會從時間緯度去看,這個事情是不是在大的時間浪潮里面,比如時間+汽車,就是一個大的趨勢,時間+智能+數據,就是可視化數據。今天簡單梳理下,互聯網10年一些設計,從品牌到產品設計這些年的變化進行分析,希望這篇分享能夠讓你更加了解行業一些變化,以及未來我們前進的方向。

上周Face這個APP火了,可以讓人看到未來變老后的樣子,非常有意思很多人都玩了起來,包括之前很多網絡上關于10年前后互聯網發生的一些變化都有很多研究。所以周末研究了一些互聯網10年來設計和體現層面發生的一些變化!

10年,因為互聯網崛起,因為數據,商業模式,我們的日常習慣都發生了很大的改變,我們的消費偏好等…

10年前,我們可能無法想象在一個城市生活,可以在沒有任何現金的情況下去旅行,乘坐交通工具!10年前我剛大學畢業,我也沒想到我會做UI設計師,那時候的夢想還是做一個品牌設計師,那么這10年來在設計上,互聯網設計和移動互聯網這些產品有哪些變化呢?

 

品牌10年的變化?

Airbnb

品牌上來說,我們熟悉的airbnb的品牌從一個寫意的英文字體變成一個現代字體,圖形上,越來越IP年輕化,它背后有四層含義。首先,這是一個字母A,代表了Airbnb;第二,這像是一個人張開雙手,代表了人;第三,這像是一個標記地理位置的符號,代表地點;第四,這是一個倒過來的愛心,代表了愛。淺紅色也更加的年輕化了。

 

Youtube

我們熟悉的Youtube這十年品牌也發生了大的變化,最明顯的就是使用了將近12年的LOGO也進行了調整和設計。以往“Tube”的部份是紅色底色加反白顯示,新LOGO中的字體進行調整,整體變粗變寬,字體下方的細節也進行了斜切處理。最大的差異就是加入一顆紅白鮮明的播放鍵設計,以此象征所有YouTube提供的各式各樣的影音服務也揭示未來網路影音內容的發展趨勢將會更為全面化。

 

Instagram

Ins這十年也沿用了心動LOGO,圖形上做了極簡處理,色彩上變化變成了彩虹色,整個品牌和公司戰略一起發生著變化,還有多少設計師記得當年那個擬物化的相機圖標。

 

eBay

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

 

惠普

包括傳統的IT公司惠普這十年也對品牌進行了升級,說實話我還蠻喜歡惠普新的LOGO中的這“四條線”,出自英國品牌設計工作室Moving Brands。早在2008年,該工作室就受聘于惠普進行品牌研究,2011年完成了這個新的LOGO設計,但當時惠普并沒有采用。

其中最有代表性的斜度13度角的傾斜,官方解釋是13度角代表了HP公司的核心精神,以創新及樂觀精神邁向未來,也代表了一種人類的進步( human progress)。這個13度角將會在品牌形象、視覺語言、產品設計及UI設計中存在。目前看確實設計上比較成功的,但是產品發展就未必那么成功了。

?

奢侈品行業?

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

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

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

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

 

UI 10年的變化?

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

首頁上,舊的頁面強調各個入口位置,頁面各個模塊比較分明,新的設計,更加關注用戶發的內容本身。

發現頁面,早前推薦更多是照片形式,比較隨機,新的發現,根據用戶習慣算法推薦千人千面。支持各種多媒體形式包括視頻和電視。

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

從Ins近10年來產品設計的變化,從早期的深色設計,強調功能引導,到現在的用戶內容為主,能看出未來的設計方向,設計師不止體驗上做視覺引導,同時在用戶內容上如何更好突出內容,突出功能,做到設計無我,關注體驗本身是未來一個方向。

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

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

從搜索結果來說沒有太大的差異,從谷歌地圖近10年來產品設計的變化,更多發現人們對地圖訴求越來越多,越來越多的需求是在新時代產生的,地圖已經不止是一個地圖,而是連接了很多的生活方式。

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

播放頁面上,風格更加時尚通透,功能也更加豐富。

發現頁面上,舊的頁面更多還是類型上分類,新的類目從曲風,各個排行榜,多緯度對歌曲進行分類,同時在設計上也更加統一,多元化一些。

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

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

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

?

總結?

UI的變化能看出,從早期形式追求功能,到如何內容引導設計,界面風格也越來越輕薄,傾向于無色設計,或者未來整體UI趨勢在寬帶越來越大前提下,無色設計,動態設計,可視化,智能會帶來一輪新的設計方向。

 

原文地址:我們的設計日記(公眾號)

作者:?sky

轉載請注明:學UI網 » 那些10年前經典的設計,現在如何(上)

登錄收藏
 
你可能喜歡的:
獨家 | 2020年交互設計趨勢獨家 | 2020年交互設計趨勢
Behance 年度好文!2020年設計趨勢全方位分析Behance 年度好文!2020年設計趨勢全方位分析
2019中國用戶體驗行業調查報告2019中國用戶體驗行業調查報告
扁平風格的問題在哪?扁平風格的問題在哪?
體驗設計“發展觀”- 期望能力模型體驗設計“發展觀”- 期望能力模型
重磅登場!2019,雙11創意貓頭秀重磅登場!2019,雙11創意貓頭秀
?iOS 13 做了哪些體驗升級?iOS 13 做了哪些體驗升級
動效賦能 助力用戶體驗設計動效賦能 助力用戶體驗設計
折疊屏場景設計探討折疊屏場景設計探討
iOS 13 隱秘的細節④:系統組件·下iOS 13 隱秘的細節④:系統組件·下
?
陕西快乐10分