提高UI界面高级感的排版技巧|江都UI设计培训班

UI界面设计中，排版设计同样重要，如何将至关重要的信息，有效地传递给用户，这是界面本身的职责，而在绝大多数时候，这通常是靠文本来完成。

这就是为什么有效的排版对于改善 UI 整体的用户体验如此的重要。而优化排版，本质上也是在优化 UI 和 UX。

虽然在绝大多数时候，优化排版是在提升排版布局的可读性，提升课访问性，但是它的标准和核心的要素，依然是要保证排版本身的「可用性」。

降低用户使用时的障碍和摩擦，减少认知负荷。出色的排版设计能够让用户注意到内容，而不是排版本身上。

关于排版在 UI 设计种的重要性，就不再强调了，那么下面，我将分享 5 个实用性较强的排版优化技巧：

1、强化层次结构来提升UI的清晰度

将必要的文本内容集合起来，重新组织，有意识地梳理视觉层次结构，要让用户能够清晰地感知到内容。对于信息层级，通常会按照标题、副标题、正文、引用说明等常见的文本元素构成。

而清晰的文本层次结构，是依托于符合文本本身所属层次的响应的样式，这样才能确保可读性。

大标题应当突出，正文应当清晰明了，副标题起到的是对标题的辅助说明作用，所以应当适当缩小，这样一来，文本元素之前的大小关系，位置关系都更加清晰了。

一个经验法则是，通过修改字号大小的加倍和减半来快速理清相互关系。比如，如标题字使用了 32px，那么正文字体使用 16 px 来创建这个对比度。

2、有意识地创造具有呼吸感的排版

字间距、行高、行长是在进行排版的时候，常调整的属性。缺少足够的间距，可能会让文本难以阅读，但是间接过多，可能会让用户在阅读的时候感到稀疏难受。

3、根据内容来选取字体

在选取文本字体的时候，需要考虑到潜在读者的体验。不同的字体能够给界面和体验带来截然不同的体验，字体的选择能够影响用户对于界面的印象。

注：英文字体通常不会有很大的选择空间，在这方面中日韩三国在文本字体上，存在的问题明显会更多一些。

不过在移动端 APP 上，不少应用可以选择非系统默认的第三方字体，而在网页上，要实现起来会麻烦很多，所以通常只会调用本地的字体。

【报名地址】：

扬州市江都区仙女镇工农路15号和业大厦四楼（江都商城往西100米海澜之家楼上电梯直达）

咨询电话：180**121***34719(微信同号)/0514-86733278 戴老师

友情提醒：周一至周日 8:30—20:30 节假日照常报名