列表信息栏中，视觉流主要在1、2、3点上，因为视觉焦点既要关注xy轴上的主要日期信息，也要看中部的价格信息，视觉焦点会有较大面积跳动。所以列表设计上，色块是最大的引导元素，整个列表除了被选中和按钮以外，都处于边界视觉范围。

这种设计既对重点信息的呈现有针对性，也将信息的结合呈现非常好，但是用户可能要花一点时间理解。

采用两个日历分别展示不同类别 1、两个页面间跳转

两个页面呈现两个日历往往最大的问题是，atv，跳转了以后怎么向用户呈现已选择了的信息。

左边应用的设计让我跳转后很疑惑，到底我刚刚出发选了什么，没有反馈，也不知道对不可选的定义是什么，为什么出发选了24号，跳转到返程以后24号前的依旧可选。而在右边的应用中则有很好的信息反馈设计。

2、同一个页面两个tab跳转

tab跳转设计很好的解决了两个日历在不同页面间跳转可能存在的问题：低效率、弱反馈、撤销操作成本高等。

总结

以上每一种日历设计都有场景意义，也同时有优有弊。但对于移动端来说，效率是比较重要的，个人认为两个页面做日历设计这种设计不是很推荐，除非是使用场景很有必要，页面间的跳转低效率、弱反馈、撤销操作成本高。

相较于这么多种设计，底部信息栏的设计成本比较低，比较容易就能满足信息的可见性，也满足视觉流规律，在操作上也比较高效。

对于提示信息，如果是一级信息，可以直接压在操作焦点附近，盖住次级信息也可以；次级信息可以置放在边界，减少对主要信息的干扰。

理解UI设计准则——边界视觉缺陷

设计中的视觉流和节奏规律

作者：中酥，知乎专栏：妙妙的设计蠢蠢的我

本文由 @中酥 原创发布于人人都是产品经理。未经许可，禁止转载。