聊一聊隐藏式设计

什么是隐藏式设计？不要问度娘，因为这是我自己定义的。

所谓的隐藏式设计，就是在用户需要的时候出现，不需要的时候消失。比如微信chat页面下的搜索的隐藏设计，Safari页面向上滑动时顶部搜索栏的缩小，instagram首页向上滑动时导航栏隐藏，或者是知乎首页向上滑动时，搜索框的隐藏，都恰到好处好处的使用了隐藏式的设计。

隐藏式设计的好处，就像他的定义一样，在用户需要的时候出现，用户不需要的时候消失，并且用户可以非常方便将其调出，比如被隐藏的导航栏在页面向下滑动时立即出现。

隐藏式设计的方案有很多种，下面我们就来看看常见的4种方案：

方案一：打开页面时先隐藏，向下滑动到最顶端时才出现。代表作品：微信。

用户打开微信时，首先隐藏了顶部的搜索栏，向下拉动屏幕时，才出现搜索栏。这么做的目的是最大限度让用户专注于核心功能－聊天通讯，当用户有搜索需求时，会在页面上探索，讲页面向下拉动，当页面到达最顶端时，从而发现搜索功能。我们再来看看第二页－通讯录。打开通讯录页面时，搜索功能是显现的，因为你要找人时，搜索是个高频需求。（需要注意的是，当页面的表单数没有超过一个屏幕时，搜索栏是显现的）

方案二：打开页面时先显示，页面向上滚动时隐藏，向下滚动时，立即出现。代表作品：知乎

知乎作为一款知识的集散地，很多用户在这里提出新鲜的问题，很多用户在这里寻找高质量的答案，所以，搜索答案和发布问题是高频需求，在用户打开知乎app的时候，就能立即看到导航栏上的搜索和发布按钮。当用户没有进行搜索或发布，而是开始浏览内容时，向上滑动屏幕，搜索和发布存在的导航栏会向上消失，给屏幕更多的空间来展示帖子内容。当用户向上滑动时，又立即显示导航栏，方便用户进行搜索和发布。这么做的优点非常明显，就是更加快捷的呼出了搜索发布栏，但是，这样做，也可能会错误的估计了用户预期，每次向上滑动屏幕时，条栏都会频繁打扰。

方案三：这个方案和方案二有点类似，只不过当你下移动的时候，顶部导航栏并不会完全收起，而是缩小显示，这样就很好的保持了当前页面tittle的显示，很好的为用户指明了位置。因此，这个方案可以看成是方案二的优化方案。代表作品为：Safari

方案四：和方案一有点类似，只不过他是做在导航栏上，触发条件和方案一完全一样。代表作品：instagram

四种方案各有优点，主要是看产品需求而定。总之，就是把握一个原则——在用户需要的时候，及时为用户提供需要的服务。