字体小册子!针对零基础的英文字体排印入门指南 - 优设网 - UISDC

字体小册子!针对零基础的英文字体排印入门指南

2016/04/21 7410评论区

english-font-typesetting-guideline-1

什么是字体排印?只要保证所有内容拼写正确、传达了客户要求表达的信息就够了吗,用不同的字体和排印会带来不同的效果吗?

字体排印是一门排印文字以适应不同传播目的的艺术,好的字体排印可以使信息传播事半功倍。

基本元素

基线(Baseline)是多数字母排列的基准线,如图,大多数字母都沿着基线排列,不会超过基线。

而“p”向下延伸超过了基线,超过的部分就被称为降部(Descender)。

主线(Mean line)和基线之间的距离被称为x字高(x-height),指的是像“x”这样上不超过主线,下不超过基线的字母的高度。

像“h”这样超过主线的部份,被称为升部(Ascender)。

大写高度(Cap Height)是指一种字体里,大写字母最顶端到基线的高度。

字腔(Counter)字母中间的空间,封闭字腔如“p”,开放字腔如“h”,“n”。

距离

无论是把字母分得太开,还是挤得太紧,都会影响阅读,这时候需要对字距和行距进行调整。

字距(Tracking)是字符间的空隙。

行距(Leading)是一段文字中行与行之间的距离。

字距微调(Kerning):即使字距都是一样的,由于字母本身的问题,看起来也可能显得不同,例如“Tracking”中的字母“T”,跟在它后面的字母和它之间的距离会显得相对大一点。精细的字体排印会在设定字距的基础上再进行字距微调,以达到更好的阅读体验。

对齐方式

左对齐:默认的书写方式采用左对齐,方便读者阅读。非正式信件、未出版的手稿、基本段落样式都采用左对齐。

居中对齐:起强调作用,通常用在大标题、标题上。

右对齐:看起来清爽而专业,通常用在商业信件、回信标签、商业卡片等要求正式格式的地方。

两端对齐:通常用于报纸印刷或者课本正文的,应用起来略有难度,这种对齐方式使左右的边界(Margin)都非常整齐,但也容易出现川流(River),是指单词间的空格碰巧在纵向上排成一列,文段出现裂缝,如图例,川流出现在“ante”这一词附近。

字体选择

字体的选择影响着内容的表达。选择字体时需要考虑到你的受众是谁、要传达的信息是什么、以什么媒介传播,以及情绪反应和心理感知。

Serif Fonts 衬线体

字母的前端或末端有短线修饰。

有正式、传统、古雅之感。

通常用于优雅、经典的设计中。

最适于印刷媒介。

Sans Serif Fonts无衬线体

没有衬线修饰。

有非正式、娱乐、年轻、易接近之感。

最适于数字媒介。

可以清晰地呈现正文和标题。

Script Fonts 手写体

模仿手写字体

有休闲、诱人、放松之感。

不太适合用于正文。

适用于数字媒介。

常常用于结婚邀请函、贺卡等私人信函中。

Decorative Fonts 装饰性字体

上述字体外的其它字体,依据视觉和美学需求特别制作

适用于标题而非正文

非正式、个性鲜明。

TIPS

  • 不应本末倒置。好的字体的选择是为表达文字内容锦上添花。
  • 谨慎混用字体。条纹和格子如何混搭?当你对字体选择有疑惑的时候,最好还是保守些,不要越用越乱。
  • 注意版面的一致性。如果一开始标题用Arial,那最好从一而终。
  • 分栏的新闻排版最好使用两端对齐,同时要避免产生川流。
  • 字号11或12的衬线体最易于阅读。
  • 使用斜体或加粗可迅速吸引视线,适合用来强调内容。
  • 使用颜色来进行强调。应用得当地话,红色往往是最显眼的。
  • 标准的行距通常是字体大小的30%-60%,例如字号12的话行距是4-6。
  • 行距短些更易阅读,但太短的话也会分散注意力。推荐一行45至60个字母,也就是7至10个单词左右。

字体排印是一门学问与艺术,以上内容仅仅是非常浅显基础的入门。

以下有几个很棒的英文字体网站推荐给大家:

Fonts, typefaces and all things typographical
Typographica. Type Reviews, Books, Commentary.
The FontFeed
FREE 27 Page Type Classification eBook

文/ LOIS KNIGHT 编译/ 姚昱旨

欢迎关注译者特赞的微信公众号:

tzqr160421

「优设人物专访系列」

1、曾任腾讯大粤网设计主管的跨域达人:《优设访谈!腾讯设计师米田的设计之道与成长之路》

2、没有听过冯叔的设计师不是好设计师:《优设访谈!著名设计师冯铁的设计思考与经验之谈》

3、前端重构视觉交互无一不精的设计师:《优设访谈!腾讯高级交互设计师C7210的十年设计路》

4、非议不断前行不止,用心的设计团队:《优设访谈!国内知名设计团队专访之滴滴DISIGN》

5、前网易现阿里写的书是交互领域必读:《优设访谈!阿里交互设计专家刘津的设计管理之路》

6、职业路径最为清晰的科班交互设计师:《优设访谈!LBE安全大师产品总监晓生的职场进阶之路》

7、能靠脸吃饭偏偏不的设计界「鹿晗」:《优设访谈!阿里资深设计师的自学设计之路》

8、300多人的百度设计团队该如何运转:《优设访谈!国内知名设计团队专访之百度大UE》

9、百度上海团队负责人的非科班设计师:《优设访谈!百度设计大咖JJ YING的自学成才之路》

10、他带的学生已经是国内的设计大咖了:《优设访谈!灰昼:从非科班生到首席美术总监的15年设计路》

11、设计的产品有几亿人在用的非科班生:《优设访谈!腾讯电脑管家视觉负责人张晓翔的UI自学之路》

12、英雄联盟穿越火线天天爱消除都有他:《优设访谈!腾讯游戏Tgideas团队设计总监李若凡的十年设计路》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量112万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/english-font-typesetting-guideline

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里