系统的版式设计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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,723评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,003评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,512评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,825评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,874评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,841评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,812评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,582评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,033评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,158评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,789评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2 352

推荐阅读更多精彩内容

  • 是否你总觉得你做的图,你设计的作品哪里有点奇怪?最可能的原因是你的版式设计上出了比较大的问题,在我从业生涯里,版式...
    大宝频道阅读 1,532评论 2 27
  • 以下摘自微信公众号 研习社 1.怎样才能不被素材绑架 设计师要准确透彻的理解想要传达的信息,才能合理的利用素材来提...
    葡萄紫耶阅读 1,336评论 0 3
  • 南方秋天的人 从未遇见有人的秋 九月艳阳 温暖余夏的孤独 秋风凉人 倾诉清醒的短暂 麦田金黄 丈量成熟的分寸 南方...
    君小尹阅读 171评论 0 0
  • 读万卷书是学习,行万里路也是学习。 贵州黔东南州学习蓝染结束后,没有直接返程,而是再次启程到北京,心里想着既然都出...
    大研阅读 763评论 4 3
  • 有人说衰老的表现就是会变得喜欢回忆过去和不停的啰嗦重复一些简单的话语,那么我想我现在就开始变得喜欢回忆这或许...
    忧伤的傻子阅读 309评论 7 3