工业设计作品集,你真的会做吗?

常言道:“三分画、七分裱”,顾名思义,画是一方面,裱是另外一个重要的方面,画也指作品,我们把作品画好、手绘好固然重要,但是这些作品要汇成集来展示,没有一个好的装裱和排版就会大打折扣,我们把工业设计作品集拆开来理解就会清楚,工业设计作品是指一个人的手绘作品、渲染作品、创意设计作品等,而加上一个“集”字,就大不一样,集意为合集,集合,集中,这些作品的合集必须要用到排版,而这类把作品进行排版和打印成集册的行为都可以称为裱。

什么是作品排版

小伙伴们日常应该经常可以听到“排版”这个词,那什么是排版?按照很多人的理解是把很多元素归总到一起按照自己的需求排列这些元素。但其实排版只是一个狭义的理解,这还牵涉到另外一个概念,那就是视觉传达,视觉传达的概念比起排版更加广义。

我们人在阅读观看排版作品时实际上就是一种视觉的传达,人眼睛看到这些作品以后其信息经过视觉神经系统加工后产生视觉,而后进行传播和达到,形成了作品集与人之间的一种沟通行为。

我们把工业设计作品集进行设计、规划再传达出来,这种设计的质量也直接影响着作品集与人沟通的质量和结果。

排版包含在视觉传达之内,很多人认为视觉传达就是“平面设计”,其实这样的认识是有局限性的,虽然视觉传达设计最早起源于“平面设计”或称“印刷美术设计”,但随着现代设计的范围逐步扩大,数字技术已经渗透到视觉传达设计的各个领域,而且工业设计作品集不仅仅是平面设计,更重要的是如何规划、协调、平衡作品集里面的各个元素,作品集后期的制作选材、装订、包装也是属于视觉传达的范围。

视觉传达里面的排版与其他展现元素一样,这些元素都可以统称为给人看的设计,告知的设计,主要以文字、图形、色彩为基本要素的创作,包含了版式设计、标志设计、编排设计、包装设计、展示设计等,我们设计制作工业设计作品集的过程中无一不包括这些元素。

版式设计——工业设计作品的版式;

标志设计——代表作品集作者的LOGO设定,或者作品集本身的LOGO;

编排设计——工业设计作品集里面文字内容的编排;

包装设计——工业设计作品集制作好以后要进行特定包装,丰富工业设计作品集的效果;

展示设计——我们设计并且制作工业设计作品集为的就是给人看,为的就是要展示出去,展示的方式有很多种。

工业设计作品排版的基本原则

作品的排版对于工业设计作品集是一个非常重要的部分,作品的版式甚至可以拯救作品本身存在的质量问题,这是什么意思呢?就是作品本身可能存在不足,不足的问题点可能是多方面的,但排版可以做的很好,把这些作品通过正确有效的排版方法进行版式设计,可以规避掉作品本身所存在问题,因为阅读观看的人看的是一个整体的呈现效果而不是只看单个作品,单独的作品这就好比一个人的五官,这个人的脸好比一张白纸,单独看五官可能有的非常漂亮,但是组合在一起就不一定漂亮了,而有的人五官长的平平,但是各自之间的比例间距都恰到好处,总体样貌反而很漂亮,这就像排版一样,排版排的好是可以掩盖掉单个作品的不足。

所以我们可以看出排版设计就是在有限的范围之内(这里指的是作品集的长宽比例大小)将有限的排版视觉元素(标题、标注、作品本身等等)进行合理的排列和组合。那么在工业设计作品集里面作品排版有几个最基本的原则:

1、排版元素的对比

2、排版元素的重复

3、排版元素的对齐

4、排版元素的亲密性

这些原则之间是互相关联的,一个经过排版后的作品集页面只应用其中一个原则的情况很少。

1、排版元素的对比

对比的基本意思是,要避免作品版面页面上的元素太过于相似,如果视觉元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同(就是拉大它们的区别),要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者注意到这个页面。

我们要知道对比是为作品集版式增加视觉效果的最有效途径之一,也是在不同版面元素之间建立一种有组织的层次结构最有效方法,对比的作用显而易见,可以用来组织信息,清晰不同层级关系,在版式上引导读者,并且制造版面中的焦点。我们遵循排版的对比原则,具体要怎样去做呢?排版元素有很多,我们稍微列举一下:

1)字体之间的对比

不同寓意的字体如果没有对比,会让人感觉含糊不清,难以区分,要让这些字体区分开,可以拉大字体大小、间距、类别的区分,层级关系立即凸显出来,阅读者可以非常清晰读懂这是一个产品设计,具体是什么产品,是什么时候设计的,这些传达给阅读者信息一目了然。

图片

2)粗线与细线的对比

排版元素里面线条如果没有区分显得平淡,把线条粗细加以区分可以让版面效果更加丰富具有变化。

图片

3)冷色与暖色的对比

在作品集的版面处理上适当加上冷色与暖色的对比可以让整体版面更加活跃不沉闷,如果冷色和暖色添加在作品上面,也可以增加作品本身在版面上的活跃度。

图片

4)背景材质或者纹理对比

排版当中如果要使用背景来衬托产品,这个背景不单单可以填充单纯的颜色来衬托,还可以添加不同的材质或者纹理来加强对比度,更有利产品效果的衬托并且可以更加直观的展示出产品的特性。

图片

5)作品图形面积大小对比

作品在版面中的数量可多可少,但是不管有多少作品排列在同一版面当中,它们的图形面积大小要拉开对比,诚然,图形面积越大作品越凸显,反之,图形面积越小作品越弱化,我们要让哪个作品成为主打,可以稍微把其图形面积处理大一些即可。

如图所示,我们可以看到图形面积最大的鞋最显眼,也是整个版面里面要重点刻画的鞋,作品图形面积大小形成鲜明对比,有主次之分。

图片
图片
图片
图片
图片
图片

由此可见排版元素的对比可以增强版面效果,更有可看性,而且有助于版面上信息的组织与梳理,如果对比不够强烈也容易造成阅读信息混淆,凸显重点,弱化次要部分。

2、排版元素的重复

工业设计作品集版式里某一些元素是需要重复的,这种重复的元素可能是一种字体,一个符号,一个图标,一块颜色,一条线,又或者是某一种格式,我们不要把重复理解的很复杂,其实我们在各种阅读物里面都能看到重复的影子,我们作品集的各个章节标题采用相同的字体和字号就是一种排版元素重复的表现。

当作品页数为一张时为板;作品页数为几张时为册;作品页数为几十页时为集;这就是作品集,排版元素的重复不仅对一页作品起作用,对整个作品集页面都能起到作用,重复能够让作品集视觉效果统一,增加条理性,我们要做到把这种无意识变成一种有意识的行为。

如图所示,三角箭头代表阅读者视线停留在作品上面的节点,三角箭头上面的序号是视线停留的先后顺序,按照1、2、3…进行排列,我们看到这张作品时,第一眼会先扫一眼上面的标题,看画的是什么,然后再看作品里面的产品内容,这张作品里面文字并没有进行重复处理,阅读者在上面顶多有两个视线停留节点。

工业设计作品集,你真的会做吗?

如下图所示,如果我们把右下角的文字和上方文字进行重复处理,字体和字号大小都一致,阅读者在作品上面的视线停留为4个节点,换句话说,就是阅读者的视线在这个作品上停留的时间将会更长,首先看最上方标题,再看到产品内容,视线然后移动到右下角文字,最后回到上方标题。阅读者的视线可能会在两个重复的字体之间来回移动,不仅增强了统一性,又延长了视线在作品上的停留时间。

图片

3、排版元素的对齐

工业设计作品集,你真的会做吗?

这样杂乱的桌面相信很多人都看见过,我们完全可以运用排版元素里面的对齐来清理这些桌面元素。

图片

我们看到版面上的某些元素是互相对齐,虽然这些元素的位置是彼此分离的,但是它们之间也会有一条看不见的线把彼此连接在一起,这些看不见的线在我们有意识对齐的时候是一直存在于我们心里。如图所示,这些版面元素虽然都是彼此分离,但是它们之间是有一根无形的线连接的。

图片
图片

排版元素的对齐可以采用左对齐、右对齐、居中对齐、两端对齐,我们需要找到一条明确对齐的无形线,用它来做对齐的参考,同时,我们也要避免在一个页面或者几个相关联的页面上混合使用多种对齐方式。

1)作品排版元素的两端对齐

把若干作品往两端对齐,画面整洁、清晰。

图片
图片

2)排版元素的左对齐

排版元素的左对齐方式和右边的数字形成了呼应,左边对齐的文字也显得很规整。

图片

3)排版元素的居中对齐

这张作品看上去各个版面元素没有什么联系,显得非常随意,如果我们对其进行排版元素的居中对齐处理会得到完全不一样的视觉效果。

图片

把排版元素进行居中对齐,版面显得稳重、正式。

图片

排版元素的对齐是我们排版时最常用的编排方式之一,左对齐和右对齐都能让排版元素规矩、整齐、清晰;居中对齐可以使排版元素正式、稳重,在一个版面中,我们在这几两种种情形下可以选择居中对齐:一是排版信息比较少的时候用除居中对齐之外的其他对齐方式会显得相对较空,这个时候可以尝试居中对齐;二是需要获得庄重、传统的版式可以采用居中对齐;排版过程中我们要避免把好几个对齐方式混用在一起,尽量只使用一种对齐方式。

4、排版元素的亲密性

排版元素的亲密性指的是在版面当中彼此相关元素应该互相靠近,并且归为一组,我们从视觉上看这些元素是凝聚为一体,如果多个排版元素相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的版面元素,亲密性有助于组织信息,减少版面的杂乱感,为阅读者提供一个清晰的视线走向路线。

需要注意的是,往往存在亲密性的两个或几个排版元素之间是存在着某种关联,反之,没有关联的元素是不存在亲密性的。

排版元素的亲密性根本目的是实现版面各元素的组织性,依据亲密性原则只需要简单地将相关元素分在一组建立更近的亲密性,就能自动地实现条理性和组织性,比如作品集里面设计案例作品的设计说明,如果用亲密性原则使之有条理可以更有利于阅读,也更容易让人记住内容说的是什么。

1)要让版面上面的信息更具有层次性

如图所示,版面上各信息元素亲密性不够,使得各元素的层次感削弱,显得层次混乱。

图片

如图所示,版面中各元素亲密性增强,随之,层次感也变得更加强烈。

图片

2)要让版面上的信息更具有条理性、易读性

如图所示,版面上面的信息条理性差,易读性弱。

图片

如图所示,经过增加各元素之间亲密性,版面上的信息条理性强,易读性也增强了。

图片

排版元素的亲密性就是把有关联的元素分在一组,使它们建立更近的亲密性,我们应该避免一个页面上出现太多孤立元素,不要在排版元素之间留出相同距离和大小的空白区域。

相关新闻

联系我们

0757-26600363

邮件:tongtian0225@163.com

地址:广东省佛山市顺德区北滘镇三乐路1号广东工业设计城A栋2楼

QR code