可以说，字体可以成就或毁掉一个设计。
我当时这么说，今天我仍然这么说！
![]()
看完上图你就明白了
读起来是不是很不舒服？
**这是正确的！ **
**其实，困扰你的问题如下**
1.字体样式过多且杂乱
2.使用的字体难以识别
3.字体与内容氛围不相符
如何避免这样的结果呢？
总之：**常用的字体规范可以帮助您做出符合您要求的设计**
**一。 字数不超过三个！ **
许多专家表示，字体样式不超过三种。 事实上，同一个APP或同一个设计作品中的字体风格不应超过三种。 一般来说，**每个项目设计中1-2种字体就足够了。**然后通过改变字体大小或颜色来强调重点文案。
![]()
在上图中的几个界面中可以看到，界面内容中的层次关系是通过字体的大小来区分的。
其中，蚂蚁花呗的横幅仅使用一种字体来区分主标题和副标题的关系。
其实网页也是同样的道理。 使用字体样式和对比字体大小可以创建高清构图和设计。
![]()
**说实话！ 使用太多的字体会让你看起来不专业！ **
**2. 文字层次和背景要清晰**
![]()
![]()
看完上面两张横幅图片后，您是否注意到同样的问题？ 字体和背景融为一体，阅读时非常不方便。
这样的横幅如何能够被广泛宣传呢？
同样的原则也适用于移动界面。 如果选择像下面这样的背景，光线强的时候用户能看清楚吗？
![]()
因此，易读性和易用性是用户的根本诉求！ **
**3. 字体风格和氛围应该匹配**
**！[]()**
看完这张图后
第一感觉就是看不懂啊！ **如果你仔细看的话，你会发现它是眼部精华油。
文字风格与整体设计风格不一致游戏动态，没有激发用户的购买欲望。
我们来看下面这张图
![]()
结合文案的内容，设计风格采用了比较明快刚健的设计风格，字体也选择了比较刚健有力的造字工坊金黑。 氛围匹配，用户沉浸感极强。
![]()
活动横幅的氛围非常重要。 选择合适的字体风格可以增强购买欲望和点击欲望。
**常用字体按风格分类有以下几种**
**1.稳定的字体**
![]()
**！[]()**
陌陌APP欢迎页面采用了较为稳重的方中黑配色，整体风格较为直接、清晰。
**！[]()**
方正兰亭系列是网页设计中必用的字体。 稳重精致游戏ui常用字体，又不失时尚科技感。
看看下面Apple的网页，它就创建好了
用了方正兰亭超细后游戏ui常用字体，感觉高端多了~
![]()
![]()
当然，用在科技产品的官网上更合适。 稳重又充满科技感。
**！[]()**
**2.强劲有力型**
**！[]()**
张海山的字体非常好用。 你可以尝试一下。 他们清晰、年轻、有力量。
![]()
华康利金黑感觉像大字报
**！[]()**
**3.可爱的字体**
![]()
采用方形黑色设计的内涵横幅
是不是又可爱又深沉呢~~~
![]()
插画中使用汉仪小麦的感觉，不解释
![]()
（白茶）
**华康海报体**
常用于主题和指南页面
![]()
**腾翔金砖四国**
这也是一个非常好的字体
设计师以腾香砖为原型，将美食元素融入到设计中。
![]()
（注意合法使用字体，字体是有版权的~）
**当然我们也可以使用书法生成器**
通过免费书法网站在线生成
在URL中输入文字并选择书法字体样式
这样我们就可以快速找到我们需要的书法字体。
这个技巧非常有效！
![]()
我推荐您访问两个生成书法的网站：
**2. 在界面中使用文本的规则**
**1. 了解系统字体**
**iOS系统使用评方字体系列**
为了强化层次关系，平房系列有由薄到厚的不同款式。
![]()
**Android的默认字体是Roboto和Noto系列**
Roboto 有 6 种角色
细、浅、常规、中等、粗体和黑色
![]()
Noto有7种角色
Thin、Light、DemiLight、Regular、Medium、Bold 和 Black
![]()
**2. 统一字体大小**
一个App，不同位置的字体大小
**你能具体告诉我吗？ **
如果不能，说明你还没有理解标准，还没有制定标准。
那么我们先来看看一些常规尺寸（适用于2x尺寸，即iphone5/6）
**导航主标题字体大小：****34/36px**
苹果默认的标题字体大小是**34px**，有些软件也会使用**36px来加强页面位置的关系**
例如，微信导航标题的字体大小为36px，导航字体醒目且易于对应页面位置。 **
![]()
内部文本显示的字体大小是多少？
**文字大小32px-34px**
**子文本为28px-24px**
**最小字体大小不小于20px**
在文字大小的使用上，阅读类App更加注重文字阅读的便利性。
主要文字大小为34px，将选择性地选择Apple Square Bold。
![]()
具有列表格式和工具的应用程序的文本通常为 32 像素。
(**由于屏幕使用量的增加，文字大小趋势变为34px**)
子副本 28px，时间文本 24px
![]()
26px的字体大小也将用于对提示文案进行分类。
因为这种文字希望用户能读懂3D动画，但又不带走主列表信息的引导。
![]()
34px 字体大小也经常用于页面上的大按钮。 为了增加按钮的层次感，增强按钮的引导性，选择了稍大的字体。
![]()
**注意力！ **选择字体大小时，一定要选择偶数。因为开发界面时，字体大小转换需要除以二。
**网页上常用的字体大小有哪些？ **
网页字体大小最小 12px
常用Microsoft 14px/16px作为文本
大字体为 18px、20px、26px、30px
（注意使用偶数，奇数字体显示时会有毛边）
**好的设计不应该总是“别人的设计”**
**一定是你看的还不够、想得还不够、练得还不够**
文章来源:https://blog.csdn.net/weixin_31205797/article/details/117275789
