首页 > 字体设计 > 字体在线设计生成器-还在使用字体生成器吗? 这本排版指南是爆炸性的!
2023
07-11

字体在线设计生成器-还在使用字体生成器吗? 这本排版指南是爆炸性的!

版式和版式齐头并进,共同创造了出色的用户体验。 UI字体设计是文字排版的基础。 通过对不同字体的分析和研究,我们可以了解每种字体的特点用法,并通过合理的“规则”将它们组合在一起。 设计师一旦掌握了界面字体设计组合的“规则”,就可以改善UI界面文字布局的效果,提升用户体验。

1.掌握字体设计的分类

字体设计分类的核心是衬线,大多数UI字体设计分类可以分为两种:衬线和无衬线。 衬线源自英文字体的设计。 例如,一个字母的角上有装饰字体在线设计生成器,而另一个则没有装饰。 有装饰的称为衬线字体吉祥物设计,没有装饰的称为无衬线字体。 对应的中文字体中,宋体为衬线体,黑体为无衬线体。

注:无衬线字体看起来比衬线字体更大、更清晰,因此在基于电子设备的UI设计中,字体选择更偏向无衬线字体。

2.了解字体设计的粗细

字重(简称字重)是指字体中笔画粗细的差异。 笔画越粗,字体越重,笔画越细,字体越轻。 粗细对比对于UI字体设计至关重要。 一般来说,标题一般使用较粗的字体,正文一般使用较细的字体。

设计师常用的思源黑字体有六种不同粗细的字体,只是为了方便在不同的地方使用不同粗细的字体。

3.控制字体设计间距

字体间距是指字符之间的距离,包括行距和字距。 如果文字间距太小或太大,都会直接影响UI字体设计的舒适度。

3.1 字间距

字间距决定了相邻文本的紧密程度。 例如,在英文文本中卡通人物,经常存在这样的问题:大小写字母之间的空格与两个小写字母之间的空格不一样。 这样会造成一定的视觉不平衡,破坏美感。

3.2 行距

行距决定了段落的紧密程度。 人眼看大屏幕和小屏幕所需的行距不同,因此PC端和移动端的字体行距会略有不同。 一般设计的标准行距是文字大小的120%。

4.字体设计对比

在界面字体设计中,对比是一种比较常见的形式。 界面字体设计比较包括大小比较、字重比较(粗细比较)、颜色比较等。

4.1 尺寸和重量比较

在UI设计中,字体大小可以分为主标题、副标题、正文等。

4.2 界面字体设计颜色对比

文字颜色也是提升视觉层次的重要方式。 使用对比色可以使文本内容更加突出。 一般正文文字的颜色会比标题文字的颜色稍浅,以突出标题。

5. 字体设计对齐

对齐排版是文本排版中最常用的原则。 我们常用的对齐规则分为三类,即:左对齐、右对齐、居中对齐; 不太常用的有:顶部对齐、底部对齐和两端对齐。

左对齐和右对齐给人的感觉是相似的。 它们都采用两条视觉对齐线,使文字仿佛被一条无形的线束缚着,在版式上给人一种整体、严谨、正式的感觉。 居中对齐与左对齐和右对齐不同。 它削弱了文字的视觉约束,但提高了布局的灵活性。

6.掌握字体设计的情感表达

每种字体都有自己的情绪字体在线设计生成器,这种情绪直接影响字体的设计方式。 正如女性就是女性,男性就是男性一样,这里有一些常见的印刷情感。

不同的字体有不同的作用。 了解了多种字体后,您就可以根据自己的需要使用不同的字体,以达到最佳的设计效果。 这需要大量练习。 Pixso资源社区提供了大量优质的字体组合案例。 以下是Pixso资源社区“医疗咨询平台网页&手机”的案例。 从PC端首页可以看出,文字主题突出,层次分明,对比自然,采用了当今的字重、间距、对比、对齐等字体组合。 社会上这样的例子还有很多。 设计师在Pixso资源社区不仅可以学习字体组合,还可以学习文字布局、字体设计、界面优化等。

7.推荐使用Pixso进行字体设计

Pixso作为新一代协同UI/UX设计,本身就是一个非常好的设计工具,可以一站式完成原型、设计、交互和交付,提高数字化团队协作效率。

Pixso的文本属性面板非常强大,包括字体、字号、颜色、对齐方式、间距、装饰、大小写等文本属性。帮助设计师充分发挥设计才能。

Pixso字体库中预制了很多常用字体,样式、类型多样。 最重要的是,这些文字都是免费且无版权的字体,设计者可以放心使用。

面对复杂的设计项目时,通过链接邀请团队成员,进行多人云端协同设计,实时同步字体大小、边框、颜色等各种细节。

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计