文案排版设计技巧：4个实用方法快速提升UI设计质量

引言

做出一个既漂亮又可用且高效的UI是需要时间的，这其中还得经历多次设计迭代，要不断地去进行调整，一直到你的客户、用户以及你自己都真正满意才行，我明白，有时这是很不容易的。然而这些年来我发觉，还是存在一些实用技巧，借助一些简单的调整能够快速提升设计质量。这些技巧易于执行，不用花费太多精力，不但有助于提升你正在做的设计，还希望能提供一些可应用到下一个项目中的普遍设计原则。

方法1

大段文字，尝试弱化文字重量

对大段文字内容而言，整体视觉呈现会产生比较明显的、有一定压迫感的视觉压力，有时采用如正常文本字重这般的形式去看，依旧会有某些程度上显得沉重的感觉。借助选择类似深灰色（#4F4F4F）这种颜色的方式，能够较为轻而易举地优化此类问题，从而让文本在视觉观感上显得更舒适一些。（尽量减少对纯黑颜色的使用）

方法2

字体大小越小，相对行高就要设置的更高

倘若降低字体大小，增大行高能够达成更佳的可读性。要是字体大小变大，同样地，减小行高会更优。在此说明一下，这里所提及的行高是针对文本自身而言的，比如说运用36px的文字，其行高建议采用46px，这个增量便是10；要是运用18px的文字，其行高推荐使用32px较为适宜，那么这时相对于文本的规模而言，其增量就是14px。那所谓的字体大小越小，行高相对越高指的就是这个增量。

方法3

减少配色数量，提升一致性

请勿老是运用多种色彩去填充你的设计，要是项目准许，单纯地采用较少的配色，经由挑选一个基础色，接着运用色调以及阴影，能够简便快捷地增添设计的一致性。注在配图那边的图片色调全都和主色调达成了统一 ，也便是讲的同色系的色彩来进行配色 ，有的时候会获取到更好的成效。

方法4

突出重要元素，明确优先级

将“字体大小”、“重量”与之“颜色”结合加以运用，于UI里突出最为重要的元素便能轻易达成了。借助对界面中元素优先级开展强化以及进行简单调整，能让用户体验变得更为优良。需注意，明确的信息优先级会让界面更便于阅读，对产品信息的透传也有益处。时刻都要记在心里：信息传达得足够清晰才行，而非模模糊糊、似是而非。

方法5

确保图标有相同的视觉风格

于UI里运用图标之际，需维持一致性，保证它们具备同样的视觉风格，具备同样的重量，具备同样的填充以及描边，切莫进行混搭。

方法6

让行动按钮成为界面中最突出的元素

你或许会认为这理应属于常识范畴，没错？然而有时在进行设计之际情况可能大为不同。通过色彩对比度、大小以及样式等方面，来保证按钮能够达到尽可能突出的效果。要是条件允许的话，千万别老是仅仅依赖图标。要是有可能运用文字的话，那就把文字使用起来，带有文案的操作能够让用户获得更好的理解。

方法7

为表单错误增加额外的视觉帮助

去给用户才刚完成的操作周边添加上一条错误消息，这属于一种简单然而颇具帮助性的额外视觉辅助手段，用户有可能会通过各种各样的方式去填写表单。良好的用户体验是依赖于积少成多的。

方法8

凸显菜单中最常用的操作

继续浏览有关 文案排版设计UI设计技巧 的文章