过稿利器！有哪些快速改变版式设计的思路可遵循？

编者按：今天分享@南征南征 的一篇设计项目实战文，看高手如何将平淡无奇的版式风格变成高端国际范儿，三个案例，个个有料有亮点 >>>

这篇是画册的实战案例，想学海报的同学来看：

1. 《设计易容术！如何设计一张高品位高水准的海报？》
2. 《设计易容术！如何设计一张高品位高水准的海报（二）》

单纯的版式总结对设计师平时工作提供的帮助可能不够，所以这次我以版式的快速变化的操作和思路为基础，作为快速产生画面的方式来尽量减少我们的加班时间。

在哪些地方入手呢，更换图片，颜色，网格，设计元素等方式，改变画面的构成方式，从而解决，一个信息内容多个视觉变化的结果，这个结果不是为了解决客户要多稿而产生的，而是为了我们自己能够打开思路，展现出更加准确的设计思路。

在一个画面中我们用不同的元素和方法切入，这样我们在提案的过程中可以多一些选择，不论是面对客户还是自己内容筛选，都可以让我们自己的设计更加严谨。（之前看苹果公司内部比稿有感）

案例一

这是设计师的初稿，我们来分析下画面上要表达的内容，然后才能做画面的变化。

我们画面构成是上下形式，上半部分设计师希望用图加信息点的方式组合出现，但是显然，图太大，信息文字太大，显的整个画面过于拥挤，配图：有CEO介绍的人像后，再用人像表达企业的提成在视觉上不仅重复，而且还抢夺了CEO的视觉焦点，人脸出现的太多，容易让焦点失衡，右侧的蓝色块和信息的出现，内容上不是递进关系，所以我们可以考虑让他们平行出现。

透过之前的分析，我们让右侧的图片变成建筑，我们企业是建筑类型，所以用建筑本身来作为意向图企业会有较强的认同感，再加上之前提到的信息元素，我们平行出现，配合图形让每组信息的对应性更强（导图时不小心拖动了一个圆点，压在中线上）

用如此简单的，主图位移和大小的变化，还有圆形元素的大小改变，信息出现位置的调整就能快速改变画面的印象。

当然，我们也可以他们更加精炼。

我们还可以用整体氛围来做设计。使用文字中，追逐梦想的语境来实现画面。条条大路通罗马，不是一个设计版式可以适应所有的客户需求，也不是一个风格所有客户都会接受。多种方式我们都可以尝试，可以再版面微调，也可以从”立意“上彻底颠覆。前提是符合客户前期沟通需求。

卷首语也可以这样，不用情景，利用图形制造”特征“让这个特征延续，就是整本画册的延续。

思路简单转换，左右两栏和图片的组合，再添加鲜亮的颜色，让画面的记忆点换个形式出现，并且保持信息的层级关系。

在两栏使用的同时，我们左侧信息相对更加丰富之后（有小图片和信息介绍）再使用过于鲜亮的颜色，就会让画面变得有些混乱，所以我们在照片的选择和色块的选择上，让他们更加低调。

案例二

初稿：

特别传统的企业动态设计手法，对信息没有分类，信息过多，导致阅读时候过于疲劳，所以能够完全读完的机会并不多，很多时候内刊加P是比较容易的我们可以建议客户，让内刊的信息简化一下，把信息进行分类，并且做到“有图有真相”

我们从信息不同的方向切入，这个画面就是总览式，画面主副图片体现动态的规划性。不仅可以通过文图一一对应的方式，也可以考虑把重点信息使用意向图作为主体总览的方式出现，这样就大大改变了信息的机构方式，让整本内容看起来变化更加丰富。

两栏的基础用法，但是有了不同体量的色块就很容易的区隔开对等的平衡性了。在对比传统的设计手法中，我们发现动态信息文字的栅栏宽度发生了改变阅读也更加容易，并且通过色块让他们有了多次的视觉分割。

体现动态本身，不同信息的概念。展示和国外项目的合作，所以多个类型图和英文的组合分类出现，从视觉上从左右不对等到左右平均的前两者变化，延伸到局部变化。

同理，但是画面核心是钉子组成的图表，这些元素的出现是让画面变得“不同”。

除了之前相对“工整”的设计我们还可以让颜色和图片在构成上形成“特异“的视觉结果，前提是整体风格要保证。

案例三

初稿：这是设计师上课时候第一次设计的内容，相对比较简单，对图片的利用考虑的不够全面。下面我们尝试做一些修改和变化。

在行业速览中描绘世博会场馆，我们通过建筑的颜色和信息的提炼，让内容更加丰富，并且大面积的”中国红“建筑的色相结合，在相对”焖"的组合中利用反白的地图让画面变得”透气“而右侧信息通过网格，可以让少量信息占据更多的画面。

左右发生变化，地图，文字信息，建筑的位置发生少许变化，很快你的画面就会有明显的“不同”。

当场馆原始图片大小，气势欠佳的时候，可以尝试和多个元素（地图，文字信息，数字）组合。创造出新的画面，并且消弱场馆原始图片的影响。

有了上一个设计概念，那这里我们就要改变思维方式去表现，同样的场馆我们换张图片，使用建筑外形的特征，结合”线“的概念让这个建筑的视觉由矩形的图片延伸到画面之外。

反白的使用是打破沉闷的一种极好的方法。

看了之前的这些设计变化，我们看一组使用一个”特征“的画面，这个”特征“很容易让设计师制造处”统一“的视觉效果。

设计师这组作品虽然还稍有瑕疵，但是通过创造这个“特征”让整体性得到非常好的延续是很好的方法。

和案例三相比我们使用同样的图片，同样的大小，但是因为有了更加严谨的设计元素和网格的支撑，信息的层级依然很丰富，并且因为统一的设计元素让整体翻阅起来更加具有统一性。

近距离感受专业设计师的教程戳下：

一秒让文本变身的实用方法！
《经验分享！超实用的文本处理技巧》

平面排版苦手必备！方法简单有效！
《平面排版时，教你突出中文美感的几种方法》

图文排版的年度最佳教程！木有之一！
《超全面教程！给照片添加文字有哪10个高大上的方法？》

投稿者：@南征南征

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量92万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：