当前位置:首页 >>搭配技巧

当我们谈版式时,我们在谈甚么?

发布时间:2018-05-01 12:55:00 来源: 浏览次数:
当我们谈版式时,我们在谈甚么? 信息时期的重要生存法则就是资讯的传播与掌控,有那末个说法:“得信息者得未来”。但不论是在传统纸媒还是多媒体上,信息的传播都没法离开图文编排的版式设计。我们在探讨传播的时候,它包括了主体、媒介、内容、受众、效果等因素。而当我们在谈具体的版式设计的时候,我们又在谈甚么呢?我们都认可好的版式设计就是在有限的版面内,以最快速、直接、有效的方式传递出核心信息,并给受众建立起深入而良好的印象。那末它都会由哪些元素构成呢?又会由哪些设计方法创作出来呢?针对这个问题,我们系统分析了大量来自世界各地最优秀的版式设计案例,并通过挑选和其中的设计师进行了有关版式设计内涵的探讨。或许通过这样的研究可让我们更加清晰的认

信息时期的重要生存法则就是资讯的传播与掌控,有那末个说法:“得信息者得未来”。


但不论是在传统纸媒还是多媒体上,信息的传播都没法离开图文编排的版式设计。我们在探讨传播的时候,它包括了主体、媒介、内容、受众、效果等因素。而当我们在谈具体的版式设计的时候,我们又在谈甚么呢?


我们都认可好的版式设计就是在有限的版面内,以最快速、直接、有效的方式传递出核心信息,并给受众建立起深入而良好的印象。那末它都会由哪些元素构成呢?又会由哪些设计方法创作出来呢?


针对这个问题,我们系统分析了大量来自世界各地最优秀的版式设计案例,并通过挑选和其中的设计师进行了有关版式设计内涵的探讨。


或许通过这样的研究可让我们更加清晰的认识到当我们谈版式时我们在谈甚么。


当我们在谈版式时,我们谈的是版式的目的


版式设计即是在预先设定的有限版面内,将文字、图形、图片、色采等信息要素进行有目的地组合和排列。


而版式设计诞生的目的则是:信息。

转达信息是其唯1目的,不管在纸张还是网页上。甚么是1个好的版式设计?先让我们1起看几个设计案例。




Design:Luisina Ailén Ponce


这是意大利著名的报纸Mantra的版式设计。尽人皆知,报纸最重要的功能就是传递信息,版面信息量大,结构紧凑,文字多于图片,用色简洁明快。字体、字号、粗细等元素被奇妙地应用来引导观者做大量的文字浏览,却不至于感到劳累或是杂乱找不到方向。


Design: Mané Tatoulian


这是建筑和工业设计杂志Bau的版式设计,版面中的文字信息少,图片多于文字,且排布更重视留白与正负空间的呼应,用色克制,营建了高端雅致的格调。虽然文字信息不多,但是版式展现出品牌背后的的气质和文化,这是1种抽象的信息。


甚么是1个好的版式设计?可以这样说,当它以1种适合又美观的方式实现了传递信息的目的时,这就是1个好的版式设计,固然创意是其最好的调味品。


我们需要牢记的1点是:设计永久是为目的服务的。


只有明确了目的,才能有所取舍,舍去冗余,保存必须;才能有所侧重,建立视觉层级,突出重点;才能显现不同的视觉格调,营建不同的氛围。这便是版式设计的圭臬。


当我们在谈版式时,我们谈的是版式的构成元素


当我们在进行版式设计的具体操作时,版面的构成元素是必须清晰认识和掌控的,它就像原料1样,只有灵活地调剂,并进行有机地排列组合,才能得到1个和谐而又平衡的版式。而这1切都必须建立在对内容和目的的深入理解之上。


下面是1张版式设计要素的基本构成图示,该图可让我们更加直观地了解版面的构成,同时也方便了我们在实际设计场景中灵活地变通和使用。



栏€€版面中€€用线条或用空白贯通隔开的部份。


版心€€版面上除去周围白边,剩下的文字和图片部份就是版心。版心是页面中主要内容所在的区域。


标题€€版面中字号较大的点题性文字,用来吸引读者注意力。


视觉焦点€€版面中最早吸引读者注意力的部份。


正文€€版面中标题之外的主要内容,字号较小。


页边距€€版心边沿至成品边沿的空白区域。


注解€€对表格或插图所作的解释和补充说明。


天头€€版心上方的余白。


地脚€€版心下方的余白。


出血€€印刷装订工艺要求页面的底色或图片须跨出裁切线1定的位置,通常为3mm,以避免裁切时裁掉页面中的内容。裁切线之外的部份称作出血。

下面两个版式设计比较规范和标准地使用了上面的版式基本要素,很具有参考价值。

艺术空间Omaggio al Bailo宣扬海报


版式要素重点:标题、副标题、信息、注释

Design: Metodo studio





当我们在谈版式时,我们谈的是版式的设计方法


公道的版式设计显现方式能让设计师事半功倍,极大地提高设计的效力,也能化腐朽为奇异,使版式富于美感和创意。


通兽用工作服标准
过对优秀案例的研究和与世界各地设计师的沟通,我们发现,除在版面控制上有自己的个人理解以外,他们在基础方法上普遍重视版面的视觉平衡和对网格系统的利用。


分块保持视觉平衡


分块,就是对页面中的元素进行梳理,依照内容或功能进行分区,然落后行大小及食品厂夏季工作服款式
位置排布,并以此建立起基本的视觉层级结构与平衡。下面就是几个版式设计和其对应的分块图的展现。

1家比利时的建筑工作室关于dmvA理论的书籍版式设计,利用色块使图文的配比清晰,信息的转达效力高。


Design: Ronny en Johny, Ronny Duquenne

Smiths Bruch餐厅的现代化菜单设计,分块有对称的秩序美感,同时灵活搭配图底,又不显死板


Design: Leo Burnett Design

北欧周边国家最大的现代舞集会“Kedja”的宣扬海报系列,设计师通过移动分块的位置,产生了不同的布局结构,既做到变化,又到达统1

Design: DADADA studio, Denis Kuchta


网格系统设计法


因现代排印技术的发展需求,在20世纪初欧洲的设计师就提倡用客观、理性的态度来构作品,并通过严格的规则来实现设计。而现代意义的网格理论基础主要发端于20世纪40年代瑞士的“客观排版设计运动”。


网格是1种理性、灵活的高效计划版面情势的法则,在现代版式设计中具有非常重要的指点意义和普遍性。它可以更好的保持设计的视觉秩序,从而使版面能更加清晰有效的传递信息,并带来丰富多变的情势,因此被世界各地的设计师所重视和利用。



美国Energy Natural Systems(ENS)公司企业形象宣扬手册设计。

灵活的网格,不单单只是矩形,根据图片实际使用情况,而设置出1种新式表格。这个作品是典型的灵活应用网格系统的代表


Design: creanet, Jose Moreno

德国法兰克福的韩国餐厅指南传单设计,网格使版式设计到达了两重效果,1方面有条理地展现了法兰克福各条街道上的韩国餐厅,1方面令版式引人注视,富有生气。


Design: Il-Ho Jung

新加坡国立大学建筑讲座海报设计系列

网格的使用使两张海报保持了风格的统1,不同的色调组合又使二者易于辨别,各有特点。



《3个设计师》

专注成长型企业品牌设计,我们的客户正在成为行业领袖!


《设计师交换群》资深设计师微信群交换计划€€€€跳槽、招兵、胡侃、救急

€€ 点这儿,来3个设计师的微博获得更多干货