前几天说了苹果的系统ui改版，一顿夸，但是呢，也并不说所有的设计都是好的，比如很多人觉得这个启动图标很丑：

当然，我是觉得还好，可能只是颜色有点太浓了。

不过改版后的这个keynote的图标，是真的有点反古了，后面的背景问题，我感觉好土啊，哈哈：

除了图标，还有界面，当我看到这个更新页面的时候：

我惊呆了，这是苹果的页面设计吗，在我的印象里，苹果的设计都是主次非常清晰的，比如这种：

再比如这种：

第一视觉和第二视觉都分的很清晰。

然后我们看看这个更新页面：

非常非常非常非常的凌乱。

所以，今天，我们就来简单调整一下这个界面，看看能不能变得更好一点。

我们可以分几个点来优化。

1. 主次一定要分明

我们看下单个模块：

最大的问题就是主次不分明，这里真正的主要信息一定是上面那一排，更新软件的图标名称、还有更新的按钮，而下面的修复信息其实并没有特别重要，就像苹果移动端那样，上面的软件图标、名称信息很大，新功能的具体信息其实很小：

我们作为用户，其实很少会关注他们里面具体修复了什么bug，而且他们很多修复内容写的也都不走心啊，比如这种：

很多还都是重复的：

所以这种信息，根本不用太突出，如果都已经影响主要信息了，那肯定问题就太大了。

所以我们来增强一下主次信息的对比，看下效果：

这样就好很多。

如果觉得下面的“更多“变成黑色，没有点击感，可以加一个小箭头：

这样就ok了。（如果胆子大，下面的修复信息用灰色都行，这里我稍微保守点，还是保持了黑色）

02 信息和按钮别融在一起

我们可以看下原版修复内容的“更多”：

当信息比较多的时候，会和“更多”糊在一起，这也是导致画面比较乱的一个原因，所以我们可以给信息一个安全区域，到了这个安全区域就折行：

这样信息和点击区域就可以很好的区分开了。

03 亲密性原则

我们看下原版信息和分割线的关系：

蓝色和红色应该是一体的，他们之间的间距应该是比较近的，但是画面中，红色信心和分割线会更近一点，出现了亲密性问题，这也是经常在画面里出现的问题，都是导致画面凌乱的原因。

04 去掉一个小点

最后说一个小点，更新下面这个可用更新感觉并没有什么用处：

即使有用处，他也犯了亲密性的问题，距离上面的分割太近了。
因为下面并没有看到其他分类，所以这里我就暂时把这个信息去掉了。这样也可以让界面变得更清爽一点。

好了，经过上面的一顿小调整，我们可以看下前后的对比：

优化前：

优化后：

整体的信息层级会比之前清晰很多，上面说的细节点也都是我们平时经常会犯错的地方，看似很简单，但其实就是这么多的简单小细节，才让最后的效果变得更好。

今天就改这么多了，因为看到苹果的这个页面，实在是有点难受，就顺手改了一下，一家之言，仅供参考，我们下期见啦！




本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：菜心设计铺！