这里我总结了文字排列中的三大对比原则，是最基础也是最容易掌握的几种类型。为什么使用对比？因为在设计的过程中，不同文本本身具有不同的重要程度，所以依次划分层级，然后使用对比手法，强化重要的，弱化次要的。高效的到达宣传需求。 那么我这里先举一个极端案例，如下图是高田唯的设计作品，暂且不看具体的信息内容，从文本的排列来看，我们并没有很强烈的感受到“对比”，这几乎是违背了设计常识，所以许多同学会说看不懂，不懂到底要表现什么。看不懂是正常的，因为这确实是在常识之外的一次设计尝试，甚至作者连字号的大小没有调整，就是这样赤裸裸明晃晃的将文字依次排列下来。 我们再来看另一个案例，这个案例在某种程度上来说，也是在常识之外的。我们仅看它的文本排列，你会发现，作者将中英文的粗细搭配做了很高的匹配度，也就是近乎达到了“粗细一致”，这是很见细节的地方。另外，说这个作品在某种程度上的文本排列极端，是因为对于文本排版上的技法用的非常克制。也就是文本上只用了“字号对比”，字号对比是很常见了，但是不常见的是“只使用字号对比”。在广煜的作品中，这种手法已经不作为一个简单的技法，而是一种通用的风格来使用。我们看下面的作品都是用了“字号对比”的手法来完成的。 首先我们来看一下第一个案例。第一个案例我们将用字号对比来进行划分文本的层级关系，那么首先第一步，我们需要将文本全部排成等大等粗。即字号一致，字重保持一致。如下图，这个是我分类好的信息，使用的是思源黑体，中英文未做匹配。那么接下来我们要解决四个问题。第一，选择字体，我这里中文选择了一个日本的字库-A-OTF リュウミン，英文选择的是Garamond。第二，英文和中文同字号的情况下，英文要略小，所以给英文增加字号。第三，调整字距行距组距，确保统一关系。第四，特别要注意的是，中英文选择字库时，观察英文的粗细比例变化是否和中文保持了一致关系。 下面是我调整过后的效果。然后分析文本，划分一下层级关系，然后做字号的大小对比。一般如果想要彻底拉开对比，字号应为2-3倍关系。上面的文本排列效果是有一定的构图规律，我个人喜欢用六栏网格，变化较多，排列时自由度也要更高一些。 字号对比这招非常好用，许多同学把握不了多字重的变化，经常陷入文本排列混乱，那么这一招可以非常高效的完成层级的划分。最后一步，我们按照主体去加入主体元素，修改色彩，这个方案就完成了。第二个方法，字体对比。字体对比的难度相对更高一些，常规我们会更比较建议尽量少使用不同的字体，使用字体种类数量越少越好，这是因为不同的字体，能够融洽的放在一般版面当中而不让人觉得突兀，需要对字体本身有一定的了解。 那么在这个案例当中，我将会使用两种中文字库，两种英文字库。首先我将标题做了一个简单的处理。我这里简单说一下这种效果如何来处理，只是一个非常简单的小技巧。01.在ps中将字打出来。02.选择高斯模糊，注意不要太大。03.选择“阈值”，调整参数。04.在ai当中进行图像描摹。05.在ai中使用变形工具进行微调细节。 标题的英文我给它搭配的是无衬线体-Helvetica，因为楷体的粗细比例已经倾向于一致，选择无衬线体是非常适合的。剩余的文字依次排列下来，处理好层级关系。我们来看一下最终的文本排列效果。同样使用六栏网格，处理好构图关系。最后一步，添加画面主题，修改颜色，这样就完成了最后的海报效果。我们看一下，这个方案在文本上要比第一个方案变化性更强，灵活性更高。 其实这个方法在纯英文的排版中更加好用一些，因为英文字母造型简单，可以有更灵活的变化性。我们来看一下国外的这类设计方案。 第三个方法，字重对比。这估计是许多同学最爱用的一招了，粗细对比会给人非常直观的视觉对比效果，从而达到画面的视觉张力。虽然客户最喜欢的建议是“这个放大这个放小”，但是如果用字重控制也是一个不错的方法。这个案例我们将使用一个黑体搭配无衬线体。第一步，先将文字简单排列出来，这一步，可以先不加粗某个部分。可以先将粗细控制在同一粗细范围内，第二步再进行加粗某个需要强调的部分。然后再次进行加粗，注意加粗的部分需要有一定的侧重，比如这里的标红部分，我都是选择了重要的信息去进行加粗，这样版面就会具有一定的准确性。最后一步，添加色彩与画面主体，完成。

1、竖向排版

竖向排版，大多数应用在UI设计中，它打破了常规的横向排版思路。这种版式突破固有规则对其的限制，反而是更为自由的排版。竖向版式也是源于平面设计，然后延伸到网页设计中。

2、分栏式叠加布局

分栏式叠加布局设计方法，一般是将画面分成1/2、2/3、1/4等，然后与文字进行叠排版，形成一种特殊的布局。

分栏式叠加布局的特点：杂志感强、视觉吸引力、形式感，将平面设计的一些思路延伸到UI网页设计中，在作品集的包装和网页头图中也是出现较多。

3、元素居中构图

元素居中构图，将重要信息最大化显示在页面视觉中心，同时也增强视觉冲击力。元素居中构图的特点：突出重要的内容、视觉聚焦、冲击力强。

4、大字体排版

大字体排版一直都受到很多设计师追捧，特别是国外很多优秀网页设计或者平面UI等都大量使用这种排版方法，大字体版式风格更加纯粹与吸引用户目光。大字体版式的特点：聚焦、力量、形式感。

5、全屏大图

全屏大图设计，充分利用了屏幕特征，将信息最大化显示出来，全屏设计在移动端和Web端也是常常出现。现今5G网速的到来，全屏大图肯定也是一个趋势，因此设计师们多留意下这种设计方法。全屏大图设计的特点：突出品牌、视觉冲击力强、吸引目光、品质感高。

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

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

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、字体变形、草莓字

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

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

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

原创文章，作者：023作文网，如若转载，请注明出处：http://023jfw.com/article/ef6dc75be5d2f7a892f34c24.html