在做项目或做模拟项目时,可以学习项目如何推动,了解项目流程,学习,查阅资料,任何一个应用都有共同的方法,如:首页,列表,详情页,信息网格,付费购买,注册登录等等。在优化做产品的时候,就可以了解整个产品的脉络,核心的骨骼。
字体本来具备象形性。
安卓:思源黑体+Roboto
苹果ios:苹方+San Franciscoo
2018-12-21/字体知识 - 图1

一、中西文字分类与历史背景

◆西文字体

衬线字体

1、简介与起源

2018-12-21/字体知识 - 图2

2018-12-21/字体知识 - 图3

2、常见衬线字体

2.1、Centaur字体

2018-12-21/字体知识 - 图4

因为设计历史较远,没有版权 (不常用),装饰性强不太好用

2.2、Garamond(加拉蒙)字体

2018-12-21/字体知识 - 图5

常用
2018-12-21/字体知识 - 图6

使用案例;报纸平面常用

2.3、Caslon(卡斯隆)字体

2018-12-21/字体知识 - 图7

历史感觉,长篇阅读建议使用
2018-12-21/字体知识 - 图8

使用案例

2.4、Didol(迪多)字体

2018-12-21/字体知识 - 图9

比较时尚,细的地方与粗的地方相差很大,装饰性强
2018-12-21/字体知识 - 图10

使用案例;杂志封面、奢侈品、包装,推荐使用

2.5、Bidol字体

2018-12-21/字体知识 - 图11

迪多字体的扁版本
2018-12-21/字体知识 - 图12

使用案例

2.6、Times字体

2018-12-21/字体知识 - 图13

2018-12-21/字体知识 - 图14

使用案例
大多英文衬线字体没有版权,因为创建时间太早。

3、使用衬线字体的APP

3.1、Medium

2018-12-21/字体知识 - 图15

印刷排版,字体使用上比较好

3.2、Artsy

2018-12-21/字体知识 - 图16

3.3、Ployvore

2018-12-21/字体知识 - 图17

无衬线字体

1、简介

2018-12-21/字体知识 - 图18

无衬线字体是互联网常用字体

2、字体推荐

2.1、Futura字体

2018-12-21/字体知识 - 图19

2018-12-21/字体知识 - 图20

使用案例

2.2、Optima字体

2018-12-21/字体知识 - 图21

有版权
2018-12-21/字体知识 - 图22

使用案例

2.3、Helvetica字体

2018-12-21/字体知识 - 图23

ios9之前是苹果默认字体;它在无衬线字体中使用非常多
2018-12-21/字体知识 - 图24

使用案例
2018-12-21/字体知识 - 图25

很多公司的logo就直接使用helvetica字体
平面印刷中犹豫不决时用卡斯隆字体,互联网中使用犹豫不决时用helvetica字体。
2018-12-21/字体知识 - 图26

2018-12-21/字体知识 - 图27

2.4、neo sans字体

2018-12-21/字体知识 - 图28

2018-12-21/字体知识 - 图29

使用案例
带sans的字体大多都是无衬线字体

2.4、open sans字体

2018-12-21/字体知识 - 图30

推荐使用,且是免费字体
外国人很多人喜欢做字体,乔布斯当年做过字体,并在电脑里内嵌了很多字体,因为那时电脑存储较少,内嵌字体后,电脑更卡慢,但是乔布斯仍然坚持(而Windows在很久后才注重)。中国很少有人去做字体,原因是中文字体太多。
2018-12-21/字体知识 - 图31

使用案例

◆中文字体

无衬线字体叫黑体,有衬线字体叫白体。
2018-12-21/字体知识 - 图32

2018-12-21/字体知识 - 图33

1、宋体
2018-12-21/字体知识 - 图34

宋体也属于白体字
2018-12-21/字体知识 - 图35

使用案例
2、楷体
2018-12-21/字体知识 - 图36

2018-12-21/字体知识 - 图37

使用案例
GUI起源
2018-12-21/字体知识 - 图38

2018-12-21/字体知识 - 图39

2018-12-21/字体知识 - 图40

2018-12-21/字体知识 - 图41

ui字体中需要注意

1、低调

2018-12-21/字体知识 - 图42

2、灵活度

2018-12-21/字体知识 - 图43

4、宽比例
2018-12-21/字体知识 - 图44

2018-12-21/字体知识 - 图45

2018-12-21/字体知识 - 图46

SF pro字体

2018-12-21/字体知识 - 图47

SF pro分两种字体(SF pro Text & SF pro Display)
SF pro Display:字体大小≥20pt使用,大屏展示字间距窄,可以容纳更多内容。
SF pro Text:字体大小≤19pt使用小屏展示字间距宽,比较容易看清。
SF pro Text比SF pro Display字间距宽一些

二、字体设计概述

三、相关网站推荐