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

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:佚名

关键词

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

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

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

一、信息提炼

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

客户信息

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

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

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

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

文字内容分析

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

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

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

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

素材选择

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

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

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

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

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

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

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

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

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

二、转移画面注意力

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

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

色块+提炼信息

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

再次分析:

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

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

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

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

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

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

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

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

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

提炼信息总结:

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

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

色块作为设计元素的作用

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

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

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

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

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

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

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

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

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

效果展示:

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

最后的调整

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

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

阅读顺序的调整

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

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

最最后的调整

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

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

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

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

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

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

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

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

总结

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

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

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

 收藏