之前一直没有写过设计方面的文章，一方面是如今各类文章教程泛滥，真能有醍醐灌顶水平的文章，自觉尚未有此水平；另一方面则是——懒。直到前些日无疑看到美团的改版，内心惊呼：XX，这不就跟我之前的观点相似吗？于是方才有了此文的出现。

设计流行趋势变幻的越来越快，之前可以主导十几年的潮流如今可能只会维持几个月。新的设计理念层出不穷，借助于网络的传播很快成为风潮。因此，设计师不仅需要有扎实的基础知识，也要有灵敏的“时尚”嗅觉。

最近在使用美团的时候发现了他们推出了一个新版试用，其中大胆的改版戳中了我的心——这里许多理念不正是我之前提到的吗？如果当时我们的产品能采纳我的建议，或许可以早一步“引领”潮流。

当然说到引领潮流还是有些夸张的，应该更准确的说站在设计潮流的前沿阵地。以下便是我曾经提出的三个“设计预言”。

1.底部导航栏的分割线将逐步消失

底部导航，iOS中称作Tab Bar，MD设计中称为Navigation——我们姑且统称为底部导航——作为最早出现的组件之一，经历早年间与汉堡菜单地位的争夺战后，如今几乎出现在每一个APP中。

底部导航具有操作方便、引导明确等优势，但它在占据屏幕有效面积及导航标签数量限制方面存在天然劣势，因此才会有抽屉菜单、顶部导航、悬浮按钮等其他替代或补充方案。

如何优化底部导航是一个长久存在的课题。不可否认，抽屉菜单、顶部导航、悬浮按钮等其他导航形式在某种程度上解决了底部导航存在的问题，但那只能算是替代方案，而并非就底部导航的优化。

最初的UI设计普遍采用拟物风，底部导航也遵循这一理念，将点击区域和图标做的形象却又笨重。随着移动产品的逐步普及，人们不再需要通过形象的设计来进行操作引导，因而扁平化渐渐风靡，并在此基础上慢慢衍生出微渐变、轻拟物等等不同的风格。同样，底部导航也跟着改变。

设计风格的转变是寄希望用户专注于产品内容本身，减少其他附属信息的干扰，同时随着社会节奏的加快，将设计更加简洁、容易识别，还有一个就是注重页面整体的“呼吸感”，减轻人们的认知负担。所以，我们会看到，以前经常被使用的分割线、分割色块通过内容本身的间距而取代，以前的小字号被大而粗的字体取代，以前详细的文本说明被风格简洁的图片取代。但在底部导航上的发展却并不明显——除了图标样式的改变，其余方面，比如底部放置标签的数量（2—5个）、高度（iOS为49pt,Android为48dp）等方面并未做明显改动，尤其是底部导航的分割线。

众所周知，最开始的APP是iOS带起来的，因此在许多产品中都是Android适配iOS的设计稿，即便后期MD的出现导致越来越多的设计师为Android独立设计界面，但依然难免受到iOS一些风格的影响，其中就有底部导航的默认分割线。

底部导航分割线存在的意义是什么？如果去掉了是否会影响整体的效果呢？

在去年为公司设计新界面的时候，我曾极力主张去掉底部导航的分割线，理由是：第一，这里的分割线是历史遗留，在我们将其他位置做去分割线处理后，这里的分割线也没有理由固守不动；第二，去掉分割线后，由于底部导航中的图标及文字与导航栏上下边各有留白，所以不会造成与页面内容的混淆；第三，去掉分割线后，由于底部导航栏的背景色与页面背景色相同，所以会在视觉上造成底部导航占用面积减小的错觉，从而提高了页面的舒适感。

但结果是，最后选择了折中的方案——将底部导航栏的分割线颜色减淡。

如今，一些APP改版后已经采用了这一方案，比如网易的LOFTER，大众点评，蚂蜂窝等。

2.悬浮导航的出现

依然是底部导航，上面提到通过去掉分割线来造成扩展页面有效面积的“障眼法”，但实际上还有一个方法来切实提高页面有效面积的增加，那就是——悬浮导航——这是我自己编纂的一个名称，姑且这么称呼吧。

常规的导航会占据屏幕底部固定高度，但实际需要的区域则没有那么大，那么为什么不让他们像浮动按钮一样“漂浮”起来呢？

这一想法其实并非我个人原创，最初是在Adobe XD 的一个模板中见识到，再有就是自己所用的华为手机系统中随处可见的悬浮菜单。这种设计一方面减少了导航栏在寸土寸金的移动页面占用的面积，另一方面也更显灵动，如果想做的更激进点，完全根据需要将其收缩为浮动按钮。所以，这应该算是常规底部导航与浮动按钮的结合吧。

这样轻量级的底部导航在目前还未大面积实际投入使用，新美团算是抢鲜APP，豆果美食曾在二级页面广泛使用，而我在自己做的习作中则大面积采用这种形式的导航，结合微渐变、弥散投影等风格将有不错的效果。

3.个性定制的专属APP

这是一个更为激进大胆的想法。那天同样是在新美团上看到了真实投入开发的可能性，才惋惜自己公司当初不能致力于这一方面的研究。

这个想法是在去年三四月份的时候提供产品改版方案时想到的。个性定制专属APP，类似于淘宝、京东做的大数据分析，千人千面，个性推荐，但又不同于这种纯技术层面的考虑。我的理解是将一款APP拆分，以轻奢电商类产品为例，该产品不仅具有购物属性，还有社交属性（UGC、OGC），因此设立三种场景，第一种是常规的商城，用于日常浏览、搜索购物，第二个场景是用于社交，作为社交圈子的它可以查看别人的内容也可以发表自己的内容，允许互动甚至交友等（这一块甚至可以不需要直接融入第三块），这也是常规的想法之一，而最为重要也最为特别的是第三个场景——我的。

通常APP在这一板块安排的内容是个人信息修改，订单查看，系统设置以及一些杂七杂八的东西，举个例子，这里就是一间储藏室，而其他板块则是门面、客厅或卧室。我的想法是将这一块作为核心，除了加入日程、天气、备忘等生活类APP内容，再根据用户近期的操作记录，推荐搭配、文章、物流咨询等等。同时，用户可以根据自己喜好增加或隐藏这里的功能，可以在一定程度上自由布局，调整界面等。

用户有购物需求或有空闲时去第一块商城找产品，无购物需求时也可以在“我的”页面中浏览。

这一做法的目的，一是增加用户粘性，二是将APP融入用户日常生活，三是根据使用者的习惯而“定制”成为他们自己个性的产品。

在我为公司设计的另一款租房产品时也提出了类似的方案，一个模块用来常规找房，另一个模块会根据用户租赁状态（比如在租、看房、催缴）等提供不同的界面。

这一想法目前还有不少值得细致讨论的地方，实现难度也可能会很大，新美团是我所看到的最接近这种想法的APP了，但感觉真正做好仍有不少的路要走。

如今看上去有点事后诸葛亮，只是可惜当时的想法没有得到很大的重视，有些可惜了。其实，设计就是这样，需要敏锐的嗅觉和大胆的想法，当然要有足够的理论支撑而非肆意妄为，剩下的就要靠时机与客观情况了。