tab
用好的交互设计来管理复杂－“Tab”
标签可能看起来像一个微小、乏味的图形用户界面设计，但我们合理的运用Tab的特点，易用易理解，就能为你的用户体验加分。最简单的界面小部件会是大模块功能的基石，是否用好用得合适对产品的体验起着重要的作用。本文谈论的就是一个经常被误用的设计元素：Tab。上下文替换在相同的上下文中使用Tab来替换视图，设计的标签是平行的性质，而不是导航到不同的区域。这种Tab切换，可以直观的看到逻
交互体验
2016年09月20日
Tab 设计的一些思考：让用户更轻易的接触更多信息
每一次页面跳转，转化率可能会减少10%。什么是TabTabs 可用于将有关的内容分组，重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。Tab属于扁平信息结构，可以让用户在分类之间随意切换，而不用在意当前所处的位置。Tab的优势Tab将大量关联的数据或者选项划分成更易理解的分组，提供简单的页
产品
2016年11月10日
Tab 设计的一些思考：让用户更轻易的接触更多信息
每一次页面跳转，转化率可能会减少10%。什么是TabTabs 可用于将有关的内容分组，重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。Tab属于扁平信息结构，可以让用户在分类之间随意切换，而不用在意当前所处的位置。Tab的优势Tab将大量关联的数据或者选项划分成更易理解的分组，提供简单的页
产品
2016年11月10日
Tab 设计的一些思考：让用户更轻易的接触更多信息
每一次页面跳转，转化率可能会减少10%。什么是TabTabs 可用于将有关的内容分组，重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。Tab属于扁平信息结构，可以让用户在分类之间随意切换，而不用在意当前所处的位置。Tab的优势Tab将大量关联的数据或者选项划分成更易理解的分组，提供简单的页
产品
2016年11月08日
Origami 教程 10- 列表视差动画 +TAB 动画
上期教程，大家学习了常用的下拉刷新动效，当然仅是一个思路和方法，不同的终端平台有不一样的做法，不要一味照搬，学习其中的实现方法即可，共勉～本期主要讲2个动效，TAB的切换，以及列表的视差效果。请下载附件，并且开始学习。完整效果如下：学习讲解本次教程都是较为常见的动效，列表动效 & TAB切换。两个效果是同时做的，所以在图层结构安排上要稍微注意，不能乱来。看右侧的图层结构，其
产品
2016年12月18日
交互设计的一些思考——导航篇（一）
许多朋友问我：你大学学的专业不是工业设计吗？都是做产品造型的呀，现在怎么跑去证券公司做交互了？相信许多做交互设计的朋友和都会遇到这样的问题。我觉得做一个APP的交互设计也是做一个艺术品，在工业设计的各种工艺中我最喜欢的就是陶艺了。我把交互设计比喻成在做一件陶艺，它需要理性的数据分析，如陶艺的长宽高、烧制时火候的把握、陶泥的化学成分等，同时也需要注入感性的元素，如造型细微的变
产品
2017年02月24日
APP 标签设计：三问 Tap 的标签布局设计
为什么主流资讯应用都选择4Tab的标签布局？这个看似理所当然的功能设计背后有哪些前潜在的逻辑？看完文章后你可能会有个解答。为什么主流资讯应用都选择4Tab的标签布局？为什么它们的主Tab Menu都放置在屏幕底部？为什么放置在底部的Tab Menu不支持左右滑动切换？不难发现上图中列举的三款应用都使用了放置在底部的4Tab模式，并且在Tab样式上都选择了图标+文字的信息展示
产品设计
2017年03月20日
从导航设计看QQ和微信的不同
QQ和微信这两大国民IM（即时通讯）应用，作为腾讯帝国的两大护城河，它们之间有何不同？之前的一篇文章，从聊天界面对比了两大应用（感兴趣的朋友可在文末查看）。这篇文章从导航设计的角度来对比一下这两款应用。我们先来观察一下两个APP的信息结构：QQ APP 信息结构微信 APP 信息结构可以看到，QQ和微信从信息结构上来说，非常类似。不同的点有以下两处：“我的”tab位置不同，
产品
2018年01月09日
