详细解析设计师如何化腐朽为神奇

2016-02-16 21:37 7 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - 平面设计 】

昨天某个同学从甲方手里接到图片后,一脸震惊:怎么会有分辨率这么低,画面这么模糊,颜色这么土,还超级小的图片!还能不能愉快地搞设计了!这时右下角的甲方头像一闪一闪,怒弹出,呦,一篇好教程,能从实例出发,有方法有技巧,学完能过稿,收藏好接单。

南征南征 :设计中我们经常碰到一些烂图犹如鸡肋一般,食之无味,弃之可惜,原因在于,图本身表现的设计方向是对的,但是画面的表现力不够,或是美感不足。

尤其是学员在上课的时候经常碰到这类问题,如果用使用ps技巧来慢慢的修整图片,效果一定很好,但是会多花费一些时间,所以我今天通过一些其他的方式,如不修图就完成对素材的调整。

一、信息提炼

先要从项目文字分析开始。

客户信息

在西北五省这片沃土上,作为世界四大文明古都之一、中国八大古都之首的西安披着三千年建都史浑厚历史外衣,饱含厚重的文化底蕴,以崭新的活力姿态诸于世人。

地处大兴新区与星火路交界处。大兴新区占地1700万平方米,是市委、政府批准首个重点改造工程项目。

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

是以五金机电贸易业、商贸服务业、住宅房地产业的为主导产业的国际化、现代化生态化商住商贸宜居新区。

文字较多我截取了比较重要的部分。

文字内容分析

客户需要表现出几个方向:

1/龙湖地产是以五金机电贸易业、商贸服务业、住宅房地产业的为主导产业的国际化、现代化生态化商住商贸宜居新区。

2/西安作为中国的政治、经济、文化中心长达1200多年,先后有21个王朝和政权建都于此,是13朝古都。

3/西安周围有120多座帝王陵墓围绕,有着天然历史博物馆的美誉;兵马俑坑被誉为世界第八大奇迹;

素材选择

由以上信息我们确定,客户需要体现出城市的建设,人文,历史等内容。

课程中我们延续客户的要求,要以最少的图片来同时表达出这些画面诉求,对常规的素材来说如果想通过一张图来搞定以上这些内容是非常困难的,我们对兵马俑、王朝、城市等内容进行搜索。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

我们搜索到了很多合乎条件的素材。但是客户要求最好使用一张图片来解决问题,

我们只有再次寻找,找到一张同时可以表达多个内容的图片(下图就是我们所寻找到的方向正确,但是美感和细节不足的素材)

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

从图片的内容上来说非常完美的契合了客户,用一张图来解决了之前提到的:城市的建设,人文,历史等内容

图片分为三个层级,通过透视来表现出城市,人文,历史(或城市符号)

现在图片的方向正确了,但是图片欠缺的设计感又改如何改变。

二、转移画面注意力

很多学员上课讲到这里的时候,就问到因为客户要求时间过紧,又该怎么解决呢。

现在我们来尝试一种相对快捷的方式,来解决这个问题。(作为范例着作为其中一个方式,并非只有这一个方式)

色块+提炼信息

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

再次分析:

上图中我们得出的主要信息13,是根据什么而来,为什么要选择它

回顾我们分析客户提供的信息,对这一地域进行深入的表达。西安作为中国的政治、经济、文化中心长达1200多年,先后有21个王朝和政权建都于此,是13朝古都。

龙湖地产是以五金机电贸易业、商贸服务业、住宅房地产业的为主导产业的国际化、现代化生态化商住商贸宜居新区。

第一部分主要信息:地域性的数字代表13

第二部分主要信息:由现代化生态化商住商贸宜居新区。演化出的创新,低碳

13朝古都是西安的别称,西安古称长安,是浩浩千年古都,他与意大利的罗马,希腊的雅典、埃及的开罗并称为世界四大古都,他还居我国古代六大古都之首。

先后在这里建都的有:西周、秦、西汉、新、东汉(献帝初)、西晋(愍帝)、前赵、前秦、后秦、西魏、北周、隋、唐等13个王朝,历时长达1140年之久。自公元前1057年至公元904年,西安曾长期是古代中国的政治、经济与文化中心,是中国古代做为都城时间最长的城市。

所以我们确定下来选择13作为主要视觉焦点。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

提炼信息总结:

13朝也是对这个地域最好的总结,所以我们提炼出13″这个数字为第一要素。

但并且配合总结出的创新 低碳信息概念。

色块作为设计元素的作用

我们从上图看到这样的组合还是没有解决相互之间的融合性,所以下图才是我们初步的解决方案。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

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

颜色对背景素材进行的遮挡,也为信息制造了书写和阅读的空间,更为三者之间前后关系进行了铺垫。

(下图,可以清晰的看到三个层级之间的前后顺序)

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

讲到这里大家慢慢也就明白,对素材的处理不仅建立在图片本身,还有很重要的因素就是和周围设计元素的组合对信息的分析,有了分析的能力才有改变素材的在画面上的作用,对客户诉求了解,项目的分析,会影响我们产生最终的视觉效果,会让这个视觉效果更加的完整与丰富。

有了这些信息与图片的关系,才能让单体的作用发挥到最大,让各个单体相互作用后完成整体的设计。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

效果展示:

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

最后的调整

完成以上步骤,画面的主体设计也就初步完成了,我们把视觉的重心,从左至右安排,尝试阅读后发现,主要阅读信息在右侧,会产生先看图再看文字的结果,虽然左侧是主图,但展现方式为提炼性信息,这样对整体阅读的理解感会有一点偏差,所以我们对画面的构成进行了新的调整。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

阅读顺序的调整

这样的调整后,画面的阅读更加合理。将阅读性信息左移,提炼性信息右移,先阅读信息后,再阅读图片进行视觉的补冲。

这样的阅读的整体性会更加完整,

最最后的调整

推敲主画面的细节,再次考虑,数字的形式的13和书法的十三在传统视觉的表达上,对背景的视觉转移上,显然后者更加具有优势,视觉效果也更加明显。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

我们利用书法体来消弱红色对我们的部分印象,让十三这个书法字体的历史感,信息感,更加强烈的刺激我们的视觉,并且让注意力在这小的色块中再次变化,注意力从大面积的红色转为书法的白色,毕竟主体十三,红色只是感受,不能喧宾夺主。(因为他的图形变化更加丰富,视觉效果更加强烈,反白的面积只是其中一个原因)

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

这是学员作品修改前,正如我们整个文章中说的一样图的方向是正确的,但是设计感,视觉终觉并不准确。

详细解析设计师如何化腐朽为神奇,PS教程,图老师教程网

第二步的修改,基本完成了设计诉求,但是细节,阅读顺序还需要调整。

最终我们的完成稿,改变了烂图无用的概念,多分析客户信息,我们就能从中找到可用之处,提高我们的工作效率,改变我们的设计思路。

总结

这个案例就是加了一个色块,把信息拿出来换成书法,几分钟就可以完成。

为什么我花了5个小时写了这么多字,目的就是想通过项目,让大家经历一遍对项目的初步分析,对信息的分析,通过和我一起了解项目,就可以了解设计的方法,这个教程讲的不是一个项目,是一种方法,思维的方法,帮助大家从信息中找到设计元素,而不是看到资料就一脸茫然,然后疯狂搜索素材然后贴满整个画面。

这也是我在课程中一再强调的,有了设计的方法,我们在经历任何案例很快就可以触类旁通,游刃有余。

来源:https://www.tulaoshi.com/n/20160216/1574880.html

延伸阅读
什么是像素眼?为什么大神说越简约的设计越难?为什么总是设计不出高端大气上档次的东西? 下面来深度解析一个按钮的秘密 从视觉角度来看,这是一枚灰色的icon,如果你认为是这样的,那高端大气上档次基本和你没啥关系了。 你可以用吸管吸取这个按钮的任何地方,发现它都不在最左侧区域,最左侧区域才是 白色-黑色,才是没有饱和度的...
经常有朋友问如何才能做出好的设计作品?其实这并不是一个那么容易回答的问题,一个优秀的设计师除了具备良好的绘画功底与审美的之外还需要了解自己的用户,了解自己的产品,而我们作为服务行业又要努力保持好商业与艺术之间的平衡,这时对设计师们的考验就会更严苛。 从学校毕业、开始工作,从什么都不懂到了解行业并且为客户解决问题,这些经...
最近工作忙,有一段时间没有动笔。有趣的是,一旦一段时间没有写字,就有设计师小伙伴们在社交网站上私信,说yoyo老师是不是很忙啊,好久没有写文章了。其实,构思一直有,就是没动笔啦,今天好好写一个话题,关于设计师的自我认知。 最近读完一本书,艾里斯和杰克特劳特写的定位,收获很多,还没有来得及仔细思考定位对产品设计的价值,我先...
标签: PS PS基础
直方图的观看规则就是左黑右白,左边代表暗部,右边代表亮部,而中间则代表中间调。纵向上的高度代表像素密集程度,越高,代表的就是分布在这个亮度上的像素很多。 对于一张正常的照片来说,直方图应该是中间高两边低。 这张照片就是如此。 这张照片的直方图显示的信息可以这样分析:照片的最左侧有高度,但是很少。这说明这张照片有...

经验教程

606

收藏

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