过稿利器!有哪些快速改变版式设计的思路可遵循? - 优设网 - UISDC

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

2015/03/19 18080评论区

layout-design-quick-change-1

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

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

  1. 《设计易容术!如何设计一张高品位高水准的海报?》
  2. 《设计易容术!如何设计一张高品位高水准的海报(二)》

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

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

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

案例一

nz2015031923

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

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

nz2015031922

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

nz2015031921

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

nz2015031920

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

nz2015031919

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

nz2015031917

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

nz2015031918

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

nz2015031915

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

案例二

初稿:

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

nz2015031914

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

nz2015031913

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

bz20150319

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

nz2015031911

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

bf20150319

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

案例三

nz201503199

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

nz201503197

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

nz201503198

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

nz201503196

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

nz201503195

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

nz201503194

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

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

nz201503193

nz201503192

nz201503191

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

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

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

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

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

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

投稿者:@南征南征

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

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

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/layout-design-quick-change

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里