系统的版式设计1(组成+流程)
好久没有写文章了,其实很早之前就想跟大家分享有关版式设计的技巧,但是自己一直拖到现在才开始,sorry~但是自己最近都在学习相关的内容,每天会用一张照片进行版式设计,比如海报、明信片、壁纸,作为自己的日记打卡,哈哈,大家可以尝试一下。后面我会勤快的学习、勤快的写文章的。跟大家一起学习。自律真的很重要!!!!
版式设计真的是一件看似简单其实很难的工作。因为一个点不对,我们总会觉得怪怪的。所以我将版式设计分为两篇文章来跟大家分享自己最近学习到与总结到的小技巧。
版式组成
我们经常做的版式设计主要涉及banner、海报、h5等,所以将其分为下面的组成部分是完全没毛病的!!!版式由四部分组成:
一、主体(视觉焦点)
二、文案 (对主体的辅助说明)
三、点缀 (装饰元素)
四、背景 (纯色/渐变/图片等)
主体
主体是整个版面的视觉焦点,是整个版面中最吸引人的部分。然而视觉焦点往往又会受到构图平衡的影响。是不是不知道构图平衡是什么?(不要急,我们先来一起看看左右构图的视觉焦点和中心构图的视觉焦点你就会明白了)
我们经常觉得自己设计的banner、海报等版式设计看着怪怪的,其实是自己的版面不平衡,才会觉得怪怪的。不同的构图平衡可以看为不同的构图样式。(一定要看!!!构图平衡相当重要)
构图平衡
1.对称平衡(静态的、稳定)
比如对左右构图
2.非对称平衡(动态、灵活、有张力)
比如对角线构图
3.满版平衡(直观、大方)
(由于文章内容原因,我们在下一篇文章来具体学习版面的构图平衡吧。一定要看!!!构图平衡相当重要)
文案
文案也就是对主体进行辅助说明的文字。文案当然也是受版面平衡的影响的。我们要学会对文案进行信息层级的划分。也就是越重要的文案越显眼。我们往往能通过好的版式设计找到信息层级的强弱关系。(关于文案设计的更多小技巧,也在下一篇文章哦)
信息层级的强弱关系 文案的信息层级关系点缀
点缀也就是对整个主体和文案的装饰元素,使得版面更加和谐、丰富。常见的点缀形式有:
1.基础的形状色彩渐变点缀。也就是利用最基本的矢量图形,比如线、圆形、椭圆等进行装饰,但是色彩比较丰富。一般常见于电商、促销等视觉冲击力效果强的设计中。
促销类 电商、促销类2.简单的的形状、符号点缀。一般是一些抽象的符号或简单的基础形状。使版面活泼、年轻化。常见于清新简约的banner和国外海报设计中。抽象符号也常用来平衡版式。
简单的形状、线条使版面更活泼 抽象符号可用于平衡版式 丰富和平衡版式3.标签式点缀。采取标签样式来强调和重点突出某一部分。常用于电商促销活动中。
促销类 促销类 突出重要信息背景
版式设计中常见的背景有纯色背景、渐变背景、图片背景、插画背景、彩色肌理背景等。不同类型的背景,也决定了版面的不同风格。
纯色背景一般很简单,主要通过文案和点缀元素来丰富和谐整个版面。
纯色背景渐变背景会使画面更加活泼、丰富。常用于促销类、科技类设计中。
渐变背景 纯色背景肌理背景会使得版面更热闹、活泼。也会使得画面看上去更具有重量。
肌理背景图片背景更加直观。
图片背景版式设计流程
1.需求沟通(了解症状,为了更好的对症下药)
[ 首先得知道我们需要做什么。需求是什么?目标对象是谁?
[ 对文案进行分析,划分信息层级关系
[ 了解对方期望的风格是什么?可以找一些图片参考给对方看,了解对方想要的风格
2.确定版面构图样式,学会视线引导
根据前面的沟通提取关键词,收集好用于表达信息的元素(包括图形、图像、文字等),然后进行草稿构思。
[ 至少提供两种不同的构图样式,比如对角线构图和左右构图样式
[ 根据确定的构图样式进行文案排列,注意信息层级关系,注意不同字体的气质
3.色彩搭配
根据用途、目标对象确定色彩搭配方案
4.根据构图平衡,添加点缀元素,使画面更加和谐丰富
点缀元素就是用来装饰画面的,根据整体进行调整,使得画面更加丰富和谐
5.整体调整,使画面更加平衡和谐
写在最后
版式设计是一项很考设计师综合能力的设计。我们可以慢慢的去学习以及尝试设计不同的构图样式、不同的风格等。我们就会慢慢的提升我们的综合能力。每天花20分钟左右设计一张明信片、一张海报。。。坚持下去,我们都会很不错吧。如果你想找一个人监督你的话,可以叫我哈哈
分享学习资源《国外排版设计》
链接:https://pan.baidu.com/s/19wYsvkL7aRN2E3UnyHgnmw 密码:1xhk