ui界面排版的设计

层次让排版发挥作用

为了创造一个用户可以感知到的、愉快的设计，设计作品应该有一个良好的组织结构和清晰的导航模式。设计师可以通过建立视觉层次来明确整体结构。视觉元素是在这个框架下组织的，用户可以更清楚地感知内容。

视觉层次可以分为不同的部分，其中只有与文本元素相关的部分称为排版层次。排版层次是将文本内容分成不同的类型，如标题、副标题和正文，从而让文本各司其职并具有良好的层次。不同的文本类型使用不同的大小、字体和颜色来显示。

清晰的层次结构使文本具备良好的可读性，此外，还可以突出文本的关键部分，从而吸引用户的注意力。

兼顾场景和用户

为特定部分的文本选取字体时，需要考虑其环境和该部分的特征。每种字体都有其特定的功能，合适的场景和情感，有的友好，有的有趣，有的严肃，有的看起来非常商业化，所以字体和情绪应该是一致的。

在选择字体之前，设计师应该了解产品这一部分的特点，了解客户的目标，以及目标受众的需求和偏好。字体的视觉效果将直接影响用户对产品的*一印象。如果这种字体不符合产品当前内容的情绪，用户就会产生误解。如果它是一个相对严肃的商业网站，使用有趣或拙稚的字体，用户会质疑企业和服务。如果是针对青少年或年轻人，过于正式和单调的字体会让页面看起来很枯燥。

密切关注移动端的布局

设计师经常尝试使用实验性布局来使设计看起来更有创意，然而，如果用非常规的布局迁移到移动端上，可能没有很好的可用性。移动端屏幕太小，无法适应过于独特的设计，这将使设计师难以兼顾功能和视觉。设计师需要特别注意移动端排版布局的细节，从字体大小到间距和缩进，这对整体效果有非常明显的影响。

与PC端设计相比，移动端排版更难达到良好的识别率。在小屏幕上，首先将字体控制在相对较大的形态，以免因识别困难而造成混淆。然而，字体太大会使设计看起来不那么优雅。同时，设计师应该特别注意内容的对比，因为移动端的环境往往极其复杂。如果对比度不够好，用户会有阅读困难，对视力造成不可避免的损害。

此外，设计师还需要考虑布局的功能性，如果文本中有可点击的内容，设计师需要确保它们能够易于被点击到，并且不会误触其它地方。