板式设想-思绪指南

yhzdmb342

来历：知乎
板式设想是现代设想艺术的重要组成部分，是视觉转达的重要手段。概况上看，它是一种关于编排的学问；现实上，它不可是一种技术，更实现了技术与艺术的高度同一，版式设想是现代设想者所必备的根基功之一。
不晓得大师有没有这样一种体验：刚入设想这一行的时辰，总以为自己的设想乱糟糟的，不成样子，反观他人的作品，无形之间就给人一种清洁舒服的感受。


实在，这主如果由于新人设想师做设想全凭感受，随意编排，却不知这类“感受”是在设想常识充足踏实的根本上经过频频、大量的练习获得的，并不自觉。缺少常识的堆集和审美的练习，会使设想没有根据，使得作品结果欠安。
新人设想师面临的一个大题目就是排版，排版不是简单的“东拼西凑”，而是需要经过公道地排列整合，从而传递高效的信息和具有差别化的画面。


一、版式组成

主体：视觉焦点，主导着全部设想（可所以人/物/笔墨/图片），全部版面最吸引人的部分，相当于配角的感化。
文案：对主体的帮助说明或指导，究竟偶然辰我们放一只小狐狸在旁边，用户也不能正确的晓得它在说什么，配角的感化。
点缀元素：装潢元素，无关紧急，具体按照版面需要；好的点缀元素可以衬着氛围，大部分的点缀元素遵守三角形原则，类似下图中的云朵，群演的感化。
布景：可分为纯色/彩色肌理/图片/图形等。


二、构图平衡

在设想中，平衡是实现同一的一条重要路子。假如上面所说的元素组合起来处于平衡状态，那末这个设想看起来就是同一的，就会给人一种整体印象。是以，平衡是视觉转达设想的一个重要方面。版式平衡总共有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.领会项目内容
设想师首先需要明白设想项目标主题，按照主题来挑选合适的元素，并斟酌利用哪类表示方式来实现版式与色彩的完善搭配。只要明白了项目标设想目标，才能正确、公道地停止版式设想。


该密斯香水海报版面很是简洁，利用同色系停止搭配，将模特与产物图片完善连系，搭配简单的细线字体，突生产物结果，并表现出女性的优美微风味。


该网页版面利用正方形色块和图形来组成版面，用明亮的浅紫色彩作为版面的主色彩，用洋红色来突出重点信息，版面整体视觉结果时髦，富有现代感。
2.明白传布信息内容
版式设想的重要使命是向用户正确地转达信息。设想师应当对笔墨、图形和色彩停止公道搭配以追求版面美感，而且传递信息需要正确、清楚。设想师需要先领会版式设想的首要目标和需要转达的信息，再斟酌合适的编排形式。


该版面经过简洁的图片与笔墨搭配来表示版面的主题。图片素材很好地表现了主题，版面信息的传递很是明白。


以大幅满邦畿片作为版面的素材，而且对图片停止圆弧状处置，使版面结果使人加倍轻松、舒适，利用对照色的布景突出显现折扣信息，版面信息的传递更直观、明白。
3.肯定方针用户
版式设想的范例众多，有的中规中矩、严厉工整，有的动感活跃、变化丰富，也有的大量留白、语重心长……设想师不能自觉地挑选版式范例，要按照读者群体的特点来做判定。
假如读者是年轻人，则适适用时髦、活跃、本性化的版式；假如读者是儿童，则适用活跃、兴趣性的版式；假如读者是老年人，挑选常见的规整版式并利用较大的字号会比力合适。是以，设想师停止设想前对读者群体停止分析定位是很是重要的。


这是一个炫酷的CG插画先容版面，设想者用黑色作为版面的布风景，搭配CG插画，展现出很是炫酷的视觉结果。版面中利用红色的笔墨，并为重点内容搭配橙色的布景，使信息表达很是清楚。


在该产物宣传画册版式设想中，设想者采用简洁的设想气概，用经过褪底处置的人物素材横跨全部版面，在人物图片上方叠加大号字体的主题笔墨，使版面的结果很是突出，布满时髦感。
4.明白设想大旨
设想主旨是指当前设想的版面需要表达什么意义，传递怎样的信息，终极要到达怎样的宣传目标。明白设想主旨在全部设想进程中非常重要。


在该汽车宣传画册版式设想中，设想者应用了倾斜及异形的剪裁方式，侧重表示汽车的时髦感及速度感。版面中应用灰色的布风景，更好地突出了汽车的结果。


食品能带给人们满足感和愉悦感，在该食品画册版式设想中，设想者应用大幅的精彩食品图片展现食品的精美，再搭配简短的先容笔墨，充实勾起人们的食欲。
5.明白设想要求
在贸易设想中，停止版式设想需方法会设想的要求，以到达广告宣传的目标。有明白的设想主旨、明白的主题，才能经过笔墨与画面的连系，给受众留下深入的印象，将信息正确、快速地传递给受众群体，从而促进商品的销售。


该电影海报版面应用矩形对主体人物的表示停止限制，将图片与主题笔墨相连系，很好地表示主题，给人留下深入印象。


该电影海报版面应用矩形对主体人物的表示停止限制，将图片与主题笔墨相连系，很好地表示主题，给人留下深入印象。


在该产物画册版面中，左侧页面的模特图片与笔墨内容连系，先容产物信息，右侧页面用巨细纷歧的图片来展现产物，版面内容表示得清楚、间接。
6.设想流程
起头版式设想前，需要对项目标设想布景停止观察研讨。收集材料，领会布景信息，熟悉布景的首要特征，按照收集的材料停止分析，肯定设想计划，然后按照计划来放置设想内容。
完成一个设想计划需要履历的进程叫作设想流程，是设想的关键。想到那里做到那里的方式极能够使设想出现很多缝隙和题目，是以应当依照公道的设想流程来操纵。


1.按照设想的主题和要求，明白版面的开本，收集整理版面相关信息，思考版面的表示形式和设想气概。


2.可以先在纸上手绘结构草图，再肯定版面各部份内容的比例，这样便于点窜和调剂。最初肯定全部版面内容的结构和编排形式。


3.按照肯定的内容结构和编排形式，将整理好的图片与笔墨内容编排在版面上，使版面获得平衡的视觉结果，到达有用转达主题和信息的目标。


五、案例演示

上面的案例大部分是平面展览大概电影海报，那末现实工作中的网页，banner、闪屏大概 ui 界面这些怎样办呢？实在方式都是一样的，版面设想的道理利用在各个方面。这里演示一个移动端 banner 设想案例吧。平面设想进修交换群<<<


首先，运营蜜斯姐的文案很是简洁，没有冗杂到让我要分红一级二级三级；其次需求的目标也很明白，就是要突出2个素材和按钮；最初气概也没有奇希奇怪的发起，只要和产物整体调性分歧就好。那末在这里要先容一下产物的布景了，pins 是一款少女心拼图 app，界面简洁清新，多种结构模板和布景。很快的，我在脑海中简单地构想了一下构图的方式。实在3种构图形式都是可以的，可是为了更好的突出按钮和素材结果，我最初挑选了对角线构图。


先在黑白稿的情况下把文案和主体结构好，让主次关系清楚；斟酌到方针用户大部分是女生，利用了圆形字体，配色主如果参考了 pins 的 logo 的配色，少女心的品牌色；最初细节调剂，加上一些点缀的元素，其中网格是 pins 比力受接待的布景。一个简单的 banner 就这样完成了。


当我们的工作内容没法满足做笔墨比力多的平面海报的愿望时，可以斟酌自命题的练习。那时听到许巍《无人知晓》这首新歌的时辰，有一些感悟和想法然后做了一些 C4d 素材，想操纵它作为主体和歌名做一下排版练习：


在起头脱手做之前我就想好了此次想做一个视觉直观而激烈的海报，再加上主体是文案和素材的连系，所以我才采用了满版构图。在黑白灰中将配角和配角的位置肯定好，再去调剂字体和间隔。


然后调剂主体中4个字和素材之前的穿插和堆叠，细节调剂后，我尝试了2个配色计划，一种是操纵主体素材的色彩停止搭配，安静和谐；别的一种是红蓝配色，直观激烈。


总结

最初总结一下，我们在停止版面设想时辰，要留意从这几个方面去不竭调剂和检查，一样当你看到一张海报的时辰不晓得怎样去思考和分析，也可以从这几个方面动手：

• 主题能否鲜明？视觉焦点能否突出？
  
• 构图能否平衡？（3种平衡关系）
  
• 设想原则能否公道应用？（6个设想原则）
  
• 细节能否丰富? 能否风趣? 细节考验着设想师的情怀。（字体、色彩、光影等）
  

原文地址：https://zhuanlan.zhihu.com/p/335787041
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！