化腐朽为神奇！教你利用坏图创造出好设计（二）

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

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

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

一、信息提炼

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

客户信息

• 在西北五省这片沃土上，作为世界四大文明古都之一、中国八大古都之首的西安披着三千年建都史浑厚历史外衣，饱含厚重的文化底蕴，以崭新的活力姿态诸于世人。
• 地处大兴新区与星火路交界处。大兴新区占地1700万平方米，是市委、政府批准首个重点改造工程项目。
• 是以五金机电贸易业、商贸服务业、住宅房地产业的为主导产业的国际化、现代化生态化商住商贸宜居新区。

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

文字内容分析

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

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

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

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

素材选择

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

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

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

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

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

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

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

二、转移画面注意力

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

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

色块+提炼信息

之前讲过同类型的设计方式：《化腐朽为神奇！教你利用坏图创造出好设计》

再次分析：

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

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

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

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

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

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

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

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

提炼信息总结：

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

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

色块作为设计元素的作用

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

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

（下图，可以清晰的看到三个层级之间的前后顺序）

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

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

效果展示：

最后的调整

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

阅读顺序的调整

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

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

最最后的调整

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

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

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

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

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

总结

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

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

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

大图找得好，甲方少改稿！

最受设计师欢迎的高清大图，免费可商用！
《免费高清！10个无版权限制的大图特供网站》

第二波紧随其后！再也不怕图片侵权了！
《免费高清第二波！12个无版权限制的大图特供网站》

图片有了，影片素材也不能少！
《免费商用！高清无码的的影片素材分享站MAZWAI》

投稿者：@南征南征

作者微信号：

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