UI产品体验笔记—马蜂窝

释放双眼,带上耳机,听听看~!

马蜂窝旅行UI产品体验笔记—马蜂窝

页面排版设计,视觉效果,交互设计都很不错。

旅行应用信息多而杂,好的排版使页面条理清晰,内容层次分明一目了然,在视觉上提升用户好感度,更能最快找到想看的内容,被引导发现更多精彩内容。

UI产品体验笔记—马蜂窝

推荐内容

标签引导“双击图片可点赞啦”,下面的白色圆点和半透明光晕,放大缩小跳动的动态效果,面积也比较大,更能引起用户的注意。

顶部作者,后面显示他去过多少国家和城市,引导用户查看他的其他旅行攻略。

UI产品体验笔记—马蜂窝

启动页

试想一下,你在杂志上看到一个地方,爱上了那里。有一天你终于站在这座山顶,手里举着这本杂志,不得不感慨一句:原来这就是行为艺术的魅力。并非遥不可及,它藏在每个平凡人生活中难得的惊喜里。

登录页

背景为旅途中的高清视频(视频的播放速度,色彩,内容,转场设计等待都需要注意),排版,字体颜色等整体看上去页面清新高端舒适。

UI产品体验笔记—马蜂窝底部导航

采用中间悬浮按钮的方式展现,样式新颖。也非常适合这样图标不多的导航。

当用户下拉观看列表时,两边的图标像中间隐藏,只显示中间的添加图标,使用户观看内容的板块最大化,避免造成视觉妨碍。

中间添加图标,充分突出该应用的重点功能:分享,观看旅行攻略。

UI产品体验笔记—马蜂窝“去旅行”页面

UI产品体验笔记—马蜂窝

首页

将大量的信息与功能条理分明的排版

人已赞赏
交互设计

如何用原型中钢笔工具快速画图?

2020-7-4 0:19:59

交互设计

应用图标设计原则及分类

2020-7-10 8:08:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索