系统自带字体可以随便用吗?
很多人以为系统字体可以随便商用,这是不对的。其实系统自带的黑体、宋体、仿宋、隶书、楷体、幼圆属于通用字体,可以商用。但是像 Windows 上的微软雅黑,macOS 上的苹方黑体等,都不可以直接商用。
你可以在这个网页上查看某字体是否可以商用。
https://fonts.safe.360.cn
下面推荐我安装过的几款免费商用字体。
大名鼎鼎的思源字体是 Adobe 和 Google 推出的开源字体,支持简繁中日韩。
阿里巴巴普惠体是一款由中国企业首次发布的可面向全场景使用的免费商用正文字体。
阿里巴巴普惠体(中文字体,指定5款字重),Alibaba Sans(西文字体,指定11款字重)允许任何个人和企业免费使用,包括商用用途,但禁止用于违法用途。
庞门正道标题体是由庞门正道设计公众号以及字游空间创意工作室联合研发而且可免费商用的无版权字体,适合用于电商标题字体设计。
站酷系列字体
站酷分享了7款免费可商用字体。其中 6 款是中文字体。
一款偏可爱风的字体,支持简/繁中文、日文,包含CJK常用汉字、平片假名、JIS第一至四级,共30000余字。这是由日本的一位业余字体设计师濑户のぞみ小姐所制作的。
中文手书体包含了基本汉字 6763 个,字体风格为手写风格,可以用于 slogan、banner、海报、商标等设计里面。
字体是界面设计中重要的构成要素之一,它能辅助信息的传递,是文字的外在表现形式;字体还可以通过其独有的艺术魅力,表达情感体验,并塑造品牌形象。本文总结了字体设计的重要性、界面常用字体推荐以及国内外权威设计体系中对字号、行高、字重的选择和设置。如果你想对界面字体设计有更深一步地了解和运用,本文将会提供一些帮助。
辅助信息传递
文字是信息内容的载体,是记录思想、交流思想、承载语言的图像或符号,而字体则是文字的外在形式特征,是文字的视觉风格表现。合适的字体可以辅助文字,将信息清晰、准确地传递给用户。
表达情感体验
字体的艺术性体现在其完美的外在形式与丰富的内涵之中。在文字信息传递给用户之前,人们首先感受到的是字体带来的视觉魅力以及情感表达。
塑造品牌形象
不同字体有着不同的风格特征: 有的字体优美清新、线条流畅;有的字体造型规整、充满张力;还有的字体生动活泼、色彩明快… 根据产品的属性选择正确的字体,便能有效地塑造品牌形象。
字体的选择是由产品属性或品牌特性的关键词而决定。一般中文字体种类分为:黑体、宋体、仿宋、楷体等;英文字体种类分为:无衬线体、衬线体、意大利斜体、手写体、黑字体等。
中文字体推荐
线上中文字体推荐使用 思源黑体、华文黑体、冬青黑体、微软雅黑、苹方-简、黑体-简、方正兰亭黑 。其中 iOS 系统默认中文字体是「苹方 (PingFang)」,Android 系统中文字体使用「思源黑体 (Noto Sans CJK)」。
介绍下「思源黑体」这款字体,它是由 Google 和 Adobe 合作开发出来的,风格介于现代和传统之间,可以广泛用于多种途径,比如手机、平板、桌面的用户界面、网页浏览或者电子书阅读等。它为人们带来了愉悦和高效的信息阅读体验,并且是免费的。
英文字体推荐
线上英文字体推荐使用 San Francisco、Helvetica Neue、Roboto、Avenir Next、Open Sans 。其中 iOS 系统默认英文字体为「San Francisco」,Android 系统默认英文字体为:「Roboto」。
Helvetica 是一种被广泛使用的西文字体,1957 年由瑞士字体设计师设计,微软常用的 Arial 字体也来自于它。作为一款经典的无衬线字体,Helvetica 在平面设计和商业上非常普及和成功,被认为是现代主义设计理念的典范,其简洁朴素的线条风格非常受追捧。
数字字体推荐
线上数字字体推荐使用 DIN、Core Sans D、Helvetica Neue 。
DIN 起源于 1995 年的德国,无衬线字体,易用耐看、字形开放,是设计师最爱的几类字体之一,适合显示比较长的大号数字,但是小字号的情况下识别度较低。
Core Sans D 是由韩国设计师设计的一款无衬线字体,支持 Thin、Light、Regular、Medium、Bold 等类型字重,对大号数字的显示效果不错,不过它是收费字体。
Helvetica Neue 除了上文介绍的简洁朴素、中性严谨、没有多余的修饰外,还是 Helvetica 的升级版,拥有了更多的字重,可以作为 iOS 和 Android 跨平台数字字体使用。
字号是界面设计中另一个重要的元素,字号大小决定了信息的层级和主次关系,合理有序的字号设置能让界面信息清晰易读、层次分明;相反,糟糕无序的字号使用会让界面混乱不堪,影响阅读体验。
字号的选择,可以遵循 iOS 、Material Design、Ant Design 等国内外权威设计体系中的字号规则,也可以根据产品的特点自行定义。
iOS 字号规则
在 iOS11 系统中,使用 San Francisco 作为系统英文字体,包含了以下几种字号的文本样式:
11pt/12pt Caption (说明文字)13pt Footnote (脚注)15pt Subhead (副标题)16pt Callout (标注)17pt Body/Headline (正文/模块标题)20pt/22pt/28pt Title (页面标题)34pt Large Title (页面大标题)需要注意的是,San Francisco 字体有两种模式: 文本模式 SF Pro Text 和展示模式SF Pro Display ,文本模式适用于字号小于 20pt 的文字,展示模式适用于字号大于等于 20pt 的文字。
Material Design 字号规则
在 Material Design 设计体系中,使用 Roboto 作为英文字体,规定了以下文字排版的常用字号:
12sp 小字提示14sp (桌面端 13sp) 正文/按钮文字16sp (桌面端 15sp) 小标题20sp Appbar 文字24sp 大标题34sp/45sp/56sp/112sp 超大号文字长篇幅正文,每行建议 60 字符左右,短文本建议每行 30 字符左右。
Ant Design 字号规则
Ant Design 受到 5 音阶以及自然律的启发定义了 10 种不同的字号,从小到大依次为:12px、14px、16px、20px、24px、30px、38px、46px、56px、68px。
建议主要字号为 14px,其余字号的选择可根据具体情况进行自由的定义,尽量控制在 3-5 种之间,保持克制的原则。
Kiwi 字号规则
Kiwi 是饿了么的中后台设计语言,致力于打造出能够「了解、洞察、温暖、激励用户」的产品。在 Kiwi Web 中,规定最小字号为 12px,主要文本字号为 14px,最大字号为 46px。
行高可以理解为一个包裹在字体外面的无形的框,字体距框的上下空隙为半行距。
参考 W3C 原理,眼睛到屏幕的距离 25cm 为最佳阅读距离。西文的基本行高通常是字号的 1.2 倍左右。而中文因为字符密实且高度一致,没有西文的上伸部和下延部来创造行间空隙,所以一般行高需要更大,根据不同人群的特点 (儿童、年轻人、老年人) 以及使用环境,可达到 1.5 至 2 倍甚至更大。
iOS 行高设置
Apple 官方的 iOS 字号与行高对应关系如下 (@1x倍率):
Fluent Design 行高设置
Microsoft 官方的 Fluent Design 字号与行高对应关系如下 (使用字体 Segoe UI):
Ant Design 行高设置
蚂蚁金服的 Ant Design 字号与行高对应关系如下 (优先使用系统默认字体):
行高计算公式: L = F + 8。其中 L 是行高 (Line Height),F 是字号 (Font Size) ,F ≥ 12
字重是指字体的粗细,一般在字体家族名后面注明的 Thin、Light、Regular、Medium、Bold、Heavy 等都是字重名称。越来越多的产品界面需要通过字重来拉开信息层次,当下主流趋势 iOS11 大标题风格就是通过字重来拉开信息层级的。
不同的字重体现不同的层级关系和情绪感受,细的字体给人以细腻、轻盈的感觉,而粗体则给人庄重和严肃的感受,所以在定义字体规范时候需要考虑什么场景用什么字重,从而保持良好阅读体验。
字重的设置同样基于秩序、稳定、克制的原则。为了统一整体效果,一般情况下使用两种字重为佳,例如只出现 Regular 以及 Medium 这两种字体粗细,特殊情况下可以使用更粗或更细的字重进一步拉开信息层级。
当字号大小为 12-18pt 时,使用 Regular;20-26pt 时,使用 Light;28-34pt 时,使用 Thin;当字号大小超过 34pt 时,建议使用 Ultralight。
以上是按字号与字重反比的规则设置,即字号越大,字重越细。当然也可以按正比的规则或者自定义规则,具体还是要根据产品的定位和用户的特点来设置,以保证信息层级清晰明了为准。
本文到此就要告一段落了,如果对你有一点帮助就请点个赞吧~ 感谢你的阅读~
作者:Neil彭彭,公众号:彭彭设计笔记,不定期更新 UI/UX 设计类精品文章
本文由 @Neil彭彭 原创发布于人人都是产品经理。未经许可,禁止转载。
题图由作者提供
相关问答
这是华文黑体/细黑自带的西文字体,原版是CentryGothic。请使用字体识别工具,上网搜索就能找到网页应用,操作不难,不做伸手党。这是华文黑体/细黑自带的西文...
这种字体叫做华文细黑体,它是一种非常流行的中文宋体字体。它的特点是笔画细长,字形简洁,视觉效果简洁大方,非常适合用于正式场合的文书和商业设计等。在华...
iOS8系统中文字体是『常州华文的黑体-简』;英文字体是『Helvetica』字体。iOS9系统中文字体『苹方』;英文字体是『SanFrancisco』字体,也就是“旧金山”字...
1、把PPT中凡是用了“华文黑体”的文字都改成电脑自带的如“宋体”等;2、去网上去下载“华文黑体”的字体,然后打开“我的电脑”-“c盘”-“Windows”-"Fonts...
论文使用华文字体的要求如下1、课题论文标题一般可以设置为二号字体或者小二号字体,通常是黑体或者方正小标宋简体。2、正文一般是华文仿宋,四号字体。3、...
手机更换字体风格的操作路径:1.待机-应用程序-设定-(我的设备/设备)-(显示)-字体-字体风格(字体样式)-选择自带字体风格。2.如果手机支持在线获取字...
用font-family:宋体即可。fon标记是HTML里最常用的文字格式控制标记,通过改变font标记的属性可以改变文字的大小颜色字体等,但在XHTML里font标记应用比较少。...
[最佳回答]证书上共四种字体:华文新魏、隶书、宋体、黑体.在河南省第十二届大学生科技文化艺术节比赛中获类(组)奖.特颁此证,以资鼓励.这段话用的是隶书.下...
[回答]发文:指本单位发出的公文;发函:发出信件或公文.发文常用于机关单位正式文件;发函的概念外延广一些,除了机关单位,企事业单位等也经常用到.发文:指...
华文细黑1.身份证的正面,“姓名”、“性别”、“民族”、“出生年月日”、“住址”、“公民身份号码”为6号黑体字,用蓝色油墨印刷;2.身份证的背面,证件名称...