【蓝湖有方】如何做出有效的设计，让产品又好看又好用？

呕心沥血做了一份高端大气上档次的设计，却被需求方评价：“设计没有 Get 需求的重点，达不到理想效果，要重做哦！”

设计终于落地了，却被团队质疑：“落地效果怎么和设计图差距这么大，问题出在哪？”

以上情况在设计师工作中时有发生，而避免以上情况的发生，保障设计效果，是设计师工作的重点之一。

设计要满足需求，达到应有的效果，有技巧可循。本期【蓝湖有方】，湖湖琢磨了在设计的各个环节能有效提升设计效果的技巧，希望能帮助你更得心应手的设计，让你的设计更有价值！

 

成功第一步：审题

很多设计师接到需求后，缺乏主动思维，被动的通过需求方确定需求、执行设计，最后沦为执行工具人。设计师应该具备主动思维，接到需求后主动“审题”，分析需求的背景和目的，为需求方提供有效的设计建议。
 

1、出发点

设计不是摸石头过河，接到需求后，深入了解需求的背景，能让设计师了解产品的大环境，做出与行业、用户更匹配的设计，事半功倍。

 

 不妨基于下列问题作思考：

• 我们的目标用户是谁（用户画像）？
• 产品的阶段目标和终极目标分别是什么？
• 产品现在处于什么阶段？
• 现阶段，用户、产品、业务方的痛点分别是什么？
• 现阶段，设计的重点是什么？

 

 如何找到这些问题的答案呢？

关注行业报告，深入了解行业

观察用户行为，尽早知道痛点

内部沟通紧密，保持目标一致

 

2、目的地

“设计是围绕目标的求解活动 ”—— L. Bruce Archer

以目标为导向做设计，更容易做出有效的方案。

 

 如何找到设计目标呢？

设计需求一般来自于产品和市场，产品和市场每一个季度都会有 KPI。

比如：优化体验提高日活，提升市场销售额。此时，提高产品日活、提升用户的购买决策效率，为产品和市场达到 KPI 提供一臂之力，是设计的目标。

设计的目标是满足业务需求和用户体验，所以设计师要了解用户。用户体验地图是了解用户有效的方法，它能帮助我们深挖用户痛点、挖掘产品机会点、找到决策方案。

一般来说，用户体验地图包含以下几方面的内容：

• 明确用户：用户画像、用户目标
• 用户和产品：用户行为、情绪曲线、触点
• 产品机会：用户痛点、机会点

达到设计的终极目标不能一蹴而就。设计师要合理的拆解目标，将目标转化为设计可执行的阶段性方案。

拆解目标要遵循 MECE 原则，即：思考问题的过程中，我们需要分解问题，每一层级的问题与问题之间“相互独立”、“完全穷尽”。

需要注意以下三点：

•  问题是否有遗漏
• 不同问题之间是否有重叠
• 假设是否靠谱

明确业务需求和用户需求，设计师能轻松挖掘设计目标，根据尼尔森十大交互原则、格式塔原则等方法论，做出平衡业务目标和用户体验的有效设计。

 

成功第二步：举证

经过深思熟虑，设计师提出设计方案，进入设计评审。此时，证明方案的有效性，成为执行方案前的重点。

如何判断方案的可行性？可以从以下四个方面考量：

• 方案能否达到需求方的业务目标？
• 方案能否带来好的用户体验？
• 为什么能达到理想的效果？
• 相比竞品，这个设计方案有哪些优势？

设计师要对这些依据有明确的认识，据此说服评审人员，推进方案的落实。

应该如何阐述设计方案呢？

• 描述自己从需求分析到设计表达的过程
• 分析对比竞品的方案，证明自己的方案更好
• 证明方案合理、可执行
• 运用可量化的数据，证明自己的方案

以上这些，都需要设计师在评审前有充分的准备。有理有据的阐述设计方案，才能得到需求方的信服和支持。

 

成功第三步：落实

做出了有效的设计方案，如果没有得到有效的执行落地，等于纸上谈兵。

因此，推进开发落地，让设计方案高度还原，是设计师的目标和职责之一。

 

1、让开发参与设计环节

为了避免想当然的设计，做出开发难以实现的方案，建议在设计阶段就让开发同学介入，让 UI、交互、开发三者无缝对接、合作。

 比如：交互做了创新设计，开发同学参与交互评审，根据自己宝贵的经验，评判交互能否被实现和实现它需要的周期，以此给设计参考和建议。避免设计完成却被开发以“这个效果不能实现”打回来。

让开发参与设计环节，能有效提高开发进度和设计的还原度，让设计和开发更好的沟通和协作，让项目更高效的进行。

 

2、设计规范必不可少

产品迭代的过程，包含新功能的开发、新页面的增加等模块。

如果没有设计规范，视觉和交互体验难以保持一致，设计重复劳动输出效率低下，开发代码混乱缺乏可持续性和可控性，最终导致产品臃肿无序，体验不好。设计规范，为解决这些问题而生。

设计规范是一个庞大的体系，需要设计师和团队耐心的搭建和优化，可以在蓝湖「设计规范云」上搭建、管理、使用，让设计有章法。

值得注意的是，搭建好设计规范之后，最好让开发同学参与到评审中来，从开发的角度确定设计规范是否正确和专业。

 

3、正确的标注和切图

经历了缜密的思考和重重评审，设计界面终于定稿，进入设计开发交接环节。

标注和切图是设计师的重要输出产物，正确、精准的标注和切图能帮助开发高度还原设计稿。

设计师需要标注各元素的尺寸、位置、颜色、不透明度、字体、字号等信息，并对图标和图片进行切片，提供给开发同学。

但是手动密密麻麻，而且设计师标注时一般会使用 px 作为单位，开发同学在使用时，需要自己一一换算成 %、em、vw 等单位。手动切图格式不全，不能满足开发的使用需求，开发同学需要重新切图。这无疑加大了开发的工作难度。

用蓝湖自动标注、一键切图，能完美解决以上问题。不仅标注切图的速度更快，而且蓝湖自动生成的标注信息正确、易于查看复制使用。

蓝湖一键生成的切图有多种格式，能满足开发的所有需求。

总的来说，要提升设计的效果，让设计有效落地，从需求分析到落地的每一个环节，设计师都要下功夫。

 

原文地址：蓝湖产品设计协作（公众号）

作者：蓝湖产品设计协作