美文网首页
03排版与字体导论

03排版与字体导论

作者: 周娟設計師 | 来源:发表于2017-10-12 23:11 被阅读56次

一.字体

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.安装字体

思维导图笔记

相关文章

  • 03排版与字体导论

    一.字体 01.字体应用 02字体分类 那么多的字体类型,记起来特别的麻烦。其实,可以简化为三种:衬线体、无衬线体...

  • 排版与字体

  • 设计|字体选择、排版、色彩、规格

    内容为:设计中字体的选择、表述方式(形容词)、适用处、图片与字体的排版、字体的色彩及规格等 字体 纤细、潇洒、圆润...

  • 字体排版

    title: 字体排版date: 2016-10-24tags: CSS Secrets 0x01 连字符断行 C...

  • 排版-字体

    无论字体多么独特,它们都有一些共同的特点。就像人体一样,字体可以分解成具有特定名称和功能的解剖部分。无论您是字体设...

  • 2016年4月第一周

    一、关于文章排版 首先文章排版风格应该与公众号的定位、人群相关,同时也要有自己稳定的风格。文章排版时在字号、字体、...

  • 菁鱼课堂干货来袭,设计圈超实用的2款字体排版工具

    今天菁鱼课堂的干货是2款字体排版工具,字体排版指的是将文字原稿依照设计要求组成规定版式的设计。字体排版不但可以提高...

  • 超实用!英文字体及排版的运用方法

    字体与阅读体验 每个人、每天、在各种场合都会接触到字体。字体设计与排版,其实已经超出了设计师的范畴,无论是写商务邮...

  • CSS格式化排版

    CSS格式化排版 (1)文字排版 文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式...

  • 【设计谈】字体与排版

    无论你是做网页还是App设计,文字内容总是能占到整个版面将近80%的区域。因此理解字体与排版对UI设计师来说非常关...

网友评论

      本文标题:03排版与字体导论

      本文链接:https://www.haomeiwen.com/subject/julayxtx.html