随着设计队伍的扩大，人数迅速增加，但每一个人都有自己过去的工作经验和习惯，一些典型的问题也随之而来：上手利索，主观臆断，缺乏方法，忽视跟进等等。

  所以编写UI标准设计流程，希望能给UI设计者们提供一个共识，让他们的设计更有价值：

  在此过程中，我们将其分成五个节点，分别是：需求分析-交互设计-视觉设计-视觉说明-方案验证，并根据需要进行在线测试。的确，在设计过程中，我们只是表达了不同过程中的行为目标和标准，相关的方法论我们将配合一个“设计师成长指南”，稍后与大家分享。

  第一、需求分析。

  在提出了设计要求之后，我们首先要做的是进行分析并确定设计目标。

  需要：了解背景，用户，竞争者，了解产品定位和需求目标，评估需求的合理性和准确性，提供相应的策略；通过设计，洞悉机会点，为企业创造正价值。

  一，背景分析。

  本课题的背景分析是为了让我们在了解产品的同时，更深入地理解产品背后的内涵。通过背景分析，可以快速地对产品进行切入，并根据已有资料，制定出准确、具有说服力的设计策略。

  绩效：我们需要了解：产品的定位和价值是什么，它目前的状况如何，是否有前人的资料或经验的总结。

  二、用户分析

  使用：对于UI设计人员来说，用户分析的目的就是让我们更好地了解产品，对整个产品有一个宏观的了解。通过用户分析为我们的视觉设计提供指导，并为我们提供决策的实际依据。

  通常我们需要了解：用户类型、用户需求、用户行为、用户路径等。

  三、投标分析。

  目的：竞品分析可以让我们在行业内获得很好的经验，减少我们的思维盲区，同时为我们提供一套可量化的标准，使我们可以根据竞争结果对已有的产品进行反推。

  绩效：用户界面设计师可以从竞品定位、主功能、迭代趋势、产品结构、页面布局、交互效果、视觉设计、优劣对比等方面来分析。

  四、需求评估。

  目的：在理解了上面的一般信息后，我们将对需求进行评估，以决定采用哪一种方法和策略。

  收到的需求，一般可分为三类：新产品类、产品升级类、功能升级类或优化类。

  我们可从以下五个方面对各种需要进行评估：

  可以确定吗？

  目标清楚吗？

  产量利用率如何？

  有没有更好的解决方法？

  危险是否可预见？

  基于以上考虑，我们可以协同互动，对产品做出相应的调整，制定策略，甚至发现新的机会点，并推动其发展。

  五、调整目标。

  目的：设计服务于目的，所以我们要在设计开始之前就与需求方协调好目标，这样也可以为确定设计价值提供依据。

  一般情况下，有3个设计目标，我们可以从它们中找出需要的目标：提高数据类型、解决问题类型、经验优化、以及创新的项目类型。针对不同的目标制定不同的设计策略，并对策略执行情况进行数据监控与分析，从而实现方案修正。

  第二、交互设计

  交互设计在产品过程中的作用在于，通过组织信息结构，输出具有流畅体验的界面原型。

  要充分了解整个过程和交互原型，就必须在设计原则的基础上找到可优化的部分，同时平衡产品、设计和开发的最佳利益，并促进产品体验。

  设计原理。

  目的：设计原则能给你一个有效的设计指南或技巧。了解各种设计原理，可以使我们在设计上有更丰富的专业知识和更敏锐的洞察力。

  对策：我们需要了解市场上常见的Guildline，如iOS,yerial,UWP等等，以及常见的原则，如Fiz定律，格式塔理论。

  工艺梳理。

  目的：通过对流程的重新梳理，使我们能更快地理解和诊断流程逻辑，从而进行视觉设计。

  操作：在再梳理过程中，我们要注意以下四点：

  功能齐全吗？

  连通顺畅吗？

  节目是否冗余？

  明白了吗？

  以此为基础，运用自身专业储备，推进流程优化。

  优化原型。

  目的：交互原型是需求内容的外部表现，通过原型的优化，最大限度地避免视觉检验之后的重复。

  动作：在优化交互原型的过程中，我们将集中于以下4个问题：

  架构与目标一致。

  层级是否得到适当简化。

  信息是否传递准确。

  这个国家是否失去了？

  在视觉设计过程中，我们可以根据以上四个因素同时优化原型，并从经验中寻找经验与成本的最佳平衡。

  第三、外观设计。

  视觉设计是将产品和用户直接联系起来的媒介，高质量、恰当的视觉设计可以极大地提高产品的吸引力。

  在分析的基础上确定视觉方向，确定设计语言，输出高质量的完整视觉页面。

  1.情绪化设计。

  目的：设计情感图板可以为设计语言的构建提供直观的参考，同时也能帮助我们在前期快速达成共识。

  动作：我们通常是在分析的基础上，确定设计的关键词，然后从关键词中提取图像，建立情绪图，最后分析并决定设计的方向。

  2.语文设计。

  设计性语言是情感层次的具象表达，它以用户对产品的视觉感受为基础。

  行动：在确定设计的方向后，我们将根据情感来决定设计语言，主要有视觉主旨，色彩，字体，图像，图形，动作效果等。

  3.专题网页。

  目的：典型网页是设计语言在场景中的直观体现，有助于我们制定设计规范，为其他网页设计提供参考。

  操作：我们通常需要设计主页、频道或其他具有范例功能的典型页面，设计时还需要对空白页、卡片、可视变量、图形应用等进行同步，这样才能为动作规范打下基础。

  第四、系统设计。

  除典型的页面设计外，它的背后实际上是一套设计规范和组件，而我们在此基础上对设计系统进行梳理和沉淀，可以大大提高统一和迭代的效率。

  制定完整、清晰的基本规范，沉淀图标库、组件库等，不断优化、更新，形成可持续发展的产品设计体系。

  1.基本方针。

  基础规范描述是设计语言和视觉变量基础的一种沉淀。在确保页面一致性的同时，还可以根据业务的不同快速扩展其他主题。

  我司的基本规格包括：颜色、字体、间距、布局、断点、层次、圆角、透明、阴影。

  2.图示图书馆。

  图示说明可以帮助其他成员快速、准确地扩展图标，而图标沉淀后的图示库会大大提高输出效率。

  使用：可根据具体需要，设置多种图标样式，对其格网、笔画、圆角等进行规范，并且还可对图标进行沉淀。也可对空态插图、悬浮物入口、徽章、物品等常用图形加以说明和沉淀。

  3.部件库

  目的：组件库是规范常用控件的设计、开发、封装的一组可复用组件分而治之，可任意组合使用，保证设计质量，统一用户体验，提高生产和研发效率。

  组件库通常包括：通用性、布局、导航、数据输入、数据显示、反馈等。除常规的原子组件外，我们还整理了常用的模块，使业务组件库得以沉淀。

  第五、跟进落实。

  在设计完成后，需要对设计方案进行评审、验收和数据跟踪，以保证设计方案的顺利实施和调整的后续工作。

  以合理的策略保证设计方案的高质量落地，有效地跟踪方案上线后的用户反馈，以多种方式对目标进行验证和迭代。

  1.设计审查。

  设计评审通常包括互动与视觉，旨在检讨设计方案的可行性。

  绩效：在我司，视觉检查是最后一项评估，我们需要在视觉检查中标注所有的交互逻辑，并对可能出现的问题作出预判，以确定各个方面的目标、分桶和数据埋藏点；同时，我们也需要预先判断开发的实现，以确定实现的细节。

  2.接受设计情况。

  目的：通过设计验收，确保需求满足，体验流畅，设计精细，品质节能。

  动作：视觉设计师主要验收视觉细节的还原，并在一定程度上预知搭配、开发风格，减少二次验收。并且保证验收时有沉淀物，便于后续跟踪。

  3.证实数据。

  目的：数据验证除了分析“桶”之外，还可以对产品上线后的一些问题进行分析，并在迭代期间加以修改。为提高未来设计的准确性，总结设计经验。

  在设计过程中，我们通常根据设计策略，对数据进行筛选和分析，以衡量设计为了达到目标而取得的效果。能反思和纠正问题；能总结和沉淀良好的结果。

  4.设计复盘。

  目的：设计复盘是以结果为导向的，通过复盘可以总结和验证设计策略的价值，发现在优化设计过程中存在的不足。

  绩效表现：需要陈述设计目标与策略，验证设计价值，能够总结亮点与不足，制定后续规划，积累相关经验。