文本设计的小诀窍

在进行长篇幅文本设计时，要注意本文宽度不要过长，千万不能铺满整个屏幕。

微信公众号的文本宽度660px，知乎的文本宽度654px，google搜索结果页的本文宽度600px，百度搜索结果页宽度560px，百度百科的文本宽度790px。

总之，成熟产品的文本宽度几乎都不超过800px，其中600～700之间最为合适。

当文本超过3行或4行时，慎重使用文本居中对齐。

因为文本居中对齐时，不可避免地存在两侧参差不齐，这会导致用户在阅读两侧内容和换行时，导致额外的眼球运动，这会造成眼睛疲劳，阅读困难。

左对齐的长文本就在一侧形成看不见的直线，引导用户阅读，具有更好的可读性，因此书籍、网站等都在使用左对齐。

《写给大家看的设计书》中提到，居中对齐会创建一种更正式、更稳重的外观，这种外观显得更为中规中矩，但通常也很乏味。我敢保证，大多数看起来精巧的设计，都没有采用居中对齐。

如果标题和文本都比较短，例如一行到两行，可以使用居中对齐。再多的话，可以尝试左对齐是否更有利于阅读。

当我们需要区分不同权重的文本时，除了采用字体大小、字重等调整外，还可以尝试借助目标、项目符号或引号等其他元素建立清晰的视觉层次。

我个人在进行文本排版时会尽量避免使用线条或背景颜色，因为在大部分场景下，利用空白间距便可以将层次划分清晰，并且可以使整个界面保持干净整洁。

原文地址：栗子设计喵（公众号）

作者：栗子

转载请注明：学UI网》文本设计的小诀窍

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。