发布时间:2023-9-10 分类: 行业资讯
对于设计师来说,为每个项目选择正确的字体是一项已经掌握的特殊技能。今天的文章允许您通过应用一些简单的规则来设计电子,打印技术或升级项目等级的字体。
如果您对选择字体组合感到困惑,请遵循本文中的规则,您可以设计出色的字体。
目录
1.定位项目重点
2.找到相同属性的字体
3.设置相同类型的字体大小
4.设置空白区域
5.选择左对齐
6.选择两种字体
7.不要修改默认字体
8.使用大量比较
9.不要忘记移动端的排版
10.参考风格指南
1. 定位项目重点
在项目开始时,我们需要澄清设计目标。在Google Font或Typekit等网站上查找字体之前,请先问自己以下问题:
该项目的目标人口是多少?
用户将如何对待此设计
什么样的氛围,情绪适合
需要匹配其他设计和品牌吗?
这些答案将帮助您为您的设计构建初步框架。
2. 找到相同属性的字体
在设计许多字体组合时,字体的形状细节将影响设计的质量。那么你如何做出正确的选择?
首先寻找类似形状的字体。让我们仔细看看每种字体是圆形还是椭圆形,厚或薄,高或短,对角线还是倾斜。
选择要用于标题和正文的字体后,组合相同形状的辅助字体。
确认每种字体的小写“o”。内侧是圆形还是椭圆形?将[o]形状与相同的字体组合在一起。
选择具有相同x字符的字体(英语:x-height)。
不要担心混合字体样式。也可以尝试使用serif和sans serif字体的组合。如果选择复杂字体,最好选择其他字体。另外,最常用的地方,如文字,我们仍然选择简单的字体,方便阅读。
小心字体的斜率。使用多个斜体或对角倾斜的字体对可能会引起用户阅读的不适,应该避免使用。
3. 设置同类型字体尺寸
字体的粗细和大小是决定项目质量的因素之一。文字的大小太大,无法阻挡视线,使人们无法自然阅读。另外,如果文本尺寸太小,则会导致视觉疲劳,并且用户可能从设计中移除视线。
通过正确设置字符大小,用户可以自由地阅读内容。适当的文本大小为:对应于项目中的各种大小。
身体内容,字幕或标题有各种各样的大小。这些尺寸和使用方法必须在设计中保持一致。
请注意以下几点,以便用户更轻松地阅读内容。
可以基于信息的重要性来优先考虑文本内容的大小。字体越大,内容越重要,并且越有可能占用用户的视觉范围。
通过减小文本的大小,可以更快地读取文本,从而允许用户在更短的时间内确认内容。
通过拆分长句可以使更大的文本元素更容易阅读。
4. 设置留白空间
此方法与字体本身无关,但在选择字体时,设置留空方式也很重要。
字距调整,行间距,跟踪和衬里方法可以表达字体的美感,也可以搞砸它们。
适当使用空白区域将使您的设计更加精致。但它还取决于实际项目中使用的字符,字体等的组合和大小。
5. 选择左对齐
与其他语言一样,当用户阅读英语,日语和中文时,他们会将眼睛从左向右移动,因此突出身体可读性的理想方式是左对齐。
与导航标题和Hero Header一样,一些文本本身很容易阅读,因此您不必将它们对齐到左侧。对于长句,它们应该对齐左边。
6. 选择两种字体
设计项目中使用了两种字体,许多人都知道这条规则。
当您违反此规则时,您可以查看是否可以使用其他字体样式:粗体,细线,斜体。
7. 不要修改默认的字型
不要拉伸,扭曲或倾斜字体。如果您需要不同的字体,请尝试其他方法。
字体设计师花了很多时间做一个漂亮的字体。如果更改字体,则会损坏字体的可读性。
8. 使用大量的对比
设计师所困扰的一个问题是如何在图片或背景中添加文本。
在文本中添加阴影时,不一定能获得足够高的对比度。通过调节亮度,您可以轻松比较并帮助使普通风格变厚。
在某些情况下,如果照片中有明亮和黑暗的地方,您可以使用粗体或细线字符来形成对比度。
让我们考虑选择其他文字,选择较粗的字体,并尝试在照片上叠加颜色。所有技术都旨在突出对比度,使文本更具可读性。
9. 不要忘记移动端的排版
关于网站布局的问题,移动终端的可读性是最重要的问题。虽然在文本中添加图案或纹理不会在某些桌面屏幕上打印或显示时出现问题,但对于小型设备来说并不理想。
因此,重要的是要考虑应用此字体的位置。
对于移动设备,字体看起来要大一些,所以让字体间距比桌面宽一些。通过这样做,可以有效地减少用户不喜欢的移动操作,例如在读取短句时多次滚动显示。
10. 参考风格指南
当您决定在项目中使用字体时,需要一个样式指南来总结所有用法和规则。
例如:请将您的元素移动到页面上易于访问的位置,并在该位置修改您的设计。
因此,完美字体设计的关键因素是:统一。
总结
字体的质量应由用户确定。
为了设计完美的排版,阅读是最重要的一点。字体易于阅读且易于理解。因此,为了达到用户可以随时阅读而不考虑任何东西的目的,字体也应该符合场景想要传达的信息和氛围。