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)在還不是最「狠」。如果 Instagram 要強推短視頻番官,入口可以更突出庐完,甚至跟原先發(fā)照片的入口平起平坐。會不會改為點擊 tab bar 的「+」icon 后出現(xiàn)短視頻和普通照片的選項徘熔,甚至默認錄制視頻门躯、把短視頻融入 feed 里。
拭目以待酷师。
上一篇:《微信群主題分享的技巧》