字体视界
按图片找字
2020
10-29
17:44
上传者

风云

来源

互联网

UI设计中字体使用小窍门

    选字的时候要考虑很多因素。首先,品牌的个性、提供的产品或服务以及受众。无穷无尽的不同字体设计,每一种字体都有自己的风格和风格,选择合适的字体并非草率的决定。以下AAA教育胡老师悄悄的告诉大家UI设计中字体的小技巧。

尽管在一个设计中尝试使用多种字体很有吸引力,但是对用户来说,这将是一个巨大的挑战。假如你不熟悉字体组合和排版,那就从使用同一系列字体开始吧,换句话说,就是使用单一字体。适当的字体能够协调工作,所以在字体上粘贴会自动为你的界面提供更有凝聚力的外观。

很多字体仍然有足够的范围,以确保为各种用途提供了足够的字体变体。比如,一些字体的特性包括斜体、扩展、粗体和压缩选项。虽然这类软件允许更有创意的布局,但是字体风格应该避免过度使用。


黑喵拼音藏文版


并不是所有字体都是相同的(清晰易读),在可读性方面,最好放心使用。serif字体通常是打印的首选,因为它更易读,而sans-serif字体更适合于数字界面。

最终,在选择字体时,确保字体与Web浏览器兼容至关重要。常见字体库(如Google字体)提供基于Web的字体文件,可在浏览器中呈现,问题很少。专家建议:在下载网页字体时,不要下载太多字符集。

可读性意味着整个阅读过程的质量。用户界面设计者通过仔细管理类型的对比度、大小、组成和颜色来提高可读性。在界面上的文字应该直观地呈现给用户,使认知负荷保持在最小水平,并且让可能有视觉障碍的人能够进入。要想给用户带来丰富的阅读体验,请遵循以下步骤:

格式。

很多地方的用户通常是从左到右,从上到下阅读——因此,把文本放在左边是确保可读性的第一步。在每一句话完成之后,一致的左边缘也会提供一个返回位置,这样就可以更快、更简单地阅读文本块。格式化时,建议严格或宽松,这样可以有效地避免段标题中出现符号。

空格。

空格是一个关键的方法,它减少了读者必须吸收一次文字。最大限度地利用空白将吸引用户的注意力,告诉他们要读什么和怎么读。小心并有意地使用它;在空白处略过可能意味着用户很难分辨放得太近的单词。而过多的空格会让用户感到迷惑。

层级结构

好的层次结构可以通过使用对比度、填充、交替的文本大小和空白来实现。

高程。

行高法,又称行距法,是指文本行距垂直的方法。行高的理想值取决于字体本身的大小,但是,如果使用16的标准字体大小,那么行高通常被视为很好的起点。若基础字体尺寸较小或较大,可相应调整行高。


文字间隔。

字符间隔是每一个字母之间的间隔。设计人员常常忽略字母间距,但是这可能会影响文本的可读性。在使用字母间距时,需要考虑的基本准则有:

用大写字母来增加间距。

加大字号时,减少字母间距。

增大字体粗细时间距减小。

直线长度

指文本块的宽度,表示长度。短行比较流行,因为它们更容易读懂。根据1440px的屏幕尺寸和16的基本字体尺寸,对于屏幕上的文本,推荐行长为60-80个字符。在移动屏幕上,这个范围可以调整到35到45个字符行。

扩展性强

enmmm-太多了!第四个方面是扩展性,也就是响应式排版的艺术。前几篇文章中,我们讨论了响应式设计,即用户界面根据屏幕大小进行调整和重新设计。某些字体在大尺寸时很容易看清,但另一方面,如果字体过细或过大的装饰字体在较小的设置下可能会打碎。在用户界面中整合字体时,确保字体可扩展是一个关键步骤。

缩放型字体,也叫偏置型字体或矢量型字体,是一种能够在放大或缩小时不引起任何变形的字体。每一个角色的轮廓都储存为数学公式。除各种字体的大小外,可缩放字体还有一个优点,那就是它们能充分利用输出设备的分辨率。显示分辨率越高,可缩放字体看起来越好。

在UI设计中使用字体时要注意:如果你的字体系统(系列字体在产品中使用)包含了用于多种用途的字体(从小标签到更大的标题和大容量内容),那么就选择兼容于多种尺寸的字体,并改进每种尺寸的可读性和可用性。其中包括拉托、Univers和阿文尼尔。

测试界面上文字的可扩展性时,一定要使用真实文字。毫无疑问,在某些情况下,LoremIpsum占位符是有用的,但如果用对界面重要的单词和句子字母测试可伸缩性,就能更实际地理解它们的伸缩性。

设计周:UI设计中通用和包容的区别与联系设计周:UI设计师需要会交互设计吗设计周:一个好的UI设计师必须具备哪些非设计技能?


   免责声明:该文来源上传者上传或转载,也有作者本人供稿或转载,不代表字体视界、字体资讯、本公司的观点和立场,本公司并不对其真实性负责。内容展示传播目的仅为传递更多信息供广大网友阅读与学习,丰富互联网信息。【该文如有涉及内容、文章、图片、字体侵权,请及时与我们联系下线处理。(举报邮箱:font@17font.com ;举报者请提供:姓名、电话、如涉及版权请提供版权所属证明文件),我们会在收到举报邮件后尽快给予回复,经查属实会对内容进行下线处理。】
热门资讯 / 热门问答
推荐文章