其实平时在设计的过程中，最容易遇到的就是进行图文排版，而在UI设计中，对于图文排版和平面设计是有很多不一样的。作为UI设计师，不光要考虑某种图文排版的可行性，很多时候更需要通过图文排版来表现各个级别之间的关系和差异。下面是誉财教育为大家整理的关于图文排版的一些要点，希望对大家有用。

一、文字排版八条定律

第一，保证文字是可读的。

第二，不要在一个版面中使用三种以上的字体。

第三，如果英文标题或单独进行排版时，尽量全部使用大写而非首字母大写。中文标题或单独进行排版时结尾不需要句号。

第四，文字之间的间距在UI设计中一般设置为0，行距一般为字号本身的1.5倍到2倍。但是考虑到用户使用场景，比如用户在地铁内阅读新闻时可能地铁会出现晃的情况而导致串行，就需要我们考虑增加行距。总之字间距和行距以及文字大小都要依据实际场景来决定。在UI设计中文字大小单位须设置成PX(像素)，大小必须是偶数。如：24px、26px、28px等。

第五，文字阅读需要清晰地背景区分，比如黑纸白字和白纸黑字原则。

第六，除非不得已尽量避免在一个版式中使用中英文混排。

第七，文本左边对齐同时右边也需要对齐。可以通过PS中的段落面板设置间距组合和避头尾法则，但是有时半角符号可能会让我们很棘手，那就要通过调整间距和空格等方式让文本尽量对齐。

第八，中文前面需要空两个全角字符空格，英文前面无需空格，但需要大写。

二、图片

当然，我们在一个设计中一定会依靠一些配图或者照片素材来进行排版。有时我们会选择寻找素材或者是自己去拍，无论如何，作品中使用的图片一定要与整体设计色调相符，冷色暖色中性色都要符合整体的色调，一定是邻近色或对比色等色彩关系，不要因为自己的主观放置没有色彩关系的配图或者会抵消画面色彩倾向的配图。另外注意色彩会产生水彩效果，即两种颜色放在一起，如果其中一种是灰色或者比较脏的颜色，那么另一个颜色在我们大脑中也会感觉变脏了。类似于这种效果可以在作图中慢慢体会。

1. 图文比例

在一个设计中，图片与文字的量应该有一定的对比。人天生喜欢看图片而不是阅读，实际上人类有阅读能力的历史只有几千年，而欣赏图片的能力是天然的。如果你的需求上文字需求非常多，尝试与需求方商讨减少文字量。文字量越少，图形化设计越多，那么视觉上这个作品看起来就更轻松。

2. 图片比例

在平面设计中，因为最终目的是印刷，对我们的图片尺寸没有非常严格的要求。但是如果我们是为了互联网产品的设计的话，可能会涉及一些需要网站编辑直接上传的图片，如果你的尺寸不是一个固定尺寸，那么可能原本网站编辑不需要裁剪图片而可以直接上传的工序，要因为我们的一个尺寸变得很复杂。所以请牢记以下三个尺寸：4:3，16:9，1:1。4:3的原因是相机的画幅一般是4比3，所以我们看到的新闻客户端的图片大多是4:3。16:9的原因是视频宽荧幕画幅就是16:9，所以我们看到视频网站的截图一般都是直接由机器抓取的图片。1:1一般用于封面等图片素材的尺寸是正方形的。

好啦，今天为大家总结的知识点就到这里啦，关于图文排版的一些规则和问题当然不止这么多，各位同学还需要在平时的工作中多多总结和学习。誉财教育提醒大家，作为UI设计师，在UI这样一个方兴未艾的行业，还有很多东西需要现在的你们来完善，所以学习和积累是不能停止的，这个行业只需要上进的人，啃老本是无法持续发展的。