资深设计师教你如何改图02

你有没有在某个瞬间，突然问到自己：设计到底是什么？

这个问题以前也经常困绕着我，我现在还能时常想起曾经有一次面试，总监问我什么是设计？即使那时我已经工作一两年，但其实我仍然搞不懂什么是设计。当然心里一愣，还好来之前百度查过了，就把当时记得模模糊糊的答案背了下来：设计是一种通过图片符号文字表达的一种艺术表现形式....后面的话现在已经不记得了，但当时面试的总监听完我的回答后，那个欲言又止，想说又不好说的表情我至今记得。

后来，经历了工作又创业后，在了解到供应链、产品、研发、渠道、运营、设计、推广销售等各个环节后，我现在对设计的定位越来越清晰，我更加去关注那些真正有用，且能在实际工作中产生价值的设计，而不只是看起来好看的设计，现在我对设计理解是一切好设计除了美观之外，都是基于对产品分析、用户分析、市场分析后所产生的一个结果，这个结果它能让目标群体更容易接纳这个品牌或产品，从而产生好感或购买的行为。

这次我们继续改图，继续思考一个商业设计应思考的问题：

这是一张用于详情页顶部头图，先分析一下上图所存在的问题：

1、作为详情首图太短，现在的用户浏览购买90%以上来源都是手机端，这样的页面在手机只能占半屏，视觉存在感会很非常弱。

2、图文比较顶边，画面四个边都被图文撑的很满、拥挤，没有呼吸的空间。

3、字体选择过多，排版粗糙。

分析完问题后， 我们先将画面文案提取出来：

—

产品：凌派多功能方向盘

文案：2019款凌派多功能方向盘

智能升级变高配

定速巡航 蓝牙电话 音响控制

—

修改方向：

先解决第1个问题，将首图尺寸做到790*1440，这样的尺寸可以足够支撑起一个画面的重心。

观察产品原图，这是一张横图，如果直接使不利于后期编排。

产品图

再观察到产品车窗外的背景是一个非常普通的马路，基本没有美观可言，所以更换一个背景即可以解决美观问题，又能解决不能做到竖版的问题。

扣出产品后放置在画面中，顶部就空出来了一片可以足够放置文字的区域，接着就是找一个漂亮的背景了。

换了多个背景后，最终选了一张天空且带有远景山脉的背景图，给人一种汽车正在行驶的感觉。

增加文案信息，按文层级进行居中排列，

字体选择更易阅读的无衬线黑体，现在加上文案后已经不会有原图那种拥挤的感觉了。

看到这有没有发现我在主标题下面加了一个副标题：

—

安全操控 行驶从容

—

为什么我要加这样一个标题？

我们可以看到一下这个画面文案信息，主标题：凌派多功能方向盘，这个只是产品的名字，它是一种加装在方向盘上的功能按键，让方向盘除了转向还能更加智能，也就是后面的功能小字：定速巡航、蓝牙电话、音响控制这些功能。从用户的角度去看，相当于只是告诉了我这个产品叫什么名字，有什么功能，但是这些只是表面能直接看到的，用户真实的需求是这些功能吗？不是的，举个例子：买房不只是表面上的居住，而是结婚安家。买LV不是买包，而是证明自我的一种生活观念。所以，我们可以分析一下产品的功能去挖掘用户内心真实的需求：

定速巡航：主要在高速公路上使用的一种功能，高速上经常会限速80、100、120，而且路段较长，时不时又要反复踩油门刹车来控制车速，很麻烦，但是有了定速巡航，就可以让车一直按一个规定的速度行驶下去，不用频繁踩油门刹车，非常方便，脚也不累。

蓝牙电话：车上用手机接打电话是一种违法行为，要扣分罚款的，而且大大影响行车安全性，尤其是在一些小路，突然串出个人影电动车啥的，来不反应的。但是有蓝牙电话，***车直接蓝牙连接，方向盘就可以直接接听电话，打电话也就像跟副驾驶聊天一样，增加行车安全性。

音响控制：一般控制车上音乐都需要伸手侧身去中控台操作，眼睛容易偏离前方道路，也会有一定安装隐患，而直接通过方向来控制就又方便了很多，还更安全。

分析功能后我们可以得出，用户需要定速巡航是为了方便，蓝牙电话是为了安全，音响控制是方便+安全，而之前的首图只说明了产品的名字和功能，所以我加上了一句：安全操控，行驶从容。

接着继续增加剩下的文字，将原主标题文字“2019款”单独选出来做成远景，

跟山脉相连，让排版更灵活。

底部增加一个凌派LOGO，在色彩上做个区分，让画面色彩不那么单调。

 最后，对画面做一下对齐，调色，上面的天空看着有些灰蒙蒙的感觉，不够纯净，

将天空及画面整体调成偏蓝色，会显得更加明亮一些。 

得到最终画面如下：

对比一下修改前后在实际购物体验中的区别，右侧首图较短，直接显示出后面的内容，让画面显得比较碎而乱，右边修改后则更加简约大气，品牌感更强。

为什么做个首图还要这么麻烦去挖掘用户的真实需求呢？

当这些用户真实需求都被分析出来之后，后面要做的页面描述内容是不是就更清晰了？

那么用户还有没有别的的需求呢？有，比如收到货安装方不方便，自己不会装，你们有没有合作的店面帮安装，要不要另外收费？是不是全国都有？这些都是客户最真实的需求，如果你的产品能帮用户把这些问题都解决掉，那还有什么理由不买你的产品呢？

改稿案例二：

这是一张手串海报，一般购买这种产品的用户第一感观就是产品的颜值，毕竟是要经常戴在手上的。我们来分析下画面存在的具体问题：

—

1、    产品造型不美观，没有突出产品的质感。

2、    色彩搭配虽然不突兀，但整体画面无亮点。

3、    图文排版过于简单

—

修改方向：

我们先解决第一个产品不美观问题，分析产品原图造型并不美观，这时我们可以将图片放大展现细节图来解决产品造型问题：

将图片放大用细节展示之后，避免了产品造型问题，同时还能给人更多的联想空间，产品的质感也更清晰。

原图之前的深咖色背景虽不违合，但没能突出产品的质感，将背景设计成黑色或墨绿色能很好的衬托出产品的光影，增强画面质感。左边纯黑色比较简洁百搭，右边墨绿色背景加入了一些纹理，让画面增加更多细节，突出产品的同时，更加贴合文玩类产品属性。

文案排版，原图的排版比较普通，重新对文字排版进行设计：

原图主题文字直接一行过去，加上黑体整体显得比较呆板，右边字体改为衬线字体，重新编排，节奏感更强，也更加符合文玩类产品的气质。

选择一种排版效果如下：

加上文字后画面多了几分秀气

继续增加其它文字及元素完成画面：

对比一下原图：

其它版式变化：

应用效果展示：

总结：

一个好的设计，不错的美感是前提，产品整体不好看，那么放大应用呢？就像天猫的LOGO一样，一开始很多人觉得难看， 但最后应用却很好看，还非常实用。产品不够档次，那么换个背景呢？不要小看这些小的思考，这些都是训练画面美感的前提，都是工作中非常重要的细节。回到思维层面，我们更需要有产品思维去熟悉了解产品，用户思维去挖掘用户的真实需求，将设计的价值发挥到最大，当然，还要有市场及竞品分析的能力，这些以后慢慢再讲吧。下期见！