版式设计原理.pdf

版式设计原理

设计有⽆限种可能。

但是，有⽬的性的设计，也就是有意识地向⽬标群体传达出⼀些内容的设计，就必须有良好的传达能⼒。

本书中所谓的“好设计”就是在指这样的功能性⽅⾯表现良好的设计。

⼀、布局

如何根据不同的版⾯风格排版呢？⼀定要清楚这个情景最想要传递什么信息。通过不同的排版⽅式，选择出最适合的⼀个。当然，⼀个版式的组成
不仅仅是版⾯架构，也是需要⽂字、颜⾊、图⽚等共同营造，这些要点会在接下来的⽂章中⼀⼀介绍，现在着重介绍布局。

情景⼀：有条理

要求版式有条理，那么⼀般就意味着信息量和素材是很多的。⾸先就需要对素材进⾏整理，在整理多张图⽚时，请使⽤⽅格坐标（栅格系统）。通
过⽅格坐标，不仅可以看清每张图⽚，也可以理清布局和思路，能够有效地整理素材。整理素材时，可以根据内容分成⼏个板块，使⽤合适⼤⼩⽂
字、控制颜⾊的种类，调整颜⾊⼤⼩，把版⾯整理得很清爽，演绎出⾼品位的形象。

要求⽬录有条理，则需要明确信息的优先顺序。⽬录是⼀个杂志的脸⾯，要特别注意基调。若是定期刊物，则需要搭配与季节相符的⾊彩。

情景⼆：不同的风格——趣味性/简洁⼤⽅/⾼品质

想要表现趣味性，就要多下功夫，增加装饰来表现。设计者要让⾃⼰边玩味，边进⾏创作，这是⾮常重要的⼀点。设计者要从页⾯的内容出发，拓
展思路，不要太整齐有序。

想要表现简洁⼤法，⾸先对设计的把控⾮常重要。在考虑视线的流畅性的情况下，灵活运⽤留⽩，不采⽤多余的颜⾊和装饰，选⽤与内容相符的字
体，使版⾯彰显出⾼级感。

想要表现⾼品质，⾸先要利⽤好⾊彩效果。在⿊⾊中搭配使⽤⾦⾊和银⾊，就能轻松体现⾼级感。在此基础上，搭配选⽤有格调的字体，整齐地排
布图⽚，就可以展现⾼品质的效果。

情景三：不同类型的图⽚

想要让插图成为主题，⾸页要抓住插图本⾝所具有的形象，来思考版⾯⼤⼩和布局，要尽量展现图⽚的美感。要考虑与插图形象相协调的字体和排
列⽅式。若是插图⽐较简洁，则要格外注意版⾯⼤⼩和布局，尽⼒制作成具有紧张感的版⾯。

想让插画作为辅助素材，需要将标题与插图在视觉上统⼀起来，将插图作为特⾊点来思考布局。因为辅助插图的作⽤就是为了主题的成⽴和引导读
者视线的作⽤。

想展⽰图表图⽚，⾸先要保证图标排列清晰。不要过分使⽤太深的颜⾊，通过线框粗细和颜⾊变化，来明确各个项⽬的分界线。另外要根据信息
量，调整⽂字的⼤⼩。

想展⽰流程图，⾸先要能使读者容易理解。要在了解流程图的流程和优先顺序的基础上，搭配颜⾊和设计形状，同时要将所需展⽰的内容图形化，
在平⾯设计上下功夫。

情景四：突出不同的氛围

想要传达出电影的氛围，⾸先要在标题中融⼊电影的世界观。要将电影中的关键词视觉化，并作为素材使⽤。

想要传达出开店的氛围，⾸先要明确店铺的形象。选⽤适合的图⽚和设计风格，明确店铺的形象和服务，同时⼀定要突出开业⽇期。

情景五：留下印象、招揽顾客
想要给⼈留下印象，就要能够⽀招出吸引⼈眼球的视觉冲击⼒，在现有素材中寻找魅⼒，并尝试给予特写镜头。

想要招揽顾客，就要充分理解最想要表达的信息，然后放⼤并⽤鲜艳的颜⾊来进⾏强调，同时选⽤相符的图⽚进⾏配合。

⼆、⽂字

情景⼀：⽂字的风格

不管是要怎样的风格，⼀定要把握好基调，选⽤与内容相符的字体。

想要装饰情调，就不能过度依赖现有的⽂字，要尝试去制作与版⾯形象相符合的字体，也要结合⽬标群体，尝试着在⽂字中加⼊娱乐性元素。

想要⾼品质感，⾸先版⾯就应该有意识地留⽩，并控制颜⾊种类，控制⽂字⼤⼩。

想要摇滚风，可以植⼊粗暴、撕裂、破坏等感觉。可以通过放⼤标题，⼤胆的使⽤版⾯来实现效果。

情景⼆：⽂字的排版

与英⽂⼀起搭配时，要注意字体⼤⼩看起来相符。统⼀汉字字符和英⽂字符的排列⽅式。

⽂字排列时，要站在读者的⾓度，考虑容易阅读的⽂字排版。为了吸引读者，要特别注意标题周围的设计。

⽂字排列为段落时，要注意⼀⾏的⽂字数量基本在18-20个字符。同时注意段间距和⾏⾼，不要太狭窄。

想要通篇使⽤⽂字，要使⽂字有张有弛，演绎出该有的风格。

情景三：⽂字作为logo

想要以⽂字作为logo，⾸先要选择与形象相符的字体，同时为了表现原创性，可以尝试着对原有的字体进⾏改造。

情景四：引⼈注意

想要引⼈注意，可以尝试着在英⽂字符中植⼊装饰，并且要在风格上下功夫。

三、颜⾊搭配

情景⼀：颜⾊的风格

想要亲切明亮，就要擅长使⽤浅⾊，使⽤具有柔软印象的素材和元素。

想要⾼雅，就要尝试着使⽤暗淡的基调。同时在主⾊视觉中有多种颜⾊的情况下，要抑制的种类。

想要男⼈味⼗⾜，就要使⽤暗⾊基调，加粗⽂字，演绎出强⽽有⼒的风格。

想要洗练，就要控制页⾯上所使⽤的颜⾊种类。可以通过同⾊系和邻近⾊系营造稳定的印象，并要擅长