文字在版式设计中的作用

字体设计是设计中必不可缺的元素，字体准确的表达出产品的意义，所以好的字体是设计的加分项。那符合设计规范的排版，可以让整个页面看上去错落有致，重点突出。那关于字体设计和排版的书籍很多，以下简单的分享几本关于字体设计和排版的书籍。

一、关于字体设计与排版设计的书籍

1、《西文排版》

《西文排版》

这本书是通过一个个实际中遇到的排版案例与练习，逐渐发现排版中的问题。涉及面也非常的广，有西文总体的基础知识，有排版的基本知识，有练习，有正误对比，排版需掌握的要点和难点，还有西文排版在实践中的应用，好的案例，以及19个解决方针，相信读完一定会有收获。

拿到书的时候，就会被震撼到，从未见过如此舒服的排版，建议加入收藏清单。内容因为运用了大量的实例，会非常的清晰好懂，也能从排版的细节中发现作家的温柔。

2、《版式设计原理 • 案例篇》

《版式设计原理 • 案例篇》是由四个设计师合著完成，本书从版式结构、文字要素、色彩、图片、网页版式五个章节，将很多设计法则中的成功案例和失败案例进行对比你，引导读者思考什么才是更好的版式设计。当读者完成思考后在文章的下一页给出作者的观点，并指出对应的设计要点。这样让读者带着问题去思考，使读书更具有趣味性，通过案例对比的方法快速而牢固地掌握版式设计的基本原理。

3、《平面设计中的网格系统》

《平面设计中的网格系统》的作者是约瑟夫·米勒–布罗克曼，他被誉为“瑞士平面设计先驱”。 本书主要介绍了网格的功能和使用方法，旨在为平面和空间的设计师们提供一个实际的工具，让他们可以从概念、组织结构和设计上更有效、自信地处理和解决视觉问题。

4、《百年字记》

本书详细介绍了西方百余年印刷排版及字体设计史，探讨和分析了1900-2010年的排版创作趋势，评估了一些改变了排版和字体设计发展方向的重要因素，还展示了印刷和字体设计的种种趋势。

《百年字记》

5、《 自由“字”在 字体设计与创意》

这是一本用心写的字体设计书，作者将他多年的字体设计历程都记录在这里。从本书中你可以读到作者在字体设计方面的经验、成功案例的分享，以及与字体设计相关的一些故事；看到作者成长的点滴——那些弥足珍贵的除了技巧和技术之外的东西。 《自由“字”在 字体设计与创意》首先讲解了字体设计的一些基本法则和设计方法；接下来作者以“36计”的形式将其多年的字体设计经验做了细化和总结，帮助读者学习、理解；然后通过33个成功的商业字体设计案例向读者阐述了实际面对客户时，应该注意的设计切入点、主题确立和设计原则。

二、字体设计网站

字体和排版除了通过书籍可以学习，还可以通过网络去学习，那在这里分享几个和字体设计相关的网站，希望能够给你设计字体带来灵感。

1、[字由] 字说字话：解决设计师群体用字问题。

图片来源字由

2、DaFont ：免费英文字体库下载站，虽然没有中文字体,但是有许多漂亮和新颖的英文字体。

图片来源：DaFont

3、Fontjoy ：帮你挑选字体组合，一键生成字体配对。

4、站酷字体合集 - 站酷网（ZCOOL）

5、Google Fonts

6、Adobe字体| 探索无限字体

7、Fonts.com

8、FontShop | 世界上最好的打印，屏幕和网络字体

图片来源：FontShop

9、Fonts for Print, Products &Screens | MyFonts

10、Hottest Fonts Today免费商用字体

三、字体设计学习视频

在设计中，利用字体去吸引人们的眼球，如何让字体和其他设计融为一体，又能突出设计主题，这一点对于平面设计还是UI设计都很重要。我们选择几种有代表性的字体去临摹，了解一下这些字体是怎样一步步做出来的。

1、海报字体

在生活中我们会看到各色各样的海报，海报能够通过简单的文字、图片突显自己想要宣传的内容。那我们选择一个简单的电器海报，去分析这种字体的设计过程。

图片来源于网络  侵删

2、Demon字体

制作这类的黑风格魔幻炫光金属感文字效果，可以让字体的设计显得更有质感，可以大大提升整体的页面显示效果。如何让字体变得有质感，让字体有金属的闪亮的感觉，我们一起通过以上视频去一步步学习吧。

图片来源于网络  侵删

3、星辰字

星辰字总给人一种很灵动梦幻的感觉，这种星空粒子被打散的感觉让整个画面看起来更加生动。其实这种字体的设计也不难，找好星空背景图，跟着教程一步步走就可以制作出梦幻的星辰字啦。

图片来源于网络 侵删

4、立体字

很多时候，为了增强立体感，我们会使用立体字去强调画面整体的立体感。

图片来源于网络  侵删

5、字体变形、草莓字

字体变形是字体设计中常用到的通过这一类变形是字体和设计主题更加切合，其方法有横细竖粗法、尖角字法、柔美曲线法和书法体法等。

以上简单的分享了几种做字体的方法，想要让设计更加灵活，可以选择优秀的字体去临摹学习，然后举一反三在使用的时候就能够灵活运用了。

其实，不管是书籍、网站、还是视频，学习字体设计的最好的方法还是多看、多做。当自己的知识和经验累积到一定程度，就可以灵活的根据场景设计出符合需求的产品了，希望以上回答对你学习字体设计有所帮助。

文字是界面中最核心的元素，是产品传达给用户的主要内容，它的承载体即是字体。前半部分从字体的最基本属性（字族、字号、字重、大小写等）说起，熟悉字体的那些特征，了解字体在界面中的作用，以及iOS与Android系统字体的使用规范。字体基础知识字体是界面设计的基石字体是排版中最重要的元素，对用户的阅读体验有着至关重要的作用。一般来说，设计师需要了解的字体通常有中文字体和西文字体两种。西文字体由来已久，从最早的罗马字体到现在苹果手机中的SF-UI字体，经历了许多设计上的变革。而中文字体的发展并没有西文字体那么顺利，数量上也远远落后于其他字体。但中国设计正在崛起，我们也看到越来越多的设计团队和设计师加入字体设计的队伍，数量上正在呈指数级别增加。设计是一门非常严谨的学科，里面蕴含了很多道理，就连最基础的字体选择和排版，都经过了将近千年的发展和演变，有非常多的专业知识。像平面设计一样，在UI设计中字体的使用也有相应的规范，设计师应懂得这些基础知识，才能将字体为自己所用

版式设计中文字的编排设计

一张报纸、一份杂志、一本书,要想吸引读者的视线,除了要有吸引读者内容之外,很大程度决定于版面的编排设计。设计师在构思设计一个版式时,标题、正文文字、背景、色调、留白等构成了设计中的各种元素,正文文字设计与标题文字设计则更是出版物版式编排设计中重要的组成部分不同类型的版面的信息,具有不同方式的装饰形式,它不但起着排除其他、突出版面信息的作用,而且又能使读者从中获取美的享受。

1 版式设计的着眼点字、词、距

以文字为主的版式编排,文字的大小、字体、行距更是基础中的基础。计算字体面积大小,有号数制、级数制和点数制,一般常用号数制(例如WORD文档中的字体大小)。电脑字一般采用点数制的计算方法(例如PHOTOSHOP中的字体大小),每一点等于0.35mm。正文用字一般为9点到12点,文字多的版面也可以减到7点到8点。字越小精密度越高,整体性强,但过小了就会影响到读者的阅读。

行距,顾名思义就是行与行之间的距离,学生在学习过程中往往会忽略这一问题,但这恰恰是文字编排中很重要的一部分。行距过窄上下文字相互干扰,目光难以逐行扫视,而行距过宽,太多的空白处使文字不能有较好的延续性,这两种极端的排列方法都会使阅读者感到疲劳。行距在常规下比例为:用字10点行距为12点,即10:12,当然这常规比例也不是一概而论的,行距的宽窄也要依据主题内容而定,不同的行距的设定可以产生完全不同视觉风格。

在一个版面中,选用三到四种以内的字体为版面的最佳视觉效果。超过四种以上则显得杂乱,缺乏整体感和统一感。要达到版面视觉上的丰富与变化,只需将有限的字体加粗、变细、拉长、压扁,或调整行距的宽窄,或变化字号大小。实质上,字体使用越多,整体性就越差。本人所在学校,上课布置作业让学生做一个纯粹文字排版练习,往往所收上来的作业一个版面中五花八门,选用和多种字体,我通常称其为“字体滥用症”。

2 版式与主题

文字不仅是信息的传达,更是体现了一种艺术表现的形式。文字是整个版面的核心,设计师面对一篇完整的文字材料,首先要熟悉文章的中心内容,版面编排设计时要注意服从文章内容中所表达主题要求,字体与内容配合营造版面气氛。然而在任何一个平面作品中,文字与其他任何元素都是不可缺少的,要共同参与整个作品视觉造型的组织和编排,最终形成一个完美的整体,并且具有某种风格和格调,根据不同主题运用不同的文字编排手法,同时运用优秀的图片和文字搭配,而且注重版面上图片和文字的整体比例关系,将文字与图片完美的结合,自然统一到一种格调中,使之设计的版式形式与内容统一,增强版式整体的视觉效果,设计出更符合文章内容的“版式语言”。

3 版式与基调

文字版式设计要注意字体组合产生的黑、白、灰在明度上的版面视觉空间,而且要用现代的设计思想来处理各种视觉元素,注重对文字、图像、色彩、留白的合理运用。调整图片和文案所占的面积,来调节对比的强弱。版式设计上的文字要有统一的视觉风格,要根据文章内容来选择相适应的字体和字号。用设计师的眼光,不同的字体和字号有着完全不同的表现力和气质。所选用的字体表现力与文章的内容相统一,这是非常重要的。在一个版面中,选用三到四种以内字体为版面的'最佳视觉效果。出版物中所用的字体各有特色,宋体字形方整,结构严谨,端庄秀丽,刚柔相济,利于阅读,一般多用于排文章的内文仿宋体清秀活泼,精致细腻楷书经过无数书法大师的千锤百练,柔和秀丽,文化气质浓厚黑体是一种现代字体,粗壮雄健,刚强稳重,十分醒目等线体、圆黑体、综艺等各种字体各有特色,都精致耐看,这些字体都可用于标题或文章的附属部分。

4 标题文字画龙点睛

现代版式设计,标题文字设计的发展与创新也体现了与时代气息相合拍的设计理念。版面语言中最活跃的一个元素就是标题,引导性和阅读性是其最大的特点。形式表达其内容是标题文字设计的基本内涵,这样自成一体突出标题的艺术和宣传性。创新设计理念是标题设计师们的基本设计构思,也是能够充分反映出标题与内容的一致性,标题设计具有时代性、新颖性、健康性、指导性等设计风格,标题设计要能够起到指引读者方便看阅并能更好的读懂文章的内容。标题文字的字体字号要与内容相吻合,字的形状上要保持一致,文字排版上要不能错乱,安插有序。通常都是这样安排:文字的粗细对比、文字的黑白对比、文字的曲线和直线对比,能够使得版面非常的协调和排版有序,这样就可以做到繁而不乱。设计师在对标题的文字设计上会采用大小对称、虚实对称等等手法进行编排设计能够让观者通过细微处看到文章的精粹,标题设计是要求有独特设计思路是要具有标题能够表达内容,字体的形式上要变化有序。每篇文章的标题要有其独特的构思,以配合其版面文章的内容。不同内容的文章有不同的情调和不同的风格,设计师在设计上要注意形式与内容配合得当。

随着世界高新科技的发展及信息社会的到来,催生了各媒体间的发展与更新。电子媒体传递的多样化,已经成为当今最具吸引力的版面编排设计构成要素。读者的阅读已进入了“读图”时代,作为现代设计艺术的版面设计构成已经成为世界性的视觉传达的公共语言。这种采用简单明晰的字体、图形和符号,打破了民之间的语言隔阂,加快了信息的传达。

现代化科技的发展对设计师提出了更高的要求,要敢于打破前人的设计传统,不重复以往习惯性的条条框框,并在司空见惯的事物中发掘新的东西,树立大胆的想像,对新字体风格展开无止境的追求。通过文字与图形化的版面编排所造成的幽默、风趣、神秘等形式已经发展成为当今设计界艺术风格上的流行趋势。

我们把最常见的字体主要分为以下五大类：

每类型字体的使用须符合场景的气质

一、黑体（无衬线体）——俗称几何体，给人以机械般的现代感

二、宋体（衬线体）

三、圆体（卡通体）——笔画末端圆润，给人易于亲近的印象。随着笔画的粗细变化，字体的气质也会随之变化，粗笔画的圆体字会呈现出儿童与幼稚的印象，笔画越细，则会越显成熟。

四、书法体（手写体）——手写体，给人以温暖自然，具有生命张力之感。想要让字体传递出亲和力，需要选择具有手写特征的字体，这种字形会更具人文气息。笔画轻松自然的手写体用在休闲的情景中较为合适

五、美术字（展示字）——仅适用于标题或版面中的主形象等场景。

所谓的现代感，是通过解构大自然，运用几何与线条人为创造出的物体。它是符合当今时代流行的趋势的,在工业、音乐、服装、建筑等各个领域都有体现。

那么应用于字体，文字结构简单简洁，会给人以现代与先进的印象，但缺乏生命力。最能体现这种情境的字体就是黑体和无衬线体以及展示字体。

这里要重点说下书法字体，中国字体演变至今分为

甲骨文、金文、篆、隶、草、楷、行

文字越古老越能体现文化的历史与厚重感，演变到现在，文字更多透露出文化感与大气的印象。

在汉字的印刷体当中，宋体字是历史最为悠久的字体，在表现文化与历史感时，除书法体外，宋体则是最佳选择。

版式设计——元素编排组合

文案信息

重点信息提炼：

MAGIC SHOW——主标题突出体现

这里主标题不仅体现字体放大、夸张等，更需注重细节设计，做抓人眼球的设计。

首先，字体选择上，根据风格定位与文案信息所需要体现的情境，选择西文中的具有现代感的无衬线体来与之匹配。

再者，看能否从字型中着眼设计，示例中以字形替换的方法，五个拉丁字母中只有A的笔画具有封闭性，并替换成希腊字母中的 Λ ，这在英语环境中并不会过于影响它的识别性，也是比较常见的处理形式。

其次，将照片与文字进行组合搭配。除字体与照片的选择之外，在排版形式上也需要偏向现代感。为了让画面显得更丰富，将字母拆解后置入到版面中，并做出血处理。而出血之外的部分会重复的出现在版面中，以体现数码风格的这种特性

这里C和G有相似的外形轮廓，将G的特征部位裁切掉就可以识别成字母C。左下角的斜线则与右上角字面形成呼应的补充关系。（注：呼应关系可以指字母的呼应、对角线呼应等）且文字的拆解并不无章法，它按照Z字进行排列，字距要小于行距，围绕从左至右的阅读逻辑排版，如下图：

主标题的位置与比例大致确定好以后，我们可以借助一些美学比例来微调版面中元素的位置关系。

美学比例考虑有三：1.边框（长和宽）布局符合黄金分割比；2.排版的四周要留白，至少空出10*10的距离；3.文字横排或竖排要选择参照物对齐。

图中同样是竖排的主标题文字和英文标题进行了大小对比，但为和英文标题进行竖排对齐，并没有把文字间距拉长，而是加入了竖线分隔开，增加了信息的紧密度和易读性；为弥补左上角空缺，可将图标与英文信息添加到版面中，注意元素的交叉对齐，这里将组合与字母G的转折处对齐。

版面底部将时间与地址等信息依次编排到版面中，并与主标题的M对齐。可以发现，其余信息的编排总会选择与一个参照物对齐，要么是M 的左边缘，要么是右边缘。总之要保持版面整体的平衡感和整齐度。

重点信息提炼：

1.主标题——不朽的梵高

2.副标题——纪念梵高逝世125周年

3正文信息——内容、时间地点、人物简介

我们根据文字的层级可以分为几个部分：标题层、短信息层（内容提要、时间地点等）、长文层（人物介绍等）

基于文艺复古的定位，我们首先考虑字体风格为体现文化和历史厚重感的宋体（老式宋体，注意现代宋体笔画简练、较细体现精致感）

单独把不朽的梵高这组文案拉出来做一个突出的主标题，我们说了，突出主标题不仅以大小、粗细以及动静来体现，我们要更加关注细节，比如为了体现不朽概念的历史沉淀感，将它处理成经岁月侵蚀而残缺的外形。使其更加接近图形的印象，创建记忆点。

文字蚕食特效——新建图层、给文字添加高斯模糊、合并底部图层、调整色阶（调整黑白灰的数值）

将副标题置入版面中，根据图像本身的内容来选择排版样式，注意的是，副标题文字选择相应时期的英文字体，注意排版需与图像外形轮廓呼应。

最后，加入点缀性元素，通过美学比例微调版面中元素的位置关系

注：文章来源研习设。学而观之，总结之。

文字在平面版式设计中的地位和作用

在平面版式设计中，视觉元素有两种：一种是有形有色丰富多彩的图形；一种是承载大量信息的各种文字。然而就其视觉的吸引力和冲击力而言，在大多数人的眼里，给人深刻印象的往往是图形，而平面中的另一些元素会在其光辉下黯然失色。人们在这样的视觉感受下自然就形成了一种思维定势，在这里，所有的文字的重要意义大概莫过于它所包含的内容，文字在平面设计中作为视觉元素的作用往往被忽视。

最初发明文字的目的在于其“意”。早在春秋战国时代，我国著名思想家庄子在其著作《庄子•外篇》中就已指出：“言者所以在意，得意而忘言。”意思是文字语言是事物的表征物，事物是文字语言的被表征物，文字的作用就是传递信息。

然而在任何一个平面作品中，文字与其他任何元素都是必不可少的，要共同参与整个作品视觉造型的组织和编排，最终形成一个完美的整体，并具有某种风格和格调，要么含蓄、要么优美、要么活跃、要么沉稳……对初学者来说，由于没有跳出常人的思维定势，且还没有具备应有的专业眼光，他们眼中的文字只有作为符号的信息传达功能，这往往会忽略文字作为造型元素的视觉功能。初学者在设计中难免会出现这样的问题：过于沉醉于新奇的图形、跳跃的色彩，而对文字的设计和安排显得比较随便，甚至不知所措，这就会使整个平面设计作品效果大打折扣。（剩余3487字）