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