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

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

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

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" >

在对页上重复以上步骤。

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

时间: 2024-11-10 00:47:34

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

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

设计,无需规则 超越平凡的平面设计: 版式设计原理与应用 抛弃规则,仅凭直觉 你可曾见过街头艺术家作画?很有意思!只见他们左喷右绘,一幅佳作便跃然布上.不用尺规工具,没有框架缚束,更不照参考说明:但最后的作品却如此完美,整个过程如此流畅. 最佳的设计正像这样. 请看如下的版面设计,这次我们不用网格而使用左边所示的图片作为视觉参考.图中的线条.形状.比例以及这些要素之间的关系支配着我们对字体.尺寸.色彩.版面以及其他一切设计要素的选择. 你看到了什么? 仅使用目测的话(接近但不精确) 你能回答下面

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

色轮 超越平凡的平面设计: 版式设计原理与应用 理解色彩搭配的必备工具 有光就有色.我们以为各个色彩是相互独立的,比如蓝色是蓝色,而红色是红色.但其实一种色彩总是存在于包含其余色彩的环境里,并不会单独出现.颜色并没有好坏之分,就像是组成乐谱的音符,每种颜色都是曲子的一部分,合在一起构成动听或不动听的旋律.色轮就是用于理解色彩间的关联的工具(也叫做色相环). 色轮是由可见光范围内的色彩组成的圆环 形式简约,含义无穷 白光里包含所有的可见光.如你所见的彩虹一样,可见光构成了颜色依次由紫到红的无限色谱

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

怎样运用对比确定字体风格 超越平凡的平面设计: 版式设计原理与应用 合理运用对比,能够建立或打破字体的设计风格 所有的排字技巧里,创建对比手法最为常见.它能在最短的时间内产生最好的视觉效果.为什么?因为正是元素间的对比吸引人的注意:大小对比.黑白对比.多少对比,等等.一只昆虫可以在叶片上一动不动地隐匿身形,直到它移动你才能发觉.正是运动的昆虫和静止的背景二者间的对比使它可见. 字体间的对比有多种形式:大.小,大写.小写,罗马体.斜体,衬线体.无衬线体,粗体.细体,黑.白,普通字体.花式字体.当这

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

字母部件超越平凡的平面设计: 版式设计原理与应用排版用字符具有多种形态和属性,了解它们的名称是很有用的.在学习观察和识别不同字体的时候,知道这些特征与部件的存在是很有必要的. 7 三种尺寸的48磅字体字符的磅值与其本身的大小无关.磅值是用来表示包围字符的不可见方框的高度.24磅的方框按理应包围24磅的字符,但其实只要适合方框,任何磅值的字符都可以. 这种形式沿袭自以前的传统:将热铅灌入被称为嵌条的金属块塑成铅字.通常会在嵌条中字母上伸部之上和下伸部之下留出一点空间,这样脱模的时候就能避免截断铅字

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

http://file.epubit.com.cn/LargeCover/15018e1b71e31e302620" > 版权声明超越平凡的平面设计: 版式设计原理与应用Before & After: How to Design Cool StuffJohn McWade ISBN: 9780321580122 Copyright 2010 Authorized translation from the English language edition published by P

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

版权声明 超越平凡的平面设计:怎样做好版式(第1卷) Before & After Page Design (ISBN: 0 201 79537 X) Copyright 2003 by John McWade Authorized translation from the English language edition published by Peachpit Press All rights reserved. 本书中文简体字版由美国Peachpit Press授权人民邮电出版社出版.未

《超越平凡的平面设计:怎样做好版式(第1卷)》—第1章1.2节 为读者而设的新闻简报文摘规格

1.2 为读者而设的新闻简报文摘规格 超越平凡的平面设计:怎样做好版式(第1卷) 它是平装书和杂志的结合,它低调而华丽的版式是长篇文章的理想选择,它还易于设计 美国的5个最热门杂志中,有3个--Reader's Digest.TV Guide和 National Geographic,都具有一个有趣的特点:它们的规格都比正常杂志小.全部都类似文摘规格. 平装书甚至更受欢迎,它们的页面更小. 小页面有什么特殊的魅力吗?当然!它非常便于携带. 小页面自然而然就抓住了读者的视线.因此它的设计可以简约而

移动端界面中的版式设计原理(下)

  上篇教程:<超实用!移动端界面中的版式设计原理(上)> 4. 留白的艺术 不单单是文字和图片需要设计,留白也是构成页面排版必不可少的因素.所有的白都是"有目的的留白",带有明确的目的来控制页面的空间构成. 常见的手法有几种,第一通过留白来减轻页面带给用户的负担. 首屏对一个应用来说十分重要,因此一些比较复杂的应用首评都堆积了大量的入口.如果无节制的添加,页面中包含的内容太多时,会给人一种页面狭窄的感觉,给用户带来强烈的压迫感,所以元素太多有时候反而不是好事.留白能使页面

移动端界面中的版式设计原理(上)

  "我总觉得页面不太好看但是我又说不出来","我不懂设计,但是我就是觉得不协调","你觉得这好看?你的审美要加强啊"这些听着熟悉的话往往是产品和设计产生矛盾的开端.还有一种评价叫说不出哪里好也说不出哪里不好,相信很多人也有过感同身受的无奈. 其实设计本身就是一门理性的学科,审美因人而异,只有言之有理的设计才能够说服别人.当设计师拿到产品的原型开始做设计时,如果只是单纯的按照原型进行而不考虑任何规则,那么很多时候就会产生一些不协调的结果.设计完之