「提醒事项APP」中用缩进和风格线去表现层级关系
对比3：页面布局上的对比
再把视角放到页面布局中，「日历APP」采用的是边到边布局（Edge to Edge）方式，「提醒事项APP」采用的是卡片式布局（Card）方式。
在 iOS 系统中「边到边布局」是从 iOS7 后苹果开始采用的方式，优势是把极大增加了屏幕空间利用率，可显示内容增加，当时主打机型是 4 英寸屏 的iPhone5s，，屏幕空间有限。
iOS6 和 iOS7 设置界面的对比
从图片中里面是不是感觉 iOS6 也有点卡片式布局的意思，其实大家当时对 iOS6 印象还是「拟物化」，这里也就不展开了。
「卡片式布局」是被 Google 推崇起来的，当时有款产品叫「Google Now」（现在已经下线），这个产品可以语音互动&主动提醒（飞机、路况、比赛比分、突发新闻等等）信息内容给到你，包含的信息内容多样且复杂，用了卡片设计去解决了信息多而不乱的问题，信息和信息之间互不受到影响。
GoogleNow 主界面，卡片设计为主
「Google Now」产品已经下线，找了个介绍视频（https://v.qq.com/x/page/f03052ojg4u.html），大家可以注意里面不同场景下的卡片的布局都是不同的，也方便未来的扩展。
回到这两个页面布局对比中，不过不展开「时间控件」这样对比来看两边布局并没有很大的问题，具体看是要更多「包容」还是要「屏效」。
不过这里我们对比的是「时间控件」，这部分看来「卡片式布局」是更合适的，布局能包容不同复杂的信息，块和块&功能和功能之间是更加清楚，不会引起混乱。
现在很多产品也都在考虑「卡片式布局」，像「手机淘宝」这两年基本上已经完全改造成「卡片式布局」，我理解是因为手淘信息流复杂&个性，照片和元素的出现都不是固定的，用卡片作为「容器」去包容「内容」，让界面有秩序。
但这里还是要提一嘴信息流不要「无脑」追「卡片式布局」是最好，比如媒体为场景的APP，显然「边到边布局」显然更合适，比如 Instagram ，要给照片以更多的展示空间，也比如电商中对商品品质有信心的，那也适合「边到边布局」，比如 SNKRS，对球鞋品质表现的更加到位。
先理解再去设计「适合自家产品」的风格是个挺重要的事，毕竟一个产品风格会用很久，改动成本很高。
真的是抱着「心惊胆战」的心情去做的对比，苹果设计一直都是行业标杆，这次是想趁聊对比时「抛砖引玉」聊聊「界面细节是如何决定设计品质」，这些东西非常小，合作上下游也不一定在意，觉得差不多就好。现在产品迭代速度飞快，留给设计师的时间也不多，怎么样能够快速有效地把细节处理好，是一个值得长期讨论的话题。
最后抽取一些文章中的「关键词」做个总结：
- 间距控制：有些设计师出稿或工程师开发&验收时会忽略「间距」的价值，其实「间距」对设计品质影响非常大，背后设计理论支撑是「格式塔理论」，如果对「间距」不敏感，那要多练习练习去找好的产品设计去观察和感受。
- 米勒定律：很多人看界面觉得乱，为什么感觉乱背后可以通过「米勒定律」做设计理论支撑，人在同一时间处理信息程度是「7±2」个，数量越多越乱。
- 层级关系：表单或复杂页面中的界面需要把层级关系表现到位，不然界面会乱七八糟，在 iOS11 时候苹果已经注意到这一点并且已经提倡过，阅读了解「iOS11 设计理念和 3 个设计方向」。
- 边到边布局：一种屏幕效率利用高的界面布局，在iOS7 开始后被使用
- 卡片式布局：一种能够把复杂信息有序融合在一起的布局，更多包容和扩展
好了，今天和大家就唠叨到这。
作者：icojump，*边设计边管理
本文由 @icojump 原创发布于人人都是产品经理，未经作者许可，禁止转载
题图来自Unsplash，基于CC0协议
