当前位置:主页 > 设计理论 >

设计方块构成的折页册子

  • 2013-09-05 22:26
  • 来源/作者:未知/极限
  • 己被围观

www.logosky.net 编译 在本文中,我们将介绍的这种漂亮及组合式结合的折页小册子是通过将一个较大的设计主题分散成多个小部分来完成。它通过不同的方块区域承载不同的图片或文字而

www.logosky.net 编译

设计方块构成的折页册子

在本文中,我们将介绍的这种漂亮及组合式结合的折页小册子是通过将一个较大的设计主题分散成多个小部分来完成。它通过不同的方块区域承载不同的图片或文字而构成版面设计。你的任务就是如何安排这些方块。

 

要使整个设计效果最好的关键之处是方块内的内容及文字字数等需要大概相等,这种版式很适合一些多个产品及一些基本相似的主题。我们在本文将分析你在设计中可能所面临的一些问题:

设计方块构成的折页册子

封面:整个折页的展开图只是一张标准信纸大小的尺寸,但却可以给人留下深刻的印象。通过各个方块元素,你可以轻松地重复同样的风格进行设计。除了统一的字体及边距外,其它的元素,颜色及风格,你都可以自由发挥!

 

两种方块:

这本小册子有两种方块――图片方块及文字方块――就象在玩一个九宫游戏将两者组合。图片及文字可以使用一个方块或相邻的多个方块。

设计方块构成的折页册子

设计方块构成的折页册子

简单的网格线:将版面水平及垂直分成九个相同的区域即可。三折页的折叠方式可以是风琴折或信纸折,我们将这些区域称为方块区域,虽然严格来说,它不是正方的。

设计方块构成的折页册子

四个区域:

这本小册子有三个主要区域,分别为封面折页,封底折页,内折页及由三个折页构成的内展开页。封面折页中,我们采用一个方块来应用标题,另外两个来应用图片。

 

设计方块构成的折页册子

图片占据两个方块:

设计应该保持简单。这张图片占据了两个相邻的方块,标题文字在方块中的左方,这种构成与方块本身的形状一致。上图示意图中圆形的元素同样可以与方块形成良好的搭配,使到整个版面形成漂亮的圆形及长方形的组合构成。

设计方块构成的折页册子

中部区域变化:

如果图片足够大,可以填充整个封面折页,标题可以考虑放在中间。它使到图片分开成两部分,但仍然在视觉上有联系,中间形成了一个缓冲区域。

设计方块构成的折页册子

两个设计方向:

上图左,中间的方块使两张图片得到缓冲但仍然产生联系(因为它们有着相似的图案及纹理);中间,如果图片足够大,可以将图片填满这个封面折页,虽然中间分开,但在视觉上仍然有延续性。但有时这样的分开会给人一种硬生生打断的感觉,所以要小心处理。

设计方块构成的折页册子

方块分开:

封底折页有两个相邻的文字方块,为了使到它们产生分离的感觉,将其中一个方块象图片一样应用背景颜色,另一个则直接留白,使两个方块形成对比。

设计方块构成的折页册子

上图中,从人物脸部取色,使到图片与中间的方块具有相似性及中性的色调,也使到与下方的地址方块分开。白色方块上的地址标题及具体信息字体及尺寸相同,不同的只是颜色。留意此处文字虽然比我们所设的方块面积要小,但其文字与上方的方块文字仍然是对齐的(见下图)。

设计方块构成的折页册子

比例关系:

要留意你所使用的图片与它们各自所处空间的比例关系。如,本身高的元素就放在高的空间,矮的元素就放在矮的空间,当然,除了那些需要剪切的图片外。

设计方块构成的折页册子

设计方块构成的折页册子

内展开页:

在内页中,水平放置的图片与外页的竖直图片形成对应及互补。对于一些象这些紧密排列的图片,不需要刻意去关注比例。

设计方块构成的折页册子

三行水平放置的图片:

面包、柠檬片及咖啡豆都与味道息息相关!这样紧密排列的图片,比例并不重要。图片可以任意按所需来剪切。

设计方块构成的折页册子

三个颜色的对比:上图大图中,橙色及绿色是二次色对比关系,都传达出一种新鲜的气息。留意所用的橙色与面包的色调略有不同,而绿色则与柠檬片的色调融合,棕色则与咖啡豆和谐搭配,同时与图片中白色的区域形成对比。

 

上图示意图中,各个方块与圆形的图片元素能够形成视觉上的和谐关系(有着相似的大小及及构成都非常简单),使到这个版面充满了很多能量!

 

基本构成:

这个由方块堆砌而成的版面设计有很多优点,总的方面来说,就是简单的由水平及垂直构成的图片可以呈现一种非常清晰的视觉效果。

设计方块构成的折页册子

设计方块构成的折页册子

设计方块构成的折页册子

对比:

视觉上的对比,可以使设计产生流动。要确保没有关系的方块之间有足够的区别,这样可以避免你的视线不会“打结”。这里只能具体问题具体分析。

设计方块构成的折页册子

设计方块构成的折页册子

图片:

在这个设计中,真实的摄影图片比一些插图效果更好,因为这可以使到在填充方块中形成一种丰富的调子感觉。白色背景可与图片形成漂亮的搭配,但不要过度使用。

设计方块构成的折页册子

设计方块构成的折页册子

设计方块构成的折页册子

应用文字:

设计需要有严格的文字应用规则。建立一种样式――如定下一种字体及大小,然后严格地在每个方块上重复应用:

设计方块构成的折页册子

文字样式:

要使用一种能够与方块风格相似的字体样式才能达到最佳效果。我们在这里使用的是Helvetica Neue Medium字体,因为它简单干净,而且挺拔端庄。

设计方块构成的折页册子

设计方块构成的折页册子

设计方块构成的折页册子

背景颜色:

如果方块背景所用的颜色与图片中的颜色相似及有关系,则效果最佳。这种关系,可以是相似色对比,也可以是补色对比,或者明暗色调的对比。

设计方块构成的折页册子

审视你的颜色:

在开始进行与颜色有关的设计之前,你可以将每个图片中的各个主色放在色轮上。在这个设计中,你可以看到这些颜色所处的范围比较狭窄,从柠檬绿到橙色,大概只占色轮的三分之一区域。

设计方块构成的折页册子

更多颜色的搭配效果:

 设计方块构成的折页册子

设计方块构成的折页册子

文字颜色:

通过对文字的设色,使其与单一颜色的背景形成对比及传达更富生命力的效果。这里的颜色规则同样适用,可以象图片一样选择颜色搭配。

设计方块构成的折页册子

在颜色上添加颜色!文字应用颜色可以增加深度及层次,细小的对比可以进一步增强方块与图片的对比。

设计方块构成的折页册子

 

模板设置:三折页小册子

 

尺寸:标准信纸大小(letter-size),11英寸×8.5英寸(约为279.4×215.9mm);

折叠后尺寸:(约)3.7英寸×8.5英寸

设计方块构成的折页册子

设计方块构成的折页册子

内展开页:内开展页基本上就是外展开页的镜像翻转,同时也有一点小小的调整,在内展开页,按下面所示设置参考线:

设计方块构成的折页册子

设计方块构成的折页册子


(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG)

更多精彩内容

  • 文字的韵味 文字的韵味
  • 如何更好地使用栅格系统 如何更好地使用栅格系统
  • 人机交互主流设计原则【 人机交互主流设计原则【
  • 社交互动创新:从点赞到 社交互动创新:从点赞到