本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的空白页面,含义无穷,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。

空白页面,含义无穷
超越平凡的平面设计: 版式设计原理与应用
不要跳过设置,对话框这是你设计的起点
一张空白页上可能什么都没有,但这却是设计师将要面对的最重要的开始。伟大的设计从这里诞生。正是在这空白上,你构建出艺术的世界——决定页面规格、页面方向、设计空间、单页或对页。这些选择将会影响读者对页面的理解,影响它的触感,影响读者的阅读方式。最终,将影响到其设计的成功与否。

什么规格的页面有什么用?读者的视线向何处移动?空白区域的作用是什么?对于这些问题是你需要知道真正的答案,请待我慢慢详述。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506bd1cf4b0a5e36e37" >

在点击确定前,请注意所有可选的设计资源和选项。

1 页面规格
为什么在影院看电影比在家看要爽?因为影院的屏幕很大!观众需要转动脑袋才能跟上影片角色风驰电掣的动作;而在家,我们一次就可以看完整个屏幕。屏幕的尺寸不同,并不会改变电影内容,却会影响我们的感觉。它在我们的视觉体验中扮演着重要的角色。

我们将图像尺寸与自身尺寸关联起来,正是人类自身主宰着我们如何看待事物。

观看一张信纸规格的印刷纸张时,在可视范围内,我们的视线大致聚焦在一片人头大小的区域内,在这片区域内的设计将被视为一个整体。而通俗小报的页面尺寸是信纸的两倍,简单浏览起来面积太大,要想看完内容我们必须移动视线,因此我们分区域来阅读它(它也必须被分区域设计)。

页面比例也会影响我们对页面的感性认识。一个长而窄的页面(轻盈的)与一个正方形的页面(厚重的)给人的感觉是不同的。千百年来,“黄金矩形”一直被认为具有最理想的比例,文艺复兴时期的数学家们将这个比例定义为1:1.618。古希腊怕台农神庙的外形就是一个黄金矩形。我们还可以在窗户、桌面和照片(3×5,4×6等)以及人物雕像中找到黄金比例。一般来讲,最赏心悦目的矩形,其长是宽的两倍。


进行现代印刷时,常常必须向效率屈服。这意味着要使用标准纸张,如左图所示。观察下边的国际标准A系列纸张,它向我们展示出如何效率地用大纸张制作小纸张。A系列纸张基于A0尺寸,一种841mm×1189mm的长方形纸张(331⁄8×46¾英寸)。将A0对半分就得到两张A1,将A1对半分得到两张A2,以此类推。这一系列纸张无论大小,每一张的比例都是相同的

页面可以纵向折叠,也可以横向折叠;可以对折、三折、四折或者不对称折叠。折叠纸张有平展纸张所不具有的厚重感和坚韧感。而且,平展纸张上的内容一目了然,折叠纸张却能逐步揭示其内容,对设计师来说,这是一个诱人的设计点。


2 页面方向
所谓页面方向就是指页面的摆放方式。长而窄的页面更能引人入胜,因为读者能将视线集中起来。宽的页面使人视线跳跃,这意味着读者要从页面左边看到右边,希望能一次将整张页面尽收眼底。


与窄页面不同,拿到宽页面时,我们会下意识地将其拿远一些;以便我们的自然视域能覆盖住整个页面而无需扫视。


页面的视觉中心,也就是视线焦点与读者的眼睛在一条水平线上或稍微高一点,而并非在视域的中心,无论宽的或窄的页面都是如此。因此,文字本身的起点与人眼的高度应差不多或稍高一点。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506aad24748e514bbf2" >

如上图所示,在宽的或者横向的页面上,我们的视线很难停留在一处。相反,视线会在页边之间来回扫视,企图覆盖住整个画面。如果你想将读者的视线集中在某一个物体上或者某一小片区域内,请选用纵向页面(如左图所示),它能聚焦视线。

3 页边距
页边距能起到吸引读者并加强二者互动的重要作用。页边距作为印刷物的框架,就像是一个容器。若太窄,就会失去对页面内容的控制,框架的作用被遏制,视线趋于分散(页面越大,影响越大);若太宽,页面内容又会显得无关紧要。

那么页边到底该多宽呢?按常规:页边占页面面积50%即可。比如,一张大小为9×12英寸的页面,四周的页边距宽1½英寸。这便能使读者的视线很好地集中在页面内容上。


页边距太窄,无框架感。


页边距太宽,内容被忽略。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15065634e682109af05f" >

页边距宽度适中。


等距页边

每个页边宽度相等。这种情况最常见,页面显得静止而标准。读者不会意识到页边的存在。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=150628e6cf23811931a2" >

相框页边

这种页边像架照片一样把页面框起来。两侧与顶页边等宽,而底页边则宽一些。页面显得稳固并且会让读者产生四页边距等距的视错觉。


渐变页边

传统图书的常用页边距。靠近书中缝的页边是最窄的,顶页边距是它的1.5倍,靠外的页边是它的2倍,底部页边则是3倍。


比例页边

经典的页边类型。印刷区域的大小与纸页等比例。无需通过计算,只要画一条对角线,将四角相连,再向内偏移即可。


通版是一个具有中页边距的整体

通版是将两个纵向页连成一个横向页面。一定要将两页看做一个整体,而不能孤立地进行设计,因为读者看的时候是同时看的。如右图所示,本图演示了孤立设计两个页面页边距所导致的问题:将两个页边等距的页面拼合在一起,形成的中缝宽却是页边距的两倍。而运用渐变页边距就可以解决这个问题。当中缝与四周页边等宽时,两个页面看上去便和谐而流畅了。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506bc46bd7766ef1b95" >

画出如图所示的对角线。


重要辅助线

画出靠内的辅助线(右边的蓝线),然后根据它与页中线的距离S,画出靠外的辅助线(左边的蓝线),使其与页边的距离为2S。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506b6b25871e1aa0a1d" >

连接辅助线与对角线的交点,画出水平线(红线)。


http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=15064286f0d74a392950" >

在对页上重复以上步骤。

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。

《超越平凡的平面设计: 版式设计原理与应用》—空白页面,含义无穷相关推荐

  1. 《超越平凡的平面设计: 版式设计原理与应用》—色轮

    本节书摘来自异步社区<超越平凡的平面设计: 版式设计原理与应用>一书中的色轮,作者[美]John McWade,更多章节内容可以访问云栖社区"异步社区"公众号查看. 色 ...

  2. 《超越平凡的平面设计: 版式设计原理与应用》—设计,无需规则

    本节书摘来自异步社区<超越平凡的平面设计: 版式设计原理与应用>一书中的设计,无需规则,作者[美]John McWade,更多章节内容可以访问云栖社区"异步社区"公众号 ...

  3. 《超越平凡的平面设计: 版式设计原理与应用》—怎样用好字体

    本节书摘来自异步社区<超越平凡的平面设计: 版式设计原理与应用>一书中的怎样用好字体,作者[美]John McWade,更多章节内容可以访问云栖社区"异步社区"公众号查 ...

  4. 《超越平凡的平面设计: 版式设计原理与应用》—字母部件

    本节书摘来自异步社区<超越平凡的平面设计: 版式设计原理与应用>一书中的字母部件,作者[美]John McWade,更多章节内容可以访问云栖社区"异步社区"公众号查看. ...

  5. 《超越平凡的平面设计: 版式设计原理与应用》目录 —导读

    http://file.epubit.com.cn/LargeCover/15018e1b71e31e302620" > 版权声明 超越平凡的平面设计: 版式设计原理与应用 Befor ...

  6. 《超越平凡的平面设计: 版式设计原理与应用》—怎样运用对比确定字体风格...

    本节书摘来自异步社区<超越平凡的平面设计: 版式设计原理与应用>一书中的怎样运用对比确定字体风格,作者[美]John McWade,更多章节内容可以访问云栖社区"异步社区&quo ...

  7. 《超越平凡的平面设计:怎样做好版式(第1卷)》目录—导读

    版权声明 超越平凡的平面设计:怎样做好版式(第1卷) Before & After Page Design (ISBN: 0 201 79537 X) Copyright 2003 by Jo ...

  8. 《超越平凡的平面设计:怎样做好版式(第1卷)》—第1章1.5节如何使平庸的新闻简报鲜活起来...

    本节书摘来自异步社区<超越平凡的平面设计:怎样做好版式(第1卷)>一书中的第1章1.5节如何使平庸的新闻简报鲜活起来,作者[美]John McWade,更多章节内容可以访问云栖社区&quo ...

  9. 《超越平凡的平面设计:怎样做好版式(第1卷)》—第1章1.4节容易!一个简洁可行的版式...

    本节书摘来自异步社区<超越平凡的平面设计:怎样做好版式(第1卷)>一书中的第1章1.4节容易!一个简洁可行的版式,作者[美]John McWade,更多章节内容可以访问云栖社区" ...

最新文章

  1. C#中Hashtable表的应用
  2. DF学数据结构系列——B树(B-树和B+树)介绍
  3. JUnit3 结合一个除法的单元测试说明Assert.fail()的用法
  4. 用ABP只要加人即可马上加快项目进展(二) - 分工篇 - BDD实战篇 - .NET Core里跑Specflow...
  5. Google Guava EventBus和Java 7 WatchService用于事件编程
  6. bash 的相关配置
  7. python中if有几种使用方式_python 中if-else的多种简洁的写法
  8. Unable to add window token null is not valid is your activity running
  9. python考试名词解释_python公开课|python专有名词居然有这么多,python专有名词解释已做好...
  10. Math3中StatUtils类和MathArrays的使用(数组运算)
  11. termux 开启 sshd
  12. 数据结构与算法(三)-线性表之静态链表
  13. php随机获取数组的值
  14. 再看《JavaScript高级程序设计》第8-9章
  15. php bug修复,PHPWind BUG修复
  16. YOLO3算法个人算法理解心得
  17. java 实现站内信_群发站内信实现
  18. 苹果造车简史:库克能靠造车封神吗?
  19. Centos文件上传,并用Compose, Dockerfile部署容器
  20. fractions -- 分数

热门文章

  1. IOS ipad拍照问题
  2. oracle生成3个零,expdp导出报错:ORA-39001: ORA-39200: ORA-02019:
  3. 关于science和nature
  4. pcl CropHull 3d not cropping inside
  5. java调用浏览器自带的下载功能下载文件
  6. 从Office2003彻底删除Acrobat工具栏按钮
  7. macOS藏文输入快捷键失效的问题
  8. DaVinci Resolve 17 mac新功能
  9. Windows电脑重装系统亲身经历
  10. Visual Studio 2015、2017、2019 和 2022运行库合集