版式设计中的小细节有大讲究,这些你都知道吗?

设计圈里一直盛传这样一句话:“设计细节决定设计品质”。今天就带各位小主扒一扒版式设计中的那些有大讲究的小细节。

元素层级关系

我们来看版式设计中元素大小之间的层级关系。(见下图)


首先我们来看字号,在版式设计中,一级标题应大于二级标题、二级标题应大于正文字号。和web端网页设计不同,出版印刷的最小字号不能小过5号,正文一般在8号左右;笔者之前排杂志正文是8.5号,段落小标题是12号,大标题应掌握在24-30号之间。行距一般是正文字号的1.5-2倍在视觉上比较舒服。正常情况下,天头边距应略小于地脚边距,装订侧边距一定大于裁切侧边距,正常在1.5-2倍为宜。(看上图)

地脚>天头>H1>H2>H3>A1>A2>A3

在文字排版中一行文字不能太多太长,这样很容易造成阅读疲劳而且在行距小的情况下很容易串行。尤其对于男士则更加吃亏(夸张点),相传在远古时代男人们负责外出打猎,通常会很专注的盯着猎物而忽视周围的风吹草动;而女人们则负责四处寻找野果野菜,照顾乱跑的孩子。所以在视界上,女性会比男性更宽广一些。所以在排版的过程中需要将正文按照两栏或者三栏的分栏式进行布局。


标点符号

接下来再说说标点符号,我国最早的古书是没有标点的。进入20世纪,现代白话文的使用日渐广泛,人们迫切需要有比较完备的新的标点符号。一些学人开始向国内介绍欧美最通行的一些标点符号,并根据古代的句读符号,参考西洋方法研究制定出了适合中国文字需要的我国最早的新式标点符号。笔者这里强调的不是标点用法,而是在排版中标点的特殊对待方式。

一般句号、问号、叹号、逗号、顿号、分号、冒号等不能出现在行首;换言之,引号、括号、书名号等的前半部分不能出现在行末,后半部分不能出现在行首。很多专业的排版软件比如Photoshop/Illustrator/Indesign/方正飞腾在段落设置面板中都有如下图的设置:段落面板—避头尾法则设置:JIS严格


连字:连字符是在每一行末端断开的单词间添加的标记。在将文本强制对齐时,为了对齐的需要,会将某一行末端的单词断开至下一行。勾选“段落”面板中的“连字”选项,便可以在断开的单词间显示连字标记。

单字不成行。在文字排版的时候还会经常遇到这样的问题,就是一个字带一个标点单独出现在一段的最后一行。通常业内不成文规定是要将最后的文字及标点缩进到上一行。其道理是因为一个字无论在阅读还是视觉上都不够分量足以撑起一行的空间,视觉上会显得很孤也不协调。(见上图画叉出)

与此类似的规则还有标题不落底。(见上图画叉出),标题作为一段的统领和总结是需要整段文字为其说明服务的;所以标题在排到一页或一栏的最后是不能与该段落文字首身分离的,这个细节大家平时一定要注意!如果出现此类情况,需要调整上一段的文字行距将标题强制挤到下一页或下一栏。

我们上小学写作文的时候老师都会教我们段首需要空两格,但是大多数老师都不会告诉你这么做的原因,只不过一代一代流传下来了。其实并没有硬性规定一定要段首空格,只不过在排版中会出现一种情况让你傻傻分不清楚!(见下图)下文其实是两段文字,但刚好排到第一段段尾与第二段段首时首尾相接了,这就需要用空格来区分段落之间的关系,就好比上文说到的要有段间距是一样的道理。如果段间距明显的话,段首完全没必要再空格。


同样的道理还有项目符号,其作用也是引领一段的开始,让读者更能精准分辨出段落开始与结束。这里还要提到一种比较特殊的段首提示法就是首字下沉,相信大家都会在书本或杂志中看到过。(见下图)首字下沉一般开始于一篇文章或章节的第一段。其字号高度是两行或三行的文字高度。


设计元素之间的对齐问题很多同学都是靠软件的对齐功能,比如全选上下两个块然后垂直居中。但往往元素之间的对齐应该是视觉上的对齐而非控件中心对齐,因为视觉中心不一定就是控件中心。(看下图),图形和文字的控件中心并未中轴对齐,但视觉上是平衡的。


想必大家在排版的时候经常会用到细细的分割线,如果你是web端设计那么线的颜色可以任选,但是如果是出版印刷的话细线的颜色必须是单色。比如黑色K:100,蓝色:C:100。有的同学可能会问细到什么程度算细线呢?大约和文字的笔画差不多一样细的就算细线,因为在制版的时候细线如果是双色、三色很容易套不准。

在颜色上还要注意一个关键细节就是文字颜色与背景色的对比度。根据WCAG的规定,文本和所处的背景的对比度至少为4.5:1;大文本和背景的对比度应为7:1。这套规范主要是要确保弱视者、色盲看清楚屏幕上显示的文字内容。WCAG指南

以上是笔者工作多年来总结的关于版式设计中需要注意的一些细节问题。如果有遗漏或者补充,请小主直接联系笔者!共同学习、交流、进步!!!

更多相关设计知识请参阅:《平面版式设计》-黑马带你学设计

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • 1.Dang……Dang……这婚礼怎么那么悲伤,我流着泪使劲鼓掌,把最后的疼爱做成了西装,拱手让他穿在别人身上...
    昂贵的青春阅读 168评论 3 12
  • 佛祖不拒绝任何人也不执著任何人 目中无人内在无心 商道亦如此啊
    农爸爸阅读 157评论 0 0
  • 每天早上出门上班,以前小区后面没开始动工开河的时候,很方便直接小区后门走就行。可现在,后面已变的尘土飞扬,附近的居...
    f220a6e26e90阅读 435评论 0 0
  • 55.《2001太空漫游》   这应该真的是我本年度能看完的最后一本书(第55本),不得不承认我有点小虚荣,还是想...
    失落的地平线阅读 1,254评论 0 0
  • 不以相亲为目的的相亲演习会 10月22-23日 佘静、吴翔、徐军、杨子乐四大导师联手打造 爱的艺术家项目设计师涂敏...
    0542ec211804阅读 716评论 0 0