loading请求处理中...
手机版 新型设计开发 托付式服务平台 全国站
一品威客网9周年超级嘉年华×
当前位置: 首页 > 威客攻略 > 排版设计

排版设计,给设计师支五大招

2018-11-09 20:59:31 阅读 27844次 0 标签: 排版设计 作者: chenxi0

内文编排就是大段落文字的编排,好的内文编排能够提高观者的阅读体验与效率,坏的编排则会让人产生认知障碍,甚至影响阅读体验。

那我们就来看看内文编排有哪些技巧吧。内文编排大致可分为五个知识点,分别是

第一点顾名思义,简单说就是行的长短与字数的多少都会对阅读观感产生影响。一般每行的字数控制在25-40个字之间。

切忌出现每行字数太多或太短的情况,太短的话每行内容尽收眼底,虽然有“一目十行”的效果,但是却最容易造成跳行的现象,进而影响阅读。举个极端的栗子

上图中一行只有五六个字,阅读起来肯定是极其不舒服的,所以我们在做内文编排时,一定要防止行长过短的情况。

当然,除了行长过短之外,过长的行长也是影响阅读体验的。

上图中一行有六七十个字,远远超出了25-40个字的范围,属于行长过长。行长过长带来的问题视觉疲劳。

正常的行长能够使眼睛在行尾与次行行首之间得到休息,而过长的行长使眼睛停留时间太长,所以特别容易引起视觉疲劳,进而造成阅读性差与影响阅读体验。

与上面两个例子相比,下面这两段行长字数在25-40之间的肯定是最舒服和最利于阅读的。

先来说说字距,字距就是字与字之间的距离。一般来说字号越大字距越小,字号越小字距越大。当然啦,字距的设置要根据实际情况来确定,比如用0.1来举栗子。

上图是软件中默认的,字距为0的样子,但是0与1之间太空了,留得空间太大,这种时候就需要我们给它缩小字距,让它们更有整体感。

下图是字距设置为-60的样子,与上图相比,整体性提高了很多。

看一下调整前后的对比,肯定是右侧调整之后的更具有整体性。


说完字距再来说一说行距。在内文编排中行距的设置一般在1.5-2.0倍行距之间。太小的行距会使文字行与行之间无法区分,进而阅读困难;太大的行距又会因为行距过大而丧失整体感。

上图是软件中默认的1.2倍行距,看上去却非常挤,没有空间感与透气感,必定也是影响阅读的。

而下图这个则用了3倍行距,整个段落完全散掉了,一点整体性也没有。

那么合适的段落间距,就像下图这样,控制在1.5-2.0之间,必定是利于阅读的。

就我个人而言比较常用的行间距为1.618倍、1.732倍与2倍。合适的行间距能为你的内文编排加分,使其更加精致。

再来说一说避头尾。避头尾其实就是标点符号的问题。一般来说标点符号尽量不要出现在行首或行尾,因为这样会使其空出一块空间,影响文字段的规整程度,同时也会很影响阅读体验。

上图中用黄色标注的地方出现了标点符号居于行首或者行尾的情况,这个时候我们就要对其进行避头尾的处理。

一般来说处理避头尾有三种方法。第一种方法为行尾挤压半角。如下

虽然这种方法还是会让标点出现在行尾,但是现在已经是半角字符了,只会占据半个字符的空间,而上面未处理过的却是一个字符。所以行尾将标点挤压为半角的形式也是一种避头尾的方法。

第二种就是绝对的避头尾的了,通过调整标点符号绝对不会出现在行首或行尾,如下

第二种方法比第一种方法更规整一些。

第三种方法叫作标点溢出,标点溢出后位于行首或行尾的标点会独立出来,不会对段落造成影响,如下

两个逗号是完全在段落之外的,这就是标点溢出的形式。三种方法可根据实际情况灵活选用。

复合字体其实就是我们在做编排的时候尽量中文选择一种字体,英文选择一种字体。因为我们国内的大部分中文字体的西文部分设计的并不够好,所以我们尽量中英文字体都选择比较精致的字体。

拿方正风雅宋举例,如图

方正风雅宋里自带的英文与中文的风格差异太大了,在中英文搭配的时候太勉强。

那么像上图这个风雅宋+Didit的复合字体形式明显在风格上更统一,也更适合搭配。

思源黑体自带的英文与中文的风格一致是可以搭配到一起的,只不过英文部分并不是精致美观的,如果我们选用更精致的西文字体会更好,比如Helvetica或者DIN,如下

许多同学可能还没有看出差别,所以将它们放到一起比较比较。

显然第一个用默认自带的英文与下面两个相比就不是很精致了。所以这也是我们要用复合字体的原因。

段距指的是段落间距,一般来说段落间距为字高的2-3倍。段间距的目的也很简单,跟成组的原理差不多,就是使信息之间有一个区分。

上图段落与段落之间没有区分,阅读上就稍微困难一些,如果第一段最后一字刚好位于行尾,那么段落与段落之间就无法区分了。

与之相比下图这个加上段落间距的就更容易区分,且容易阅读。

当然,除了设置段落间距外也可以采用首行缩进的形式区分段落关系。首行缩进说白了就是我们小学时老师经常强调的空两格。

行首空两格之后已经能够区分段落关系了。除了空两格也有空一格的形式,如下

日本那边的标准就是空一格。

一般来说首行缩进与段落间距只用一种就可以了。但留段落间距的形式要比首行缩进更规整一些。

那么知识点也都说完了,掌握了这五个内文编排的小技巧之后可以非常快速的将段落文字的编排品质提升一个档次,完成下图中的蜕变。

那么到此本期的文章就结束了,咱们下期再见!

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

相关文章

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
设计相关任务
DESIGN TASK 更多
猫人保暖裤 包装设计

¥3000 已有1人投标

有深度IP形象

¥4300 已有1人投标

MG动画制作

¥3000 已有1人投标

新媒体基础VI尾款

¥5000 已有1人投标

封面设计

¥150 已有1人投标

1分钟左右Mg动画

¥200 已有1人投标

奶茶包装设计

¥1800 已有1人投标

服务排行榜
SERVICE LIST 更多
全案VI设计 LOGO 名片 QQ...
价格面议 成交500
新萝卜-最实惠 QQ2108760...
【设计总监】包装设计 3套...
¥6000元 /件 成交479
新萝卜-最实惠 QQ2108760...
【普通设计师】LOGO设计 2...
¥800元 /件 成交395
新萝卜-最实惠 QQ2108760...
企业公司品牌logo设计图文...
¥500元 /起 成交386
初创网络传媒有限公司...
资深设计师操刀
¥1200元 /件 成交377
新萝卜-最实惠 QQ2108760...
牛人设计总监 全网中标最...
¥5000元 /件 成交359
新萝卜-最实惠 QQ2108760...
【资深设计师】包装设计 ...
¥1500元 /件 成交345
新萝卜-最实惠 QQ2108760...
【总监设计师】高端LOGO设...
¥1500元 /件 成交338
新萝卜-最实惠 QQ2108760...
品牌塑造全网整合营销传播...
¥12000元 /起 成交334
利宏营销策划
画册、企业手册、宣传手册...
¥200元 /页 成交290
新萝卜-最实惠 QQ2108760...