@琳琳止水同一人 ：作一专业的设师，版面设能力直接影响到该设师水平。我们很多设朋友临摹的优秀作品中，往往只被作品华丽的外表吸引了，比较少去思考设背后的秘密。那么这里，我总结了版式设计原的几个方面，结合一些具体例子实际操作演示，对这熟悉的设计师友们快速掌握版式设计。
目录
- 版式组成
- 构图平衡
- 设计原则
- 设流程
- 案例演示
一、版式组成
主：视焦点，主导着整个设计（以是人/物/文字/图），整个版面最吸引人的部分，相当主角的用。
案：对体的辅助说明或引导，毕竟有时候我们放一只小狐狸在旁边，户准确的知道它在说么，配角的作。
点缀元素：装饰元素，可可无，具体根据版面需；好的点缀元素能够渲染气氛，部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。
背景：可分为纯色/色肌理/图片/图形等。
二、构图平衡
设中，平衡实统一的一条重途径。如果面所的元素组合起处于平衡状态，那么这设看起就统一的，就会给人一种整体印象。因此，平衡视觉传达设的一重方面。版式平衡总共3种分类，分别：对称平衡，非对称平衡整体平衡。
1. 对称平衡
对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲究条和平衡布的设计。对称构图相对较易于创建，特点是稳定，庄严，整齐，，沉静和古典。
2. 非对称平衡
非对称在不对等的元素间创设出秩序和平衡，非对称设计由版式不预见，所以空间是变化的。特点是动态的，灵活的和富有活力。非对称构图比，常见的有以下6种形式。
对角线构图：
文案摆放在版面的对角线方向，一方面避免了空见惯的居中版面，一方面给中心主体留出了更多的创作空间；另外中心的图形也可以是对角线的计，这会让整个构图起来比较衡。
发射状构图：
缀元素围绕心文案或者图形发射，这样构图会让心视觉容易聚焦，视觉冲击感会更强烈。
像电商大促活动，淘宝和京东等等会经常使用发射性构图来造大促活动热闹烈程度。
中构图：
这我们常见的构图之一，文案主体居中页面，注意的于版的主体尽可能的出彩，利用设技巧吸引读者的眼光，这样能避免平淡乏。
s形构图：
案或者图形放在线条转折的地方，整体呈一个 s 形。另外线条的起点和重点同样是读者容易注的地方，可放一些重要的信息。这样的构图灵，有趣，而且可引导户着 s 形轨迹阅读信息。
二分构图：
文案和主分开，呈左右或者上下的构图形式，注意的是文案要采用对齐原则。样的构图也是比容易创建的。
形状构图：
主体和文案组的形式可以是圆形，三角形，矩形等形状构图。注如果是用三角形构图，最好呈倒金字塔结构，这更加轻易引导用户进入下一个息层。
3. 整体平衡（满版平衡）
体平衡，是指图片充满个版，文案布局在上下，左右，部位，特是主要以图像为诉求，视觉传观而强烈。满版型构图，大，舒展感觉。注意：在设计过程，这类型文处理很容易显「嘈杂」，此为了避免拥挤空，适删减些文。
三、设计原则
对构图形式了解后，我们还知道一些基本的设原则，虽然这些原则我们可以其他方反复的看到，但我这里还强调一遍，因它可以帮我们打破规则之，必须清楚规则什么。另外注意一点就，这几原则不独立分的，可以同时考虑结合，不唯一选择：
1. 对比
缺乏对，作会变得平淡乏味并且有效地传递信息。艾美奖设计师、Blind 公司创始人 Chris Do 说过 contrast is king（对至上），好对，可在页面上引导户的视觉，并且制焦点。
一般产生对的方法可有：大小对、粗细对、冷暖色对……管是哪种对，当你期望对效果有效的话，需要大胆一些，明显一些，要拿12号和13的字做大小对，这是没有任何意义的，要畏畏缩缩，做设计是一样。
2. 对齐
任何元素不能在版面上随意安放。每一项应当与页面上的某个内容存在某种视联系。在版面上找到以对齐的元素，尽管它们能距离比远。需要注意的地方是避免同时使用种对齐方式。
左边的报采用矩形构图，右边的报采用二分构图，但是文案是找到一条明确清晰的对齐，样让版面产生秩序美。
3. 亲密性
同类相近，异类相远，相关的素距离靠近，归组在一起，成为一个视觉位，而不是多个孤立散的状，这有助于组织息，减少混乱，让结构变得更清晰。根据文案内容，进行理的组归类。
左边海报文案成了4组，清晰有条理，中心的主体和点缀素也利用了亲密性则，使得中心主体显得更饱；右边海报主体采用了发射构图，整体呈倒置的金字塔形式，这种锥形容易引导用户阅读下一个息层。
4. 重复
复目是统，并增强视觉效。比如标题都是个体或大小或粗细。需要注意是，要避免太多地复个元素，复太多会让讨厌，要注意复「度」。太多复会混淆，都是等于没有。般来说，呈均匀复图案，是作为背景使用。
左边海报，我们视线会被那个不女孩吸引住，这个女孩和左上文案「敏感词岁」相呼应，这质不，即是变异元素，用来制作视觉焦。
右边海报是葛西熏计为日本著名仲条正义计的个人展海报，其中重复的形象是一个腮帮鼓起的孩形象，不知道是在喝西还是吐西，这个有冲击的形象其实和这次展览主题「饮&呕吐」呼应的，计想表达仲条正义的创作于人生，正如这个重复的形象，不断吸收，不断推翻，最后不断创造。
5. 留白
留白是虚实空比作用。适留白能让页透，有呼吸，舒适感。大量视觉信息堆砌时，个元素都要经过眼睛扫描，大脑处理，找不到时候用户眼睛和大脑容易疲惫。在内容比较多情况下，尽量在视觉上减少视觉分组；另，多利用负空创作些巧妙负空。
左边在留白时，利用了负空巧妙将海报主题「美」和「美酒」结合起来。右边海报是日本大师原研哉设计作品，大量留白空更加显寿司精致，少而静视觉元素提升了作品品质感。
6. 变化
一不变的元素会易乏无趣，版面也缺乏灵活感，如果将一些元素发置，小或者颜色变化，打破版面呆板、平淡的格局，使得画面非常层次感，不失打破格局的好方法。
左的海报如果将所的元素归，这将一文案人分中规中距的构图，当他们的置发了一些移，整页面变得趣多了。右海报采用了 s 形构图，如果这些圆圈一样的小、颜色，可能多少人会耐的阅读下去。
四、设计流程
前面我们了解了版式组成的元素，构图和设计原则，那么我们在工作中怎么利起来呢，面介绍我自己的设计流程，每个人的流程都一样，大都可根据自己的习惯来调整。
1. 需求沟通，确认主题
当接到需求的时，一步不要着急马上开工。先要找对需求的方向，才能提高工效率，半功倍。沟通主要注意几个方面：
- 需求的目的是什？目标用户是谁？背景是什？——对症下药
- 么文案或者素材里面，哪个是一级二级?——划分信息级，寻找重点
- 格上面有么要求或建议？否3个键词表达？——预期效果是否达成一致
Ps：关3步风沟通，建议双方用图流和表达。毕竟每个人对「高大上」的理是不一样的，有的人认为是彩斑斓的黑，有人认为是大量的留白。有图，我们以去分析图符合「高大上」的原因是哪，从而提炼出具的元素，将「感」具化，里也是运用到情绪板设计的系。
2. 确定构图形式，学会视线引导
根据前面的沟通和风格关键词，收集好用于表达息的素，包括图形图像文字等等，然后在草稿或者脑海中构思好，怎的排布能让息有效的传达出去。另外作为计要学会引导用户的阅读视线。比如你找了一个抬头向上的模，你可以把文案放在海报上方，用户会习惯性地然地沿着模的视线文案。
3. 色彩搭配，5种平衡关系
关于配色，在网上大家都可以看到很多法和理论，下介绍这5色平衡法个觉比较实用，也比较容易理解，大家要根据实需求来运用合适配色案。
互补色——相互衬托
互补色是色环上相两个颜色，海报绿色和红色是这关系，相互映衬，相互衬托，从而到了平衡。
冷暖色——情感表
我们想表强烈情感时候，可以用冷暖色去比，经常会在电影海报或者插画作品看到。
深浅色——色层
这里深浅指是黑白灰比和轻，般来说，色大而深显比较要，色小而浅显比较要，我们可以看下前讲构图那块展示海报黑白版，会发现这个规律更加明显。
性色和色——视觉聚焦
性色指是黑色，白色和灰色，也叫色，性色充背景色时候，色部分会更加突出和聚焦。
纯色和花色——平衡多色关系
如张图，主体本身颜色比较丰富鲜艳，背景色也五颜六色话眼花缭乱了，也是经常说辣眼睛，这时候般采用纯色背景来缓解视觉疲劳和平衡多色关系。
4. 确定字体搭配
同的字体有同的气质，根据格来择合适的字体。如果遇到较好看的字体，却知道叫么名字，可一些图搜字的，如求字等等，避免伸手党。
黑体
工现代感较强的无衬线字体，给人感觉端正硬，具有量感，多于表达简洁或信赖感的题。
宋体
细致优雅的衬线字体、苗条细长，特点是复古，多于表达艺或者时尚的题。
圆体
圆体的笔画圆润，柔美，可爱，具有亲和，多于女性或童的题领域。
书法体
书法体特点是潇洒大方，气势磅礴，具有历史感，多于表达传统或者历史题。
哥特体
哥特体是性较强的衬线字体，线条交接处和末端具有明显的粗细变和。特点是犀利、凌厉，多于表达惊悚、魔法童话或者战争的题。
艺术体
艺术体实是泛指像素格，手写字体，汉仪六字简等等具有强烈的艺术格和设计感的字体。特点是轻松泼，具有观赏性和趣味性。
五、案例演示
上案例大部分是平展览或者电影海报，那么实工作网页，banner、闪屏或者 ui 界这些怎么办呢？其实法都是样，版设计原理应用在各个。这里演示个移动端 banner 设计案例吧。
首先，运小姐姐文案常简洁，没有冗长到让我要分成级级三级；其需求目也很明确，是要突出2个素材和按钮；最后风格也没有奇奇怪怪提议，要和品体调性致好。那么在这里要介绍下品背景了，pins 是款少女心拼图 app，界简洁新，多布局模板和背景。很快，我在脑海简单地构思了下构图。其实3构图形都是可以，是为了更好突出按钮和素材效，我最后选择了线构图。
先在黑白稿情况下把文案和主体布局好，让主关系晰；考虑到目标用户大部分是女生，使用了圆形体，配色主要是参考了 pins logo 配色，少女心品色；最后细节调，加上些缀元素，其网格是 pins 比较受欢迎背景。个简单 banner 这样完成了。
我们工作内容法满足做文比较多平海报欲望时，可以考虑自命题练习。时听到许巍《知晓》这首新歌时候，有些感悟和想法然后做了些 C4d 素材，想利用它作为主体和歌名做下排版练习：
在开始动手做前我想好了这想做个视觉观而强烈海报，再加上主体是文案和素材结合，所以我才采用了满版构图。在黑白灰将主和配位确定好，再去调体和距离。
然后调主体4个和素材前交和叠，细节调后，我尝试了2个配色案，是利用主体素材颜色进搭配，平静和谐；另是红蓝配色，观强烈。
总结
后总结一下，我们行版面设时候，注意从这几方面去不断调整检查，同样当看到一张海报的时候不知道怎么去思考分析，也可以从这几方面入手：
- 题是否明？视觉焦点是否突？
- 构图否平衡？（3种平衡关系）
- 设计原则是否合理运用？（6个设计原则）
- 细节是否丰? 是否有趣? 细节考验着计的情怀。（字体、色彩、光等）
以海报案例图片采编于网络，版权归属原作者。
浙公网安备33011002017549号