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

设计圈里一直盛传这样一句话:“设计细节决定设计品质”。笔者从事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

相关推荐

  • 教你营销整合方案:“互联网+传统行业”将助力我国经济转型腾飞。

    知名网络营销公司介绍“互联网+”即“互联网+传统行业”,是互联网对传统行业的渗透与融合,但并非二者的简单相加,也并非传统行业简单触网即可完成。而是要通过互联网平台、互联网思维打通传统行业的“任督二脉”,对...

    2023年6月17日
    00
  • 企业为什么要做SEO优化。

    说到做SEO优化,可能很多企业会说这个出效果太慢,对企业的盈收没有太多帮助。其实这个想法是不对的,尤其是现在竞争非常激烈,使用有偿的竞价推广或者信息流广告推广,其成本非常高,而且一旦停止推广,那么整个...

    2022年7月1日
    0133
  • 网络营销怎样进行推广。

    现在各行各业在传统经营的基础之上,都会向着网络的方向发展,毕竟,如今的网购已经成为了一种普通的方式,被无数的消费者所推崇,但网络营销应该如何进行推广呢? 网络营销怎样进行推广,小编介绍以下几点: 第一...

    2022年10月28日
    011
  • 用户体验设计中遇到错误状态 优秀设计师是这么做的。

    编者按:当用户遇到404、输入错误或加载失败等错误场景时,优秀的设计师会懂得如何舒缓他们的焦虑,并引导他们解决问题…… “错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误,有时是系统错误。无论...

    2022年7月4日 建站资讯
    0114
  • 大拿分享:新站如何被百度快速收录。

    关于新建站点如何快速的被百度收录,是很多SEOer在网站刚刚上线时最为关注的一个问题。并且收录的快慢也成了领导频繁追问的一件事,那如何通过使用百度链接提交工具快速的收录我们的新站呢?今天我们请到了资深SE...

    2022年7月3日 建站资讯
    0204
  • 网站seo优化有哪些基本技巧,做SEO有什么意义。

    如今,人们对网络的使用率已经非常高,很多企业甚至已经完全从线下变成了线上。这个时候,有必要对网站进行优化。网站SEO优化有哪些技巧?下面由我来给大家细说一下。 网站SEO优化 网站SEO优化技巧,定时发布更新...

    2022年7月1日
    0108
  • 企业官网改版中要注意的几点问题。

    随着科技的进步和企业的发展,往往企业进行营销型网站建设后,经过几年时间,就又要对网站进行改版。因为原本的网站已经无法满足企业的需求,且与当下流行元素相悖,网站已经完全过时了。在这样的情况下,企业要...

    2022年7月3日
    0106
  • 网页设计要怎样正确配色。

    网页设计项目选择正确的颜色并不是一个轻率的决定。虽然操作,销售宣传和推荐在逻辑层面上与观众进行通信,但颜色在情感层面上进行通信。良好的颜色选择可以影响访问者如何解释他们所看到的内容,并且可以让他们...

    2022年7月4日 建站资讯
    0194

联系我们

QQ:951076433

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