浅谈如何改变版式设计的思路分析

2016-02-16 20:48 17 1 收藏

下面这个浅谈如何改变版式设计的思路分析教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - 平面设计 】

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

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

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

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

案例一

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

案例二

初稿:

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

案例三

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

 

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

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

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

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

浅谈如何改变版式设计的思路分析,PS教程,图老师教程网

 

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

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

来源:http://www.tulaoshi.com/n/20160216/1574078.html

延伸阅读
Facebook 产品设计总监Julie Zhuo 的个人私货!光修炼视觉功夫是技,想跃升总监,得有些心法,今天总监级人物出马,分享五个最常见的设计思维错误,图老师小编特意将相关的解决方法附上了,即刻改变,现在开始咯。 曾经发表过多篇关于管理、设计和产品团队运作相关文章的 Facebook 产品设计总监 Julie Zhuo,最近发表了一篇文章 〈The 5 Mos...
开了这么多年的会,依然搞不定事情。我们生活在一个喜欢开会的国度,从小有班会,学校在课间操还会捎带手开个会,等入团入党了之后更是有连绵不绝的学习会、交流会、精神传达会、民主生活会以及各种叫不上名字的会议。工作之后,早上有晨会,晚上有总结会,两者之间好象还有若干个即兴的碰头会,某些大型公司机构里面,领导还会偶尔乱入个我来...
标签: 设计 平面设计
简洁的设计既能传达出现代感,而且设计起来也毫不费力,何乐而不为?本文以五个实例,来探讨版面设计的一些技巧,包括简洁的手册设计、浓缩的版面设计、利用对比形成焦点、生动活泼的图表及醒目大方的封面。五种技巧拓宽你的设计视野,定会令你受益菲浅。 版面:个人关系 在下次你设计手册时,你可以尝试 面对面的设计风格!我们设计的重点不是...
2015年做设计我最大的思考和收获,是观点。 这个点我陆陆续续想了好几年,去年想得尤其多,今年想得有一点点成熟了,就想写下自己的粗浅想法作为记录。简单来说,我认为作为一个设计师,应该有明确的观点,才能做好设计。 什么是明确的观点?我认为是设计师对一个产品思路、一个业界趋势、甚至是小到一个设计门类划分等设计问题的真实而坚定的...

经验教程

42

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部