老说AI要淘汰设计师，它能考虑这么多细节吗？

今天想和大家分享两个干货内容：

一、弹窗设计（1）按钮层级（2）按钮圆角（3）亲密些原则

二、个人主页设计（1）整合信息，提高页面空间利用率（2）小修饰，做出差异化（3）改变颜色，提高辨识度

接下来让我们进入正题吧！！！

弹窗设计

在设计弹窗时，发现了一些细节点，虽然很细小，但对其排版舒适度却有着一定的影响。

比如下面这个弹窗，大家会不会觉得不够精致

我们来一点一点优化它

1.按钮层级

先说一下按钮层级问题，这两个按钮，更多时我们希望用户点击的是右侧的这个

左侧按钮显得有点重且暴力。我们可以选择弱化它的描边，这样既能清晰的表达信息内容，又能突出主要内容，像下面这样

是不是精致了一些？

2.按钮圆角

弹窗的按钮这样设计，会不会觉得有点不舒服？

按钮太扁了，让按钮有一种挤压感。
但此产品风格设定需要选用较大的圆角，那么我们可以怎样优化它呢？增加其高度！

按钮圆角的设定最好不超过按钮高度的1/3，这样不会使其看起来过于拥挤。

当按钮圆角大小无法改变时，那就增加它的高度，这样既增加了按钮的透气感，又使其更具点击欲。

3.亲密性原则

最初排列时画面过散，信息层级处理的问题，头像与昵称这类同层级的内容之间的距离过远，导致布局看起来像是三个板块

我们可以把相同信息层级的内容看成一个整体，将用户信息（头像和昵称）和按钮看作两个板块，对其进行排布。用户信息和按钮的间距为24px时（图中蓝色部分），头像和昵称的间距就可以取它的一半12px（图中紫色部分）。应用这样规律性的数值会让布局看起来更加规范和舒适。

通过这三个方向的修改，这个弹窗的精致度是不是提高了并不少？

个人主页设计

1.整合信息，提高页面空间利用率

这个页面，可以发现头图部分大面积的空白，使整张页面的空间利用率受到了限制。那我们是不是可以考虑把这部分合理的应用起来？
首先我们观察页面中主要的三个板块<TA的资料> <TA的标签><TA的技能>，发现<TA的资料>和<TA的标签>这两个板块其实更多的是展示信息，没有过多跳转的意义，且这样的布局方式看起来也不是很美观。
那么我们是不是就可以试着将其与头图中空白的空间结合起来。