最为一名设计师，想要自己的产品得到认可，就需要结合客户的需求进行产品的设计，因此在UI设计的工作流程上，我们可以结合天津达内科技的讲解，进行相关学习的计划和安排，使自己逐渐实现在UI设计上的成就。

下面是达内科技针对想要进行UI设计的学员，进行的相关知识的讲解。

首先是Storyboard 故事版：

主要负责人是产品经理或交互设计师。这也是最早大家开始讨论用户体验流程，在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论，而且主要讨论的是流程和主要功能，因此手画故事版最快最方便并易于修改的。

其次是Key?wireframe 关键界面线框图

主要负责人是交互设计师，在确定的用户流程中，选出几个关键的，有代表性的步骤，做细化的Wireframe线框图。线框图里要确保每一个UI元素的设计，包括其大小和位置。我们做的线框图是1:1的，也就是线框图与实际界面尺寸一致。

其三是Key?visual?design 关键界面视觉设计

主要负责人是UI设计师。此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计，进行配色、样式不同风格的尝试。

其四是All?wireframe 全部界面线框图

主要负责人是交互设计师。他们要完成全部界面的线框图（1:1的）设计并且团队确认。

其五是?Prototype 可动原型

主要负责人也是交互设计师，此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点，那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型，特殊项目也曾经做过Flash的。

最后是UI?design 全部界面视觉设计

主要负责人是UI设计师，完成全部界面的UI视觉设计，此环节确认全部UI设计，同时把确认的UI更新到文档里。

以上步骤里省略了了给boss汇报或者给客户汇报的描述。有条件的话，最好是每一步都要让有关的决策人员参与确认。如果要做用户调研的产品，那一定要做出可动原型再让用户使用测试，不然很难得到有价值的反馈。

由此我们可以看出在UI设计的整个工作流程中，交互设计师在其中占有重要的地位，当然也需要团队的配合，因此学员可以结合自己的喜好，还有天津达内科技为学员进行的UI设计的课程讲解，让自己实现在UI设计上的提升。