Instagram 的 Logo 五年來首次改版,這次終于被拍扁了
來源:極客公園
如果是一位喜歡在網絡上分享照片的用戶,那你一定是 Instagram 的用戶。而今天,當你打開你的 Instagram 時,你一定先揉了揉自己的眼睛,然后又確認了一下自己沒有看錯,是的,那就是因為 Instagram 在今天更換了其一系列產品的 logo。
與之前棕色系的相機 logo 不同,新 logo 以漸變的桃紅色為基調,背景還是一個相機的模樣,不過這個色調的轉變著實有些大。同時,他們旗下的 Layout、Hyperlapse 以及 Boomerang 都同步更換了新色系的 logo,看上去非常和諧。
同時,打開這款應用之后,你也會發現它的 UI 設計也進行了大規模的更新,最明顯的就是從之前的藍白色界面變成了現在的黑白界面;同時,在設計上也更加扁平化、簡潔化。
不過,再多的分析也抵不過 Instagram 自己的內心剖析,下面是 Instagram 設計總監 Ian Spalter 在 Medium 上發表的文章,其中完整解析了 Instagram 這次更換圖標和 UI 設計背后的想法。
Instagram 更換圖標和 UI 設計背后的想法
今天,我們很高興宣布 Instagram 在內部和外部都獲得了一個全新的設計。我們為 Instagram 和其一系列的 Layout、Hyperlapse 以及 Boomerang 設計了一套統一的圖標。我們也讓 Instagram 的 UI 設計變得更簡潔、更一致,這樣可以幫助用戶的照片和視頻更加亮眼。
改變的源泉
當 Instagram 成立的時候,它是一個可以輕松編輯和分享照片的地方。五年之后,事物在向前發展,Instagram 也變成一個比起以往更加多樣化的社區,人們也開始使用像 Layout 和 Boomerang 這樣的新工具,并且通過 Explore 用新的方式連接世界。
去年,我們團隊的一部分成員開始思考如何才能在保持 Instagram 的傳承和精神的同時更好地支持這種演化。我們想要去創造一個全新的形象,它要能代表這個社群的全部的表達需求——過去、現在和未來。
挑戰:保留原有的經典還要能體現出變化
通過 #myinstagramlogo 和 Instagram cake 的活動,我們覺得能擁有一個大家都喜歡的 logo 是很幸運的一件事。在充滿懷舊氣息紋理的圓形圖案里,泰迪熊的棕色、迷人的鏡頭、左上角的彩虹,這些都是滿滿的愛。
品牌、logo 和產品讓用戶與我們之間產生了很深的聯系,因此人們不想只是因為新奇的緣故就去改變它。但是,Instagram 的圖標和設計已經開始變得…無法反映這個社群,而且我們覺得我們可以讓它變得更好。
開始改變
舊圖標的擬物化設計風格確實讓它看上去非常具體,而我們最初的探索也是想讓它的風格變得現代化。于是我們從基礎開始,去掉了那些裝飾,并且讓圖標變得扁平化。于是我們得到了一個更明亮、更扁平的選擇。但它是更好的那一個嗎?我們會覺得有必要在一年內再這樣做一次嗎?
因為這些早期「扁平化」的探索缺乏根本的視覺重量,于是我們決定要搞清楚人們究竟喜歡舊圖標的什么以及我們如何才能把這些優點帶到新圖標上。有趣的是,我們知道人們喜歡彩虹,相機鏡頭的設計也是一個關鍵因素;同時,作為這個過程的一部分,我們讓公司里的人們憑著他們的記憶在 5 秒中內畫出 Instagram 的圖標。幾乎所有的人都畫出了彩虹、鏡頭和取景器。
有了這個經驗,我們決定去將這些元素轉變為一個更現代的 App 圖標設計,讓它能在認可度和通用性之間達到一個平衡。
彩虹與相機鏡頭是連接的橋梁
顏色
如果鏡頭是進入一個更大膽、更簡潔設計的橋梁,那彩虹就是帶你進入彩色漸變設計的聯結者。色彩一直就是 Instagram 最重要的一個組成部分,你能在經典的 App 圖標、過濾器和整個社群中的照片與視頻中見到各種不同的顏色。
當我們開始重新想象彩虹,我們更多地關注那些簡約的設計,但最終我們還是需要更多的溫度和能量來填充我們的圖形設計。
圖形設計
我們意識到我們需要移走之前的相機設計,以此來獲得一個更靈活、更可擴展的圖形設計,但之前的圖形設計被證明對于一個圖標的基礎來說有些不太夠。想要保持以前圖標的重量,我們需要去弄清楚如何給新的標志更多的個性,同時還要去掉不必要的東西。
所以問題就變成了:我們要走多遠?如果你抽象化了太多,那圖形的設計就會和 Instagram 的歷史與靈魂相差太遠;如果你過于保守,那又很難證明我們的變化所在。
在經過了很多細化處理之后,我們還是采用了一個相機的圖形設計方案,同時還為未來幾年打下了設計的基礎。
視覺一體化
我們的一系列 App——Layout、Boomerang 與 Hyperlapse?——都采用了統一化的外觀設計。我們讓每一個圖標都采用了漸變式的方案,在同一網格內的設計也讓它們看上去更加一致。同時,Layout 與 Boomerang 的圖標也能更好地反映它們的功能:一個能幫你收集照片,另一個則是迷你的視頻循環應用。
新的 UI
圍繞著重新思考新圖標的同時,我們也開始對 UI 設計進行迭代更新,努力的方向是為人們創造一個簡潔干凈的環境,這樣用戶分享的內容就能成為整個 App 中的焦點所在。
雖然圖標是一個色彩斑斕的進入 Instagram 的大門,但當你進入了 App 之后,我們相信它的顏色應該要能讓你直接發現其中的照片和視頻。因此,我們將彩色和干擾因素從界面中剔除了,因為用戶的內容應該占據舞臺的焦點;同時我們在其他的一些界面中增強了彩色的比重,比如登錄流程。
隨著我們去掉了這些彩色和干擾,我們在 iOS 或 Android 設備上的交互方式不再那么「原生態」,通過新的交互方式和使用新的 iOS 與 Android 元素、字體和模型,用戶將被引導去熟悉這個新界面。
向未來展望
我們這個社群的演進令人激動,我們也希望我們捕捉到了一些生活的片段和創造力,并且將樂觀的人們帶到了 Instagram 的平臺。我們希望人們能夠將新的圖標視為一個新的創造力的火花,一個能給你帶來樂趣、也能代表這些樂趣的東西。我們對于這個新圖標所引領的未來滿懷激情。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
全部評論(2條)