文字排版中的基础知识

发布时间:2020年5月7日 分类:设计常识 浏览量:5008

如今,
随着媒介越来越多,
版面设计变的越来越复杂.
经验 | 文字排版中的基础知识
但只要掌握了文字排版中的基础知识,就能快速解决各种版面的排版问题
经验 | 文字排版中的基础知识
读懂字体性格
选择字体不再迷茫.
东方文字,西方字母,阿拉伯数字是我们日常排版打交道最多的,由他们形成的上万种字体带给阅读者多样风格的同时,也对版面的设计增加了难度。其实这么多字体的背后是存在一定的共性与规则
首先,上万种东方文字&西方字母的字体都由3种字体类型出发去设计的
经验 | 文字排版中的基础知识 它代表着细节、装饰、复古 
 
经验 | 文字排版中的基础知识
名称叫法:东方——宋体,西方——衬线体
特征:笔画的首尾有装饰性的细节,笔画粗细对比强烈,横竖末端有小三角,点、撇、捺、钩等笔画有尖端
性格:具有复古、优雅、有文化感历史感的视觉效果
具有年代感的报纸、杂志或品牌通常会选择用这一风格的字体系列
经验 | 文字排版中的基础知识
由于每个字体装饰性细节较多,如果做为正文字体去阅读,在人眼扫读的情况下,细节过多,反而会降低体验感,但我们日常阅读的书籍,特别是纸质,几乎都是以宋体、衬线体为正文阅读字体,这是为什么?就这个问题,我咨询了一些优秀的字体设计师,欢迎大家思考后在评论区发表你的观点,我们搜集完大家的见解在后期的文章中就这一话题进行探讨
★ 西方衬线体推荐字体
Garamond——经典衬线体
Caslon——巴洛克风格基础上改造 独立宣言字体
Coueier——过去打字机打出来的字体
Trajan——古罗马大写字体 端正有气势,复古、有历史厚重感 泰坦尼克号电影海报标题
Bodoni——现代主义风格最完美的体现、粗细对比强烈、优雅浪漫 常见于时尚杂志或书籍设计中, 田中一光的《设计的觉醒》封面所使用的字体
★ 东方宋体推荐字体
思源宋体
造字工房宋体系列
华康标题宋
汉仪瑞意宋体
方正风雅宋体
方正清科本悦宋体
经验 | 文字排版中的基础知识 它代表着时尚、未来、简约 
 
经验 | 文字排版中的基础知识
名称叫法:东方——黑体,西方——无衬线体
特征:笔画粗细统一、造型简明、没有装饰性细节
性格:现代简约、时尚高级、科技工业感
去除了装饰的衬线,只有粗细统一的主干,简约更能表达未来、时尚、科技
经验 | 文字排版中的基础知识
所以我们在很多科幻、数字时代主题的视觉中都能看到黑体&非衬线体的运用。很多科技公司的LOGO也更偏向于用这样的字体
 

 

 

★ 西方非衬线体推荐字体
Futura——包豪斯风格字体
Helvetica——无衬线体的经典之作,无印良品LOGO的字体
DIN——标准网格中创造出来的字体,包豪斯设计学院墙面上的字体是FF DIN字体
Frutiger——很多导视系统都用这个字体
Adele——纤细饱满
Arial——微软御用字体,设计的目的是在电脑屏幕上不同分辨率下的可读性,属于万能字体。不过比较普通,用在各种场合也不会容易出现违和感。和Helvetica字体很相似
★ 东方黑体推荐字体
思源柔黑
苹方黑
冬青黑体
方正兰亭黑
汉仪旗黑
站酷高端黑/酷黑
经验 | 文字排版中的基础知识 它代表着自由、个性、定制 
 
经验 | 文字排版中的基础知识
名称叫法:东方——书法体,西方——花体、手写体
特征:笔画粗细灵活变化,造型讲究个性美学效果,整体风格独特,造型跨度大
性格:文艺、个性化、活泼、浪漫、大气、复古...
中国的书法、西方的手写体,都可以称为装饰性字体,他们无法用于正文排版,造型变化灵活,阅读起来比较困难
经验 | 文字排版中的基础知识
不同字体的风格特点明显,很容易通过字体让视觉定义成自己想要的风格
★ 西方手写体推荐字体
Spencerian——斯宾塞体,可口可乐LOGO
Copperplate——铜板印刷体/铜板体
Gothic——哥特体
Italic——意大利体
★ 东方书法体推荐字体
汉仪尚巍手书
叶根友毛笔系列
方正字迹系列
禹卫书法行书
禹卫书法隶书
经验 | 文字排版中的基础知识
设置文字属性
区分内容主次.
经验 | 文字排版中的基础知识
一篇文章有标题、副标题、正文、引言、提示性文字等文字功能分区,即是为了区分文章内容上的结构,也是为了通过视觉上的分层引导用户,让阅读体验感更佳,那么,我们可以通过文本的这些属性来对视觉进行分层
经验 | 文字排版中的基础知识 字号大小
经验 | 文字排版中的基础知识
在上图中,我们可以看到5处文本类型,我们只用了3个不同的字号:
P=阅读最舒适的字号,拿公众号文章举例,12号-14号是常用的正文字号,在word软件中,12号可能与公众号设置的12号看上去就不一样大小了,所以不同的场景、设备、屏幕、软件,后台所设置的字号显示出来的都不同,这里我们不去记录绝对值,而是通过用户视角去预览、修改、测试
h1=主题/第一视角,标题在整个页面中,一般是字号最大的那个,为了达到标题的作用,仅仅大于正文的字号是不够的,大就需要大的明显,最少1-2倍才能吸引用户视线
h2=这里我设置的是辅助性信息,字号比正文还要小一点,但也要预览测试一下,不能小到不能识别,对于有5处文本类型,我们设置了3个不同的字号就已经够了,如果每个文本类型都用不同的字号,视觉分层过度也就等于没有分层
经验 | 文字排版中的基础知识 字重
 
字体设计师设计字体时,会为这个字型配套一个家族,它们长相差不多,通常只有粗细、斜体之分,我们又称之为“字重”
经验 | 文字排版中的基础知识
通过调整字重来“强调”,大家可以看到上图,我们不仅调整了标题的字重,在正文中一些需要强调的关键词也调整了字重,更好的服务阅读体验
经验 | 文字排版中的基础知识 颜色
 
这里说的颜色并不是指通过配色提升视觉风格,而是站在阅读体验的角度,设想一下,如今,数字版面区别于纸质书籍,数字版面上的信息种类更多,如果这些文本模块都是统一的颜色,阅读起来会很吃力
经验 | 文字排版中的基础知识
我们把文本通过深、中、浅、极浅去区分内容信息的权重,与之前调整的“字号”、“字重”做搭配,信息的阅读分层会更有效
经验 | 文字排版中的基础知识 对齐方式
我们通常将大段落/正文进行左对齐,依据人的阅读习惯是从左往右从上到下,右对齐也仅仅是应用在短文本的一些辅助、装饰性内容上。值得一提的是不论我们向哪个方向对齐,文本多列后,会出现参差不齐的视觉,这时候我们就需要对文本进行两端对齐
经验 | 文字排版中的基础知识
经验 | 文字排版中的基础知识
阅读的呼吸感
控制阅读节奏.
经验 | 文字排版中的基础知识 影响呼吸感的因素——行宽
一段文字的行宽过大,就跟读没有句号的文字一样,局促并且很可能找不到阅读的下一行
经验 | 文字排版中的基础知识
我们需要控制行宽在阅读舒适的范围内,像现在很大开本的书,都采用了小行宽,多段落的排版方式
经验 | 文字排版中的基础知识 影响呼吸感的因素——字间距
 
字间距大,会让每个文字铿锵有力,同时如果是大段落文字,会很难阅读的下去
经验 | 文字排版中的基础知识
所以我们在很多大片电影的片头中,会看到通过增加字间距来烘托“震撼”、“强调”的氛围
经验 | 文字排版中的基础知识
经验 | 文字排版中的基础知识 影响呼吸感的因素——行高
经验 | 文字排版中的基础知识
行间距与字间距是相辅相成的,如果字间距与行间距没有明显的区别,会造成横排阅读和竖排阅读的视觉错觉,行间距太小过于紧凑,行间距过大显得版面太空,所以这个距离通常是字号高度的1.5倍-2倍,也就是说,空白的地方一般是半个字到一个字的距离
经验 | 文字排版中的基础知识 影响呼吸感的因素——段落
 
经验 | 文字排版中的基础知识
一个版面可能出现很多文本类型,我们需要通过段落的间距去为他们进行分组,规划好内容分区,用明显的距离将他们分组,我们也可以通过一些装饰线,背景的颜色去为这些文本类型分组,提升阅读主次
这些基础的排版知识,你都get了吗?当你每写完一篇文章或做好一个版面的时候,都可以把自己变成读者的视角,用这些小知识验证一下,相信你的作品会非常的精致有效!


 
 
  注:以下内容无关设计竞赛相关信息。为本网站关于版权声明。

本网站中未标注“来源或是标注“来源**(网站)”的作品,均转载于第三方网络平台,本网站转载系出于传递设计大赛信息之目的,不保证所有赛事的准确性、和完整性,请您在阅读、创作过程中自行确认,不代表本站的观点和立场,版权归原作者所有。若有侵权或异议请联系我们删除。


关于附件下载问题:如果附件下载显示无权限,请更换浏览器,不要用EDGE浏览器,推荐谷歌浏览器。