Airbnb箫踩、Instagram 的新設(shè)計

Airbnb 迎來了新業(yè)務(wù) Experiences,而 Instagram 最近在力推短視頻功能 Stories辨图,兩家動作都不少班套。看下他們的設(shè)計是怎么配合的故河。

Airbnb——Style guide 的全面進化

全面應(yīng)用輔助色——藍綠色

主色不適合在界面里全盤使用吱韭,正逢 Airbnb 以紅色為主色,吸引人眼球但又有那么點警告意味鱼的。之前 Airbnb 的做法是理盆,鏈接、文字按鈕凑阶、loader 上采用藍綠色猿规,而房源評星、即時預(yù)訂標(biāo)識采用了黃色宙橱。

現(xiàn)在姨俩,全面將輔助色統(tǒng)一,并應(yīng)用在 iOS App 的 Nav bar 上师郑。評星換成藍綠色环葵,標(biāo)識用了黑色,把用色減少到主色宝冕、輔助色张遭、黑白灰。另外地梨,價格信息之前是以半透明遮罩蓋在圖片上菊卷,現(xiàn)在被移了出來,最大化突出焦點圖宝剖。

總之洁闰,減少對內(nèi)容的干擾,不讓注意力被多余的顏色分散万细。

新版本
左:舊版本扑眉,右:新版本

引入漸變

最明顯的就是 App icon 、大背景色的界面,再點綴一下 timeline襟雷。這也體現(xiàn)在官網(wǎng)介紹里。品牌變得更有活力了一些仁烹。

擁抱 tab bar

此前他家的 Android app 還一直維持著側(cè)滑欄耸弄。Tab bar 壓倒性的可見性優(yōu)勢,沒啥好展開的卓缰。不過最近改 tab bar 的也是多计呈,YouTube(iOS)改了,Spotify 在測試版里改過(拿不定主意征唬,改了一版 tab bar 后下個版本又改了回去)捌显,國內(nèi)的「情懷」市場酷市場也改了。

左:舊版本总寒,右:新版本


Instagram——交互嘗試階段

Stories 功能剛上線扶歪,首頁最顯眼的位置留給了它,錄視頻的按鈕在左上角摄闸,并且可以通過右滑手勢直接進入錄視頻界面(右滑是錄 Stories善镰,左滑是 Direct 對話列表)。這是第一個版本年枕。

這個版本的略顯保守炫欺,弊端很明顯——錄視頻入口不夠明顯,icon 辨識度不夠熏兄。接著品洛,第二個版本,把錄視頻的入口放在 Stories 列表的第一位摩桶,并在第二個 tab「搜索/發(fā)現(xiàn)」板塊加入了網(wǎng)紅桥状、熱門的 Stories。

現(xiàn)在是第三個版本典格,原先 tab bar 正中央的發(fā)照片功能岛宦,icon 由「相機」改為了「+」號,把相機 icon 讓給了 Stories耍缴,解決辨識度的問題砾肺,同時更改了 direct 的 icon(由「箭頭」改為「紙飛機」)。而左右滑動的手勢防嗡,在 nav bar 加上了 srcollable 特征——下劃線变汪,強化可見性。

左:第一個版本蚁趁,右:第三個版本(現(xiàn)在)

效果怎樣不得而知裙盾。但我認為,現(xiàn)在還不是最「狠」。如果 Instagram 要強推短視頻番官,入口可以更突出庐完,甚至跟原先發(fā)照片的入口平起平坐。會不會改為點擊 tab bar 的「+」icon 后出現(xiàn)短視頻和普通照片的選項徘熔,甚至默認錄制視頻门躯、把短視頻融入 feed 里。

拭目以待酷师。


上一篇:《微信群主題分享的技巧》

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末讶凉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子山孔,更是在濱河造成了極大的恐慌懂讯,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件台颠,死亡現(xiàn)場離奇詭異褐望,居然都是意外死亡,警方通過查閱死者的電腦和手機蓉媳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門譬挚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人酪呻,你說我怎么就攤上這事减宣。” “怎么了玩荠?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵漆腌,是天一觀的道長。 經(jīng)常有香客問我阶冈,道長闷尿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任女坑,我火速辦了婚禮填具,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘匆骗。我一直安慰自己劳景,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布碉就。 她就那樣靜靜地躺著盟广,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓮钥。 梳的紋絲不亂的頭發(fā)上筋量,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天烹吵,我揣著相機與錄音,去河邊找鬼桨武。 笑死肋拔,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的呀酸。 我是一名探鬼主播只损,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼七咧!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起叮叹,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤艾栋,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蛉顽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蝗砾,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年携冤,在試婚紗的時候發(fā)現(xiàn)自己被綠了悼粮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡曾棕,死狀恐怖扣猫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翘地,我是刑警寧澤申尤,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站衙耕,受9級特大地震影響昧穿,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜橙喘,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一时鸵、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧厅瞎,春花似錦饰潜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至比搭,卻和暖如春冠跷,著一層夾襖步出監(jiān)牢的瞬間南誊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工蜜托, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抄囚,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓橄务,卻偏偏與公主長得像幔托,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蜂挪,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容