一.字体
01.字体应用

不同平台使用字体
02字体分类

字体原来有那么多分类,而且每个字系都有它的故事
那么多的字体类型,记起来特别的麻烦。其实,可以简化为三种:衬线体、无衬线体、斜体

衬线字体
衬托文字的装饰线

无衬线字体
横平竖直,没有任何装饰
我们经历了三个时代,洛可可、巴洛克、哥特时期,当时就用衬线字体。之后经过工业化发展,包豪斯风格开始流行。因为需要大批量生产,而且受到日本禅意各种影响,进入了极简时期。所以就有了无衬线字体。

洛可可建筑,主要表现室内装饰

巴洛克风格,欧洲典型文化艺术

哥特式建筑它由
罗曼式建筑发展而来,为
文艺复兴建筑所继承。哥德式建筑在当代普遍被称作“法国式”(Opus Francigenum)。图为米兰大教堂

包豪斯风格,极简风格。机械发展,代替了手工业发展,所以开始出现了包豪斯风格。

意大利斜塔(比萨斜塔)
03字体骨骼

基线Baseline

字间距Tracking

字距Kerning
行距Leading 行距是文字的1.5倍
04字体属性

字体属性
05.字体推荐
英文字体推荐

Arial(啊肉)抄袭Helvetica

Arial的故事

蒙那超级牛

San Fran cisco

Garamond

Gill Sans

Bodoni

Gill Sans

Bodoni

AKzidenz-Grotesk

Times New Roman

毛笔字

Bino

安卓字体(衬线字体)

San Francisco(苹果生产的)专门为UI而生

Didot

Coopeer

Univers

Futura

Frutigerer Bold

forte
中文字体推荐

方正清本悦宋

汉仪方墨简体

郑庆科黄油体

禹卫书法行书简

方正喵呜体

颜简体(中秋节banner试用)

毛笔字

文悦古体仿宋

汉仪小麦体

字体欣赏

字体欣赏

字体欣赏
二.排版(CRAP原则)

CRAP原则
01.对比(大小对比、颜色对比、留白对比、深浅对比)

大小对比、颜色对比、深浅对比

颜色对比
大小对比

大小对比
颜色对比

颜色对比(蓝色、绿色邻近色对比)
留白对比
02重复
排版分类原则,根据交互逻辑划分

重复

重复原则

根据交互逻辑划分
03.对齐

对齐

对齐方式

居中对齐(元素居中对齐时,文字也要居中对齐)

元素左对齐时(文字也要左对齐),元素右对齐时,(文字也要右对齐)
04.亲密性

是一组的元素就在一起,也就更亲密

亲密性例子

字体对比
05.黄金比例

0.618

黄金螺旋

黄金比例

黄金比例

黄金比例
三.艺术风格

故障艺术

故障艺术风格

拟物化设计

拟物化风格

扁平化风格

扁平化风格

波普艺术

波普艺术

蒸汽波普艺术

蒸汽波普艺术

蒸汽波风格

蒸汽朋克风

蒸汽朋克风
等距视角

等距视角

分形艺术

low poly

low poly

low poly

孟菲斯

孟菲斯(今年忒流行)

孟菲斯

瑞士平面风格

瑞士平面风格

表现主义

表现主义

达达主义

达达主义

极简主义

极简主义
四、作业

自画像卡牌
1.自画像卡牌
2.练习黄金比例
3.安装字体

思维导图笔记