美文网首页每天「碰」一下
Tabbar设计发现的延续——淘宝

Tabbar设计发现的延续——淘宝

作者: helpmeyu | 来源:发表于2017-03-08 21:50 被阅读62次

这期淘宝更新后,按惯例去刷刷,留意到一些操作细节有了更贴心的表现(00昨天的简书也给了我启发)。

Tabbar以往功能组成比较单纯,无非是:

1.纯粹的模块按钮;

2.模块按钮+固定动作按钮(如新建、发布)

附加功能只有:点击当前页的tab按钮则“回到顶部并刷新”,按钮在视觉上也不作改变。

左Tabbar—模块;右Tabbar—模块+动作

此次淘宝更新后的Tabbar针对页面功能需要不同做了改变,视觉上也有相应的改变。

定位——滚屏到指定位置/回到顶部

点击首页Tab,可以在“回到顶部—猜你喜欢—回到顶部”位置中快速切换。

(搜索页里没有tabbar,依然用“右下角的悬浮小按钮”这种方式,00还是会继续骂娘吧,虽说我一向是点击ios顶部状态栏“回到顶部”)

淘宝“首页”Tab(留意Tabbar左侧)


从模块变成动作

切换到“问大家”,按钮会切换成“+”的动作按钮,再点击则可以选择发布问题/打卡。

淘宝“问大家”Tab(留意Tabbar中间)


对于变成发布动作按钮这种做法的必要性以及是否符合操作预期,表示存疑,不过可以看出来尝试赋予Tabbar 功能的趋势。

相关文章

  • Tabbar设计发现的延续——淘宝

    这期淘宝更新后,按惯例去刷刷,留意到一些操作细节有了更贴心的表现(00昨天的简书也给了我启发)。 Tabbar以往...

  • TabBar 设计发现与思考

    平时扫看App的时候,我比较习惯于分类地去看(比如 Tab bar、Nav bar 、分段控件、信息流…)这次我想...

  • 仿闲鱼APP底部发布功能(一)

    文中代码来源:LLTabBar。 设计思路:系统自带的tabBar做不到这个要求,所以可以在系统的tabBar上添...

  • 用tabBarController+tabBar+Navigat

    今天我开始准备我的毕业设计经过再三思考 我决定用主流的框架来完成我的设计 名词解析tabBar:工具栏tabBar...

  • 隐藏tabbar时留有空白

    设置tabbar隐藏的时候发现页面tabbar位置留下了一篇空白 self.edgesForExtendedLay...

  • 小程序的tabbar不显示

    1. tabbar 不显示 刚开始给页面加tabbar时 创建完每个文件夹后发现一点没报错。可地下的tabbar就...

  • 淘宝发现

    20200602 淘宝确实存在节前涨价 想买的一条美特上年的慢跑裤 平常99,结果为了6.1活动,这一阵儿都是12...

  • iOS 仿淘宝TabBar效果

    重点: 实现item点击音效和渐变动画 第一个和中间一个item点击后,隐藏该item的UITabBarButto...

  • uniapp自定义底部导航栏tabBar

    在使用uniapp开发产品的时候,官方的tabBar总是满足不了设计稿上面的要求。通常这时候都会自定义tabBar...

  • iOS修改TabBar顶部分割线的颜色,最简单方式

    美工设计的TabBar顶部分割线的颜色比iOS系统自带的颜色要浅很多,所以需要修改系统tabBar的颜色. 网上搜...

网友评论

    本文标题:Tabbar设计发现的延续——淘宝

    本文链接:https://www.haomeiwen.com/subject/wdhigttx.html