UI设计字体排版技巧有哪些
职业技能 / 设计培训 / UI/UE培训
-
91搜课网
2022-02-26 09:04
一、版式，品牌和用户；二、选择正确的字体；三、易读性；四、显示字体；五、衬线和无衬线字体；六、X高度；七、可读性；八、线高；九、行间距；十、尺寸；十一、线长；十二、层次结构和对比。
一、版式，品牌和用户
当用户与界面进行交互时，他还与品牌进行交互和联系。为了优化用户体验，字体必须与网站品牌的语气和声音保持一致。MailChimp是说明此概念的最佳示例之一。他们在网站上通过选择标题为“ Cooper light”的字体来做到这一点。这种字体具有一定的个性，并传达出该品牌声称的友好而平易近人的风格。
二、选择正确的字体
要选择正确的字体，最基本的是要考虑使用的上下文和界面中字体的用途。选择正确的字体还意味着要考虑针对扩展文本优化的一组字体，因为对于在屏幕上阅读的用户而言，在某些时候可能会很累，尤其是在网站内容繁多的情况下。
要搜索字体，我通常喜欢探索Google字体或Adobe Fonts(Typekit)中的字体。它们都提供了针对网络优化的高质量字体选择。我避免使用任何来自免费网站或未知资源的字体，因为它们通常不会提供经过良好测试的出色字体。
使用Web排版时，作为设计师，您必须知道两个主要原则，以使内容可访问和易读：可读性和易读性。
三、易读性
易读性是读者在阅读时区分字母形式的能力。
四、显示字体
我们称“显示字体”为大尺寸使用而设计的字体。这些标题清晰，引人注目并且脱颖而出，非常适合标题。但是，这些字体在较小的尺寸下可读性较差，因此不应用于正文复制。我最喜欢的标题字体之一是“ BEBAS NEUE”。
五、衬线和无衬线字体
在网络上，我们主要使用两组字体：Serif和Sans Serif。传统上，衬线字体一直更加清晰易读，并且经常用于印刷文本中较长的文字。随着Web和设计趋势的发展，我们可以找到更多使用Serif字体进行正文复制的网站。如果选择适当，则效果很好。
Sans-serif字体因其简单的字母形式而更常用于正文。选择带有轻微“个性感”但不带有装饰性的字体非常好，因为它会增加用户的认知负担并影响他们的阅读体验。
六、X高度
X高度是评估字体时要考虑的重要特征。最适合正文复制的字体是x高度较大的字体。x高度越高，字体往往越清晰。为正文选择字体时要记住的重要规则。
七、可读性
仅仅因为字体清晰易读，并不意味着它是可读的。实际上，可读性是某人阅读文本时的理解和视觉舒适度。如果发现自己停止欣赏字体而不是阅读文本，则可能是字体不可读。这是两个示例，可以直观地查看上面的说明：
八、线高
行高也称为前导，它定义了文本块中基线之间的间隔。真正的理想行高并不存在，因为每种字体都不同。但是，线高的理想起点是1.2到1.8。行高过小会使文本难以阅读，因为行彼此靠近。一般而言，如果用户在阅读应用于网站文本的字体时遇到麻烦，他们会认为该内容难以阅读和理解。
九、行间距
行距是段落之间的间隔。始终将段落间距保持在字体大小的.75倍至1.25倍之间。
十、尺寸
使用字体时，大小很重要。我们需要考虑所有年龄段的人都可以阅读我们的内容。对于字体大小，最好保持最小为16px或1em。字体应足够大以方便阅读。浏览网站时，人们很忙碌，这就是为什么使内容清晰且易于阅读很重要的原因。
十一、线长
另一个提高可读性的常规做法是防止段落的水平线过宽。实际上，如果一条线太长，会拉长用户的眼睛并引起疲劳。经验法则是将行长度设置为最大40到70个字符。
十二、层次结构和对比
良好的字体对比度对于可读性至关重要。这是在网站内容上创建良好且一致的层次结构时要理解的重要原则。成功的层次结构将内容组织为易于消化的部分，易于扫描，并且用户可以访问。
来自
本文仅代表作者观点。未经许可，不得转载！
赞同
推荐课程查看全部
火星时代
AAA教育
益阳佳程软件
非凡进修学院
位置：北京91搜课网 > 学习攻略 > UI设计字体排版技巧有哪些