一个规范的UI设计流程是怎样的？

一、一个规范的UI设计流程是怎样的？

一个规范的 UI 设计流程，每一个环节都会有不同的产出物。所以，我们就可以从产出物的角度，来看 UI 设计都有哪些流程。

一共有 7 个产出物，对应着设计流程的 7 个环节，按照顺序，分别是：

用户故事——功能地图——功能流程图——UI 流程图——线框图——视觉稿——原型

下面我会分别解释这 7 个产出物都是干嘛的，理论上来说，你前期各个环节做得越充分，后期改稿的次数就会越少，但是毕竟每个团队的实际情况不同，有的环节要不要简化或者省略，你可以灵活判断。

第一个：用户故事 User Story

这一步是确定功能的。用户要用产品来做什么？如果一个产品要服务不同身份的用户，这些用户需要的功能也不一样，那就要一个个来分析了。找了个例子 ↓↓↓

第二个：功能地图 Functional Map

写完用户故事以后，就知道要做哪些功能了，接下来就是梳理一下故事中涉及的功能，归纳出他们的关系。

并不是所有梳理出来的功能都要开发，这里可以引入一个产品研发的 MVP 方法，即最小可行化产品。比如你现在要做一个知乎，肯定是先做问答相关的核心功能，能满足早期用户最核心的需求即可，什么会员系统、关注系统、推荐系统等等看似必不可少的功能，都可以先不做。

第三个：功能流程图 Flow Chart

作为开发者，你知道了用户想要什么，也明确了要做哪些功能，接下来就是思考用户怎么操作才能完成他的任务或达到目的。有的产品逻辑会很复杂，所以这一步梳理清楚了，对于程序开发也很重要。

第四个：UI 流程图 UI Flow

经过上一步，你知道用户会怎么使用一项功能了，这就可以规划操作动线了，UI 流程图，就是在页面和页面之间的跳转流程，明确用户想完成任务，要经过多少个页面。

第五个：线框图 Wireframe

线框图和前面的 UI 流程图有什么关系？看着很像啊。前面说了 UI 流程图是梳理页面之间的跳转关系，而线框图的信息就要详细多了，除了组件要画得更细致，所有的交互都要用文字详细标注出来，比如触发、回馈、状态变化等等。后面 UI 设计师看着这个能做视觉稿，程序开发看着这个能明白具体的交互方式。

第六个：视觉稿 Mockup

这部分设计师就很熟了，该怎么整就怎么整啦，只是注意一点要关注设计规范，你在这方面注意的越多，最后开发实现出来的效果就跟你的设计稿越接近。

第七个：原型 Prototype

用线框图可以做低保真原型，用视觉稿可以做高保真原型，这里推荐大家做的是，可以操作的高保真原型。既然要做高保真原型了，那肯定要做可操作的，你去找程序员帮忙做也可以，不过现在有很多好用的原型动效工具，你自己做也很方便，比如我下面这个可操作原型，就是用即时设计做的。

做可操作的高保真原型，用处有很多，设计师和产品经理可以用来测试和验证产品设计有没有问题，工程师可以看看各种交互效果到底是怎样的，或者给用户操作一下试试，看看他的反应。

以上 7 个步骤走完，一个完整的 UI 设计流程也出来了，写得很简略，希望能给你一些参考，如果在哪个环节上想多了解，可以再单独去查资料。

最后讲原型的时候，提到了即时设计，这再多介绍一下，其实我们不光能做交互动效，UI 设计的全流程，都能做。

UI 设计软件现在的发展趋势，是从本地软件到在线工具，因为在线工具更方便进行团队协作，从 UI 设计师的角度，推动整个产研团队的协作，提升工作效率。

「即时设计」是一款专业的在线 UI 设计工具，无论你是什么操作系统，打开浏览器就能免费用。

• 操作界面十分友好，界面布局与 Sketch、XD、Figma 类似，会用一个就一通百通；
• 上手难度低，全中文的界面和帮助文档，每一个工具的用法都有教程介绍；
• 资源广场中的大量免费设计素材，一键保存使用；
• 强大的协作功能，符合 UI 设计行业的发展趋势，和现在各公司主流的工作方式；
• 客服响应快，加入用户群，任何问题实时反馈解决。

欢迎点击下面的链接体验~

二、UI设计流程？

ui设计的一般步骤：

1、产品定位与市场分析阶段；

2、用户研究与分析阶段；

3、架构设计阶段；

4、原型设计阶段；

5、界面设计阶段；

6、界面输出阶段；

7、可用性测试阶段；

8、完成工作阶段；

9、产品上线；

10、分析报告及优化方案。

三、什么是UI设计，如何定义UI设计？

百度百科里对UI设计的定义为：UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

以上就是UI设计的定义，那么想做UI设计需要掌握什么技能呢？从优就业的全链路UI/UE培训课程大纲上看，需要掌握以下几种技能：视觉设计基础、品牌运营视觉设计、电商运营视觉设计、产品交互UI设计等。

目前UI设计的就业前景很好，招聘UI人才的企业不仅仅局限于互联网企业，越来越多的企业开始注重交互设计相关的人才投入，如金融、交通、零售等行业都在热招该类型的设计人才。

四、什么是UI设计UI设计包含哪些内容？

你好，我是柏小陌OK，一名UI设计师，很荣幸可以回你的答问题，以下是我个人的一些见解，希望对您有帮助。

我先圈定一下范围，UI通常指的是我们常见的计算机软件方面，另外一种是硬件方面工业上的机械与人沟通的硬件人机交互，咱们这里讨论的主要是前者！

我们打开手机显示的界面儿，如下图所示，这些界面只是UI的一部分，它们属于界面设计，在这些界面上，按提示进行操作就是交互设计。

如向右滑动解锁，解锁成功后会出现一个动画，或放大，或变形，或渐隐淡出切换到主界面，这个动画就是交互动画。

进入主界面以后，我们能看到排列整齐的应用图标，比如电话，短信，音乐，浏览器，微信等，这些就是UI设计的图标。而整个过程你看到的所有手机显示的页面就是所谓的用户界面，不仅如此，手机只是我们日常生活中最常见的一个典型。

像智能电视及盒子是显示的选择画面，计算机的操作系统界面，ATM提款机的界面，游戏的操作画面，汽车的智能操作画面等，这些都是我们熟悉的UI

说来也有趣，有些界面儿不被大众认可，比如古代算盘可以说是最早的人机交互界面，通过交互和操作产生输入输出，同样的的上学时墙上的黑板，老师通过它输入内容，他将信息输送给同学，这也属于用户界面。

现在大家用的笔记本，pied变成了我们生活的一部分，还有越来越普及的虚拟现实（VR），即使没有点击触碰，通过一个简单的动作，也能产生一个指令输入给界面，然后得到界面的输出反馈。如开启画面等。

所以当我们谈起UI设计时，千万不要忽略UI的广泛性！

用户界面包括软件与硬件的人机交互，操作逻辑，行为路径，用户体验界，面排版的整体设计。

五、什么是ui设计？

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计；UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。随着技术领域的逐步拓展，产品生产的人性化意识日趋增强，UI这一岗位已从多个维度发展，全链路UI/UE设计师也成为了人才市场上紧俏的职业。

六、什么是UI设计？

UI设计（User Interface Design），即界面设计，是指对软件的人机交互、操作逻辑、界面美观的整体设计。它可以分为实体UI和虚拟UI两类，互联网中所提及的UI设计即是虚拟UI。

好的UI设计不仅可以让软件变得更有个性、有品位，还可以让软件的操作变得更为舒适和简单。

七、UI设计的UI是指什么？

UI全称User Interface，用户界面的意思，是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计是让软件变得有个性百有品味。用户界面是介于用户与硬件而设计彼此之间交互沟通相关软度件，目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作

八、ui设计与游戏ui设计区别？

游戏原画是绘画中游戏中场景角色设计， 游戏UI是用户界面的交互设计。 关于游戏原画的技能提升，轻微课平台有较多的资料。绘画学习较肝，对于掌握绘画技能点有帮助。 游戏原画： 游戏原画特指以游戏的内容进行计算机二维创作绘画或手绘制作，并以绘制的设计为基础在后期工序中用三维软件创建虚拟实体化，在编程人员努力后，最终成为游戏组成的一部分。 游戏UI： 游戏UI设计也叫做UI设计，只是针对游戏行业而已。 UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

九、什么是UI设计，UI设计和平面设计区别大吗？

说的简单点两者最大的区别就在于，平面都是印刷的东西多一些，当然也有一部分是荧屏显示的。而UI用最简单直观的理解其实就是说都是关于屏幕上显示的东西！

在细点的说，平面涉及的都是一些静态的东西，比如海报啊，易拉宝，名片，等等。而UI几乎都是一些动态的界面，但是需要设计做的是一个静态的界面，至于动态怎么加上去，那是前端和交互去加的！

最直观的，ui设计用ps做的东西都是RGB格式，也就是所谓的三色，屏幕上显示的格式！而平面设计用ps做的大多都是CMYK格式，也就是四色打印机喷色用的格式！

前后两者其实也是有很大关系的，UI设计前期的基础就是平面设计！例如，排版啊，色彩搭配啊，这些都是基础，用到UI里面，就会利用这些基础怎么让界面更简单明了，更容易让人看起来舒服，更容易操作，等等！

十、什么是UI？UI设计就业前景好吗？

本人科班美术出身，毕业后一直从事UI设计工作，曾设计过千万级别用户的软件界面。

UI设计，即User Interface Design，是指对软件的人机交互、操作逻辑、界面美观的整体设计。比如我们常见的微信、淘宝、王者荣耀等软件的界面设计。当然，除了手机软件外，还有电脑软件，各种网页，汽车中控电脑界面等等。

目前ui设计最常用的软件为sketch，当然软件只是工具主要还是看设计水平，用ps、ai都可以。

关于前景:

ui设计师跟程序员工资差不多，以上海为例:有美术基础，懂些交互知识，会使用软件的新手一般6000-10000，一到两年工作经验10000-20000，再往上就要要求设计师不光要懂交互还要懂业务和一些程序实现，如果这些都能做到，收入还是很可观的，跟同工龄程序员差不多。最重要的是，ui设计师需要不断的了解新技术，了解新的设计风格，了解新的交互理念，了解新的商业逻辑，这样的设计师才能前途宽广。

最重要:

兴趣，兴趣，兴趣！没有兴趣做不好的行业！你是否会因为做了一个没人做过的设计而产生成就感，你是否会因为用户的称赞而高兴，你是否会因为很多用户使用你的软件而兴奋异常？如果答案是【是】，欢迎加入ui设计师行业。！

本文为原创，喜欢加关注哦，免费回答各种设计问题

顶一下

(0)

0%

踩一下

(0)

0%