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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

异步社区 2017-05-02 13:45:00 浏览775
展开阅读全文

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

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

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


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

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

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

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

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

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


screenshow?key=1506ca6c1cb52845f01a

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

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


screenshow?key=150640b216de839e68de

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


screenshow?key=15063bbadc0279c1aa1c

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


screenshow?key=1506333b9429d6b3eb45

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


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

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

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

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


screenshow?key=15064199f67a2b9aaf1c

页边距太窄,无框架感。


screenshow?key=15067ada0d480dee3caa

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


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

页边距宽度适中。


screenshow?key=15066da0ce4b50197ded

等距页边

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


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

相框页边

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


screenshow?key=1506540539bd1798bf36

渐变页边

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


screenshow?key=1506fac366c18d884cbe

比例页边

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


screenshow?key=150670c1f3c13997da52

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

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


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

画出如图所示的对角线。


screenshow?key=1506ec292d9d6a9682ae

重要辅助线

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


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

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


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

在对页上重复以上步骤。

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

网友评论

登录后评论
0/500
评论
异步社区
+ 关注