认识达内从这里开始

我们都知道，在网页设计的过程中，除了需要选择符合产品中心主题的素材以外，一些符合意境能够提高用户购买欲望的文案宣传也是非常重要的内容。

今天，我们就一起来了解一下，在进行产品文案宣传的过程中，文字的排版设计都是如何来完成的，下面就开始今天的主要内容吧。

首先，我们先来了解一下，在文字设计中的字体大小对于用户体验的影响。

字体大小

通过字体大小去凸显内容、区分层级是一种设计趋势，同时也是ios11的设计思路之一。那么，如何去选择字体的大小能达到比较好的效果呢?

materialdesign对方块字主标题和内容文字的大小分别定为24sp和15sp，24/15=1.6，接近黄金比例;airbnb的主标题和内容文字的比例同样接近黄金比例。

实际上黄金比例的字号对比在移动端是一个适合突出主题的比例，是一个“美”的比例，但并不一定是一种适合阅读的比例。一个以阅读为主的页面在字号选择上可能需要较小的比例，若是你在字号的选择上缺乏信心，也可以用一些工具进行辅助选择，比如ModularScale(Adobe的排版负责人TimBrown创建的工具)，其中囊括了历史上最令人满意的几种比例关系，通过这个比例进行匹配至少可以保证不出错。

当然了，文字与文字之间的留白对于集中用户视线也是非常棒的方法。

文字留白

“留白”即在版面中留出空余的空间，处理好留白能使文本视觉流平顺，提升阅读舒适性。对于一篇文章而言，留白从小到大分别有文字中的空白、文字与文字之间的空白、行与行之间的空白、段与段之间的空白，留白面积的大小也要遵循这个顺序。

行间距的设定：行间距的设定直接影响了视线从前一行末尾移动到下一行开头的难易。行间距过高导致视线分散，容易游离;行间距过小则容易影响视线的移动，让人找不到正在阅读哪一行。普遍认可的做法是将行高设置为1.5em-2.0em。在这个基础之上，字体样式、大小、行宽还会对行间距的设定有一定的影响。

段间距的设定：段落与段落之间需要有一定的距离，如果这段距离过小，同样影响视线的移动，过大则容易导致上下文的联系变得松散。普遍做法也是将段间距设定为2.0em。

我们在进行文字排版的时候，不同的对齐方式错落有致的话，在美观程度上也有一定程度的加分的。

对齐方式

文本的对齐方式主要有四种：左对齐、居中对齐、右对齐以及两端对齐。一般来说，移动端文本的对齐主要采用的是左对齐或两端对齐，这里简要谈一谈这两种对齐方式的优劣。

左对齐：代表应用主要是「豆瓣、简书、知乎」。左对齐容易造成右端留白过多，整体视觉失衡，但是这种对齐方式不破坏文字本身的起伏和韵律，能保证较好的阅读体验。

两端对齐：代表应用是「微信读书、部分微信公众号」。两端对齐可以保证段落文字整齐划一，成规整的块状，但是打破了文字和字间空白之间形成的韵律，阅读起来未必舒适。(特别是在大量使用英文的情境下)

对比度

一个优质的页面需要有足够的文本对比度。对于阅读的内容来说，对比度过于激烈和过弱都是不利于阅读的，materialdesign中推荐的文本对比度为7:1，最小值为4.5:1。

前段时间我在产品的某个不知名的角落发现了这样一个页面，看起来不是十分舒适，文字和背景的颜色对比度太低。

于是我开始探索有什么方法可以去科学地衡量这个对比度，而不是单纯凭靠感觉。最近终于发现有许多网站可以对色彩对比度进行检查。我用其中一个网站对这个页面进行了测试，可以看到它的文字对比度是3.96:1，除非加大字重，否则它就是不合格的。(所以，设计师的眼睛就是雪亮的啊)

制定你的排版风格指南

说了这么多，其实最重要的还是规范。制定一个团队中每个设计师都信服并且遵循的排版风格指南，来标准化团队设计师的文字。如果设计仅仅凭靠感觉，团队中每个设计师会有不同的感觉，最后做出来的页面也有五花八门的“感觉”，这是很可怕的。

好了，关于网页设计中的宣传文案的设计方法我们今天就给大家简单分享到这里了，如果您对网页设计等技术感兴趣的话，除了可以向作者联系学习以外，通过我们的在线平台进行免费学习也是一个不错的选择方法。

作者：丁珍

【免责声明】：本内容转载于网络，转载目的在于传递最新信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。