Airbnb 迎来了新业务 Experiences,而 Instagram 最近在力推短视频功能 Stories,两家动作都不少。看下他们的设计是怎么配合的。
Airbnb——Style guide 的全面进化
全面应用辅助色——蓝绿色
主色不适合在界面里全盘使用,正逢 Airbnb 以红色为主色,吸引人眼球但又有那么点警告意味。之前 Airbnb 的做法是,链接、文字按钮、loader 上采用蓝绿色,而房源评星、即时预订标识采用了黄色。
现在,全面将辅助色统一,并应用在 iOS App 的 Nav bar 上。评星换成蓝绿色,标识用了黑色,把用色减少到主色、辅助色、黑白灰。另外,价格信息之前是以半透明遮罩盖在图片上,现在被移了出来,最大化突出焦点图。
总之,减少对内容的干扰,不让注意力被多余的颜色分散。
引入渐变
最明显的就是 App icon 、大背景色的界面,再点缀一下 timeline。这也体现在官网介绍里。品牌变得更有活力了一些。
拥抱 tab bar
此前他家的 Android app 还一直维持着侧滑栏。Tab bar 压倒性的可见性优势,没啥好展开的。不过最近改 tab bar 的也是多,YouTube(iOS)改了,Spotify 在测试版里改过(拿不定主意,改了一版 tab bar 后下个版本又改了回去),国内的「情怀」市场酷市场也改了。
Instagram——交互尝试阶段
Stories 功能刚上线,首页最显眼的位置留给了它,录视频的按钮在左上角,并且可以通过右滑手势直接进入录视频界面(右滑是录 Stories,左滑是 Direct 对话列表)。这是第一个版本。
这个版本的略显保守,弊端很明显——录视频入口不够明显,icon 辨识度不够。接着,第二个版本,把录视频的入口放在 Stories 列表的第一位,并在第二个 tab「搜索/发现」板块加入了网红、热门的 Stories。
现在是第三个版本,原先 tab bar 正中央的发照片功能,icon 由「相机」改为了「+」号,把相机 icon 让给了 Stories,解决辨识度的问题,同时更改了 direct 的 icon(由「箭头」改为「纸飞机」)。而左右滑动的手势,在 nav bar 加上了 srcollable 特征——下划线,强化可见性。
效果怎样不得而知。但我认为,现在还不是最「狠」。如果 Instagram 要强推短视频,入口可以更突出,甚至跟原先发照片的入口平起平坐。会不会改为点击 tab bar 的「+」icon 后出现短视频和普通照片的选项,甚至默认录制视频、把短视频融入 feed 里。
拭目以待。
上一篇:《微信群主题分享的技巧》