UI设计师往往在产品设计中起到承上启下的作用。从一个“需求”开始，通过相关的市场调研、竞品分析等方法，拟定一个产品的初步方案。此时的产品方案还只是停留在人们脑中的抽象概念，只是一个概念雏形。而UI设计师的工作就是通过视觉呈现的方式将这个抽象概念具象化，最终输出一份产品设计的效果图（包含界面视觉以及交互逻辑）。UI设计师承上启下地将一份抽象的低保真原型图（来自于产品经理），转换成一份具象的高保真效果图（传递给前端工程师）。而UI设计师的工作往往从一份“原型”开始。

什么是“原型”？

我们经常在不同的背景里看到“原型”这个词。由此，我们很可能已经混淆它的真正含义。它最基本的含义：原型是设计想法的表达。

原型让设计师们得以展现他们的设计，以及模拟真实的使用场景。在数字化的背景下，原型能够模拟用户与界面之间的最终交互行为。根据产品团队的需求，原型可以模拟整个app或仅单个交互行为。如今的UI设计师已经从早先“画的好看就行”到“用户用着舒心”的转变。因此，一个优秀的互联网产品，除去产品本身的实用价值以外，良好的“用户体验”也是一个重要的加分项。而“用户体验”的良性反馈通常是以“视觉设计”与“交互逻辑”两个方面来呈现，也就是UI设计师的输出过程。

UI设计师站在用户的角度完善产品的实用性，可以保证产品上线后，用户在达成自己操作目的的同时，能够更加自然流畅地完成与产品的交互动作。而这个呈现效果的方式，就是通过操作PS、AI、Axure等设计软件来实现，也就是UI设计师最基础的一项职能。

原型设计的类型

在早些年，UI设计的概念刚传入国内市场时，对于UI设计师的要求仅限于PS的使用以及绘制写实图标。而在近些年，UI设计行业发生了巨大的变化——UI设计师的能力要求由原先单一的“视觉设计”，拓展为集UE（用户体验）、IDX（交互设计）、GUI（图形界面设计）为一体。

显然这对UI设计师的软件的应用能力要求很高：要将低保真原型图转换成高保真效果图，这个过程需要多款设计软件的支持。当然也要求设计师具备良好的逻辑思维能力与审美能力。我们通过手绘或者软件将产品的初步构想变成让用户（包括老板）实际可体验的东西，即产品原型。一般的，在手绘草图时比较多用到sketch；2D平面绘图时比较多用到wireframe;3D立体绘图常用mockup；最后再实现动态效果。

手绘草图。我们用一张纸，用一支笔，就可以开始我们的产品构思。这个步骤关注的是概念的呈现以及主要功能的呈现。有了纸上原型我们可以进入Sketch把产品的大概形态画出来，不用在意用色也不必面面俱到。

2D/3D效果。主要是为了完善一些功能导向的设计以及展现最终的视觉样式，这个过程可以边画边给其他人看，多多听取他人意见。

动态效果。动态效果可能不是必须的，但动态效果更加接近产品实际体验。

低、中、高保真原型对比

低保真原型多用于较快的设计产品的概貌。

产品经理和交互设计师们通过项目早期阶段已经明确了产品的功能需求及业务范围，基本上已经知道了产品需要做什么。梳理清楚产品的战略目标、需求范围、功能结构和信息结构。推导出详细的功能点，就可以开始正式绘制线框图了，线框图又称为低保真原型。低保真可以帮助我们准确拆分页面、以及每个页面的功能模块及展示信息，确定每个页面元素的界面布局。

低保真与草图相比较而言，视觉显示及意图表达更准确。低保真原型阶段我们不用考虑界面元素的配色以及各功能的交互跳转及动画效果。

中保真介于低保真和高保真之间。

此时的中保真已经有了真实的文案，左右边距、版面、格栅等细节都已经确定并与高保真保持一致。中保真相对高保真成本更低，可以用来测试更具体的交互与流程。

高保真原型可以看成产品的Demo，除了没有真实的后台数据进行支撑外，几乎可以模拟前端界面的所有功能，完全是一个高仿产品。高保真能够更加详细的展现产品的功能及业务需求，可以测试非常具体的交互细节，不过非常耗费成本，还需要软件和编程的支持。