版式设计中的步骤流程

  给大家分享版式设计的思路和出发点，这次分享的载体是电商海报和传统媒体封面。

但是实质很多出发点都是一样，今天的重点分享版式设计中的前后关系，但是我会给大家分享这个案例从头到尾贯彻思路和思维，可能会涉及到字体选择、文字组合、文字排版、颜色、字元素提取、元素来源灵感、位置关系，但是前后关系作为重点讲解，希望大家能受益。

如果有不适合的地方大家和我一起可以交流相互学习 ，建议大家在看教程的时候不要用洪荒之力一下拉倒低，要跟着我的思路。

下图为两名设计师的作品，我们针对这两个作品讲述

&-1

这是客户的产品和文案，要求是一个电商海报，首先我们对客户的产品做一个分析，他是一种带有传统又有时尚的色彩，所以这种我把他定位叫做新传统，最好的一个参考点事日本的包装或者是简约的设计，所以我们思考这个版式如何下手，好多设计师拿到一个案例不知从何从下手，或者最终做出来是错的，其实版式让我们思考的只有四个出发点分别是

01-字体  02-颜色   03-元素   04-位置

我们可以搜索一个简约包装,有人说你是484傻啊!做电商海报干嘛参考包装,包装的元素和字体定位很准确。

01/ 文字

（1）其实实质都是旧线体，也可以有碑刻体其中的一些如：

小塚宋体  细明体  小塚ゴシック Pro  浙江民間書刻體

余秉楠幼圆  老报宋  康熙字典體(Demo)  弘道軒清朝体

方正清刻本  方正博雅宋  方正博雅方刊宋  ChekiangSung

台湾地铁宋  俪宋。。。。。。。。。。。

（2）选择字体我们解决了，如何去排版，好多设计师几乎就是一根直线，所以没有任何的设计感觉。我列举一小案例，带过一下，如：“日式原木”

（3）总结规则：

001--大小对比

002--错位组合

003--点元素

004--负空间填充具象或抽象图形

当然把文字排版好，有好多种知识点和方法···

02/ 颜色

（1）颜色的道理也是很简单，可以参考提取传统产品中的颜色通过对字体，文字排版，颜色我们做了简单的排版，当然做到这一步只是基础上的东西，我们要增加设计感，我们的思考

01-从哪里去深化，深化的是产品，深化的场景（一般指好多地方喜欢用合成完成一个设计），还是深化元素。

02-深化的是产品层，还是文字层，还是背景层

03/ 位置关系

我们通过分析，元素产品是一个单独的个体，四周无杂物干扰，那这样的产品只能通过四周呼吸，但是外侧结构轮廓整齐，也是在设计图形应用的一个难点，所以

独立的个体的产品，都可以深化背景，处理前后关系的方式增加设计感

04/ 元素提取

我们搞清楚文字，颜色、位置关系、但是用什么样的元素作为背景层上的深化，大多数人会想到，合成，打造一个台子。或者说用大水大墨，所以这个是时候你的出发点就是对元素的思考点不够

这个时候大家就不要在原创，去参考具有生命力，具有传统味道元素，然后处理前后关系即可完成你的作品

从包装上思考元素简单，元素的体重感也不是很大，四周的呼吸感也是很强

综上所述，我们从其中提炼出了具有味道的元素，具有味道的线条，最后就是放在环境中组合就ok

1-01

-let story begin

1-02

-let story begin

通过对线条的单独变化，得出结果

总结：找的合适的元素，只要你处理前后关系你的作品都不会差

1-03

-let story begin

通过对图形的大小前后变化，得出结果

总结：合适的运用元素，处理作品前后关系效果是显而易见的

1-04

-let story begin

以下都是去思考不同元素得出的结果，也就是说，你有多少种思考点，就有多少种可能

1-05

-let story begin

1-06

-let story begin

1-07

-let story begin

1-08

-let story begin

小总结

找到合适的元素，只要你的产品是独立个体，处理前后关系你的作品都不会差，不信你试试

重要的事情说三遍

···  ···

···  ···

···  ···

&-2

我们通过网络搜索到这样一个包装设计

01-字体

文字倩细，性取向侧重中性或者女性

02-颜色

浅色系，不要太过于沉重

03-元素

具象的花草，当然我们也可以思考抽像的元素

04-位置关系

独立的个体  ，可以处理前前后关系

元素四周通透，独立的个体  

2-01

-DESIN

2-02

-DESIN

2-03

-DESIN

2-04

-DESIN

2-05

-DESIN

2-06

-DESIN

大总结

通过对上述案例，总结了任何产品独立个体的版式设计规则

其中的一小种类

个人的小总结，也许是有不合理的地方，相互学习