平面设计:空白在页面中的应用浅析
关关 2018-05-23 来源 : 阅读 1384 评论 0

摘要:一张空白页上可能什么都没有,但这却是设计师将要面对的最重要的开始。伟大的设计从这里诞生。希望阅读本篇文章以后大家有所收获,加深大家对平面设计的理解。

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

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


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

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

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

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

平面设计:空白在页面中的应用浅析


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

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

平面设计:空白在页面中的应用浅析


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

平面设计:空白在页面中的应用浅析


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


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


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

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

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


平面设计:空白在页面中的应用浅析

页边距太窄,无框架感。

平面设计:空白在页面中的应用浅析

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


平面设计:空白在页面中的应用浅析

等距页边

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


平面设计:空白在页面中的应用浅析

渐变页边

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

平面设计:空白在页面中的应用浅析

比例页边

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

平面设计:空白在页面中的应用浅析

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

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


平面设计:空白在页面中的应用浅析

重要辅助线

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



本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标设计创作平面设计频道!


本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程