今天完成的事情：

明天计划的事情：

修改编程王

遇到的问题：

暂时没有

今天的收获：

‍‍UI设计中的七个实用技巧‍‍

技巧一

多使用颜色和字重来表现层次关系而不是只用大小

一个界面设计的好坏不仅仅在于界面的美观程度 更重要的是信息的表达 要让用户一眼看出主要信息和次要信息 信息传达要有层次感

颜色

再颜色上我们一般使用三种层次 标题最深 正文第二深 一些不重要的注释最浅

字重（字体粗细）

一般分为两个字重 用较重的字重来表现标题  用较轻的字重来表现正文 

技巧二

不要在彩色背景上使用灰色文字

在白色背景上可以使不重要的文字变成灰色 但是在彩色背景上就不能使用此方法 因为灰色不带有任何色彩倾向 在彩色背景上使用灰色

会很难看 我们通常使用两种方法 使用透明度 在彩色背景上使用白色 然后江都透明度 这样北京的颜色就能偷漏出来 使其融合在一起 也

可以挑选基于背景色的颜色 有时候背景色如果是彩色或者照片 使用透明度会和后面的图案重叠干扰 这时就挑选一个同色系较浅的颜色

技巧三 

阴影增加垂直偏移

平时生活中 自然光都是从上向下照射的 因此阴影在下方 所以增加阴影的垂直距离可以使阴影向下移动 因而更接近真实

技巧四

无边框设计 使用更少的边框

当我们需要分割两个元素的时候 尽量不要使用边框 如果边框使用过多会使整个画面非常复杂 可以使用以下三种方法来解决边框问题

1. 使用阴影

可以使用阴影区分卡片和背景 让他们在视觉上分开

2. 使用两种不同的颜色 

可以使用两种不同颜色区分卡片和背景 让他们在视觉上分开

3. 添加额外的间距

在设计上 距离越远表示它们的恶关系越远 所以说让两个元素分开不一定要用东西把它们隔开 让他们离恶远气质就够了

技巧五

不要使小图标直接放大

我们现在使用的很多软件都是矢量的 按理说在矢量文件中把一个小图标放大是不会失真的 但是如果你这样做了 会显得非常不专业 一个

十几到二十像素的icon 如果直接放大两到三倍 会缺乏很多细节 不精致 而且比例会显得很矮胖

在需要放大小图标的时候有两种方法是可行的  第一种是不要放大图标 在图标后面加上圆形或者矩形的背景把小的图标装进去  依然是比

较精致的 小图标直接放大显得很粗糙 另一种放大是根据不同大小的尺寸画不同的图标 手动为大图标增加细节 就不会显得不精致了

技巧六

使用强调边框为平淡的设计添加色彩

对于绘画和手绘能力比较弱的设计师来说 用过添加强调边框 给不同的卡片上沿添加了不同颜色的边框 使整个界面看起来更丰富 也成功表

现了两张卡片的不同 不至于卡片一片白 很难找到重点 我们用不同颜色的强调边框来提现不同的内容 不仅让界面看起来更丰富 而且也让不

同的内容有了区分 更利于用户阅读界面的信息 

技巧七

并非所有的按钮都需要颜色

当一个页面上有多个按钮的时候 用户很容易陷入混乱 不知道该点哪个按钮 该执行哪个操作 人们通常习惯用红色表示警示和消极的操作 习

惯用绿色表示成功和积极的操作 但是如果只用颜色来表示各种按钮的意思 很容易让界面变乱 不知道该点哪个 因为按钮太多了 其实在界面

设计中 这些按钮的意思只是一方面 还有一个点经常被人忽视 就是层次结构 我们可以把一个页面的所有按钮想象成一个金字塔 大多数的页

面只有一个主要按钮 一些不太重要的次要按钮 还有很多基本不会被点到的三级按钮

我们设计主要按钮的时候应该让它是最明显的 一般用实心的按钮和高度对比度的背景颜色 设计次要按钮的时候应该让它明显但不能抢了主

要按钮的地位 一般用描边的按钮或者半透明按钮就行  设计三级按钮的时候应该让它看起来最不明显  但是需要和正文有区分 一般设计成带

颜色的字