APP界面设计-这波实用小技巧你都知道吗？

(公众号:小发UI知识库)

1、按钮

注意按钮功能的优先级，可通过改变其填充的灰度和亮度表达不同的状态，主要按钮有4种常用状态：可点击、被点击、点击后、禁用，给予用户不同感知。

2、线和边框

若容器使UI更混乱，可将分隔内容的框和线用留白代替。我们以前做设计的时候，喜欢将元素套在盒子里，只需要把这些盒子去掉就能使界面看起来没那么密集，并给元素更多呼吸的空间，整个界面就能提升一个档次。

3、表格

尽量使用单列表格，多列易阻碍用户垂直阅读信息。打造页面呼吸感，有利于控制用户的阅读速度，做到张弛有度，避免大量信息毫无差异的堆积，减少用户的阅读视觉疲劳。

4、分割线

巧用线能帮助用户了解页面层次感，赋予内容组织性。采用线的分割方式，相对其他两种(卡片式和无框设计)是比较保守的解决方案，但是提前要处理好间距、粗细、颜色等问题。

5、文本对齐

文本对齐可进行帮助分组，提高阅读体验。无论是左对齐还是右对齐，文本会在每行末尾会因为空间不足换行，导致其中一侧的排序参差不齐，这是一个正常现象，不要刻意制造两端对齐的文本，这会导致不同行字距呈现不规则变化，降低阅读体验。

6、对比

通过巧用对比，用颜色和字重来设计层级。信息层级不仅仅是不同尺寸字体的组合，而是由字体尺寸、字重、颜色形成对比的正确组合。对比差异越大，层级关系表现明显。

7、间距

间距通常决定了界面整齐规划、清晰与否。如何定间距取决于间距规范最小单位。一般页面会使用2px/4px/8px作为最小单位。虽然大间距可以清楚区分信息层级，但要谨慎使用，大量留白会使页面太空、太长。

微信关注:小发UI知识库

定期更新:UI设计知识，学习素材，软件等