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

设计圈里一直盛传这样一句话:“设计细节决定设计品质”。笔者从事UI设计8年很认同这句话!今天就带各位小主扒一扒版式设计中的那些有大讲究的小细节。

元素层级关系

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

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

首先我们来看字号,在版式设计中,一级标题应大于二级标题、二级标题应大于正文字号。和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。这套规范主要是要确保弱视者、色盲看清楚屏幕上显示的文字内容。

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

作者:黑马PM   微信号:jackie987423

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/48604.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日 02:18
下一篇 2022年7月4日 02:19

相关推荐

  • 网站应该怎么进行优化 站内优化怎么做 站外优化怎么做。

    什么是站外SEO?从字面上看,它不是网站的内容,而是网站的外部优化。在极端情况下,如果在站点内部优化较差的情况下正确地执行非站点SEO优化,也可以获得良好的结果。事实上,非现场优化比现场优化更困难。网站SEO…

    2022年7月1日
    0103
  • 为何SEO大神都不敢经常改动KTD标签,原因都在这里

    之前很多SEO的朋友咨询笔者,问网站排名上不来该怎么办?需不需要修改网站的KTD标签,笔者给出的建议是不要经常修改,适当即可,结果听到建议的SEO朋友们立马像吃了兴奋剂一样,把整个网站的KTD全部改动了一遍,后果…

    2022年6月27日
    0185
  • 我来分享关于网络推广的优势有哪些。

    关于网络推广的优势有哪些 互联网是一种全新的广告媒体,是最快捷、最有效的,是中小企业发展壮大的好途径,特别是对于具有广泛国际业务的企业。目前,网络广告市场正以惊人的速度增长。 关于网络推广的优势有哪些 …

    2022年11月10日
    02
  • 小程序,新媒体如此火,网站优化有必要吗。

    各类app新媒体平台,小程序越来越火,一直运营传统网站的人很焦虑,不知道未来还继续做网站优化还是投入更大精力去运营各类新媒体平台以及各种小程序。 作为传统互联网行业的人员一枚,我也在思考这些,也纠结迷茫…

    2022年7月1日 SEO操作
    0109
  • 网站建设风格设计中要注意的几个方面。

    网站其实就像我们名片一样,通过网络给展现到人们眼前,给大家以认识与沟通完美展现。网站本身的价值也正在被人们不断的发觉,不断的认可。杭州网站设计,“如何设计一个完美大气的网站?”已成为越来越多网站建站公…

    2022年7月4日
    0260
  • 企业做SEO优化的几个好处分享大家。

    如今,随着互联网的飞速发展,许多企业都会投资建设网站,通过互联网展现企业产品和服务,获得更多的客户订单,但企业如果需要提高网站的宣传力度,让客户在庞大的互联网信息中找到你,就必须要做网站的SEO优化,下…

    2022年7月1日
    0118
  • 我来分享网站优化有哪些事情不能做。

    网站优化有哪些事情不能做? 社会现在在不断的发展互联网也在不断的发展,有许多的新兴产业随之运营而生其中比较特别的就是互联网电子商务的产业了,这些都造成了人们的一些消费和买东西的方式方法发生了变化从实体…

    2022年11月14日
    00
  • 企业网站SEO原理及优化方法。

    什么是SEO?简单来说就是利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,下面多米咨询小编为你带来企业网站SEO原理及优化方法。 搜索引擎工作原理,当我们在输入框中输入关键词,点击搜索或查询时,然后得…

    2022年7月1日
    0114

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息