ui交互设计一下UI设计的工作流程及流程介绍-乐题库

对于大多数人来说，设计师可能只负责绘图，但在实际工作中，UI设计师在进入项目团队后，需要开始与团队伙伴协作，负责的部分不仅仅是设计。毕竟UI设计不等同于平面设计，还需要有完善的设计思维和逻辑思维，深度参与交互设计。所以，今天笔者就来详细分享一下UI设计的工作流程:

一.用户调查

现在设计师的工作不仅仅是设计本身，还有商业内容。只有了解用户的需求，才能更好的设计产品。

进行用户研究的方法有很多，一般分为“定性研究”，和“定量研究”

定量研究用于挖掘问题，重点是“找出问题是什么”，应用各种量表问题，形成对品牌的描述和总结。

定性研究更倾向于寻找“为什么形成这个问题”，可以采用自由联想、投射、神经研究等方法，挖掘产品背后的优优资源 *** 的需求。

软件:

二。排序需求

UI设计比海报设计复杂得多，其中的每一次跳转和交互都意味着设计一个页面。所以在整理思路的时候，对需求进行分类，对后面的设计工作是非常有利的。

在整理需求的时候，先把用户调研收集的信息整理出来，再参考同类型产品进行基础规划。

软件:Mindmaster，一个价值十亿美元的大脑地图

推荐理由:需求整理不需要太复杂的工具。一个mindmanager就能把各个模块及其分支梳理的井井有条，易图脑图的线上协作更有利于产品团队及时的信息对齐和集体讨论；同时，易图大脑地图支持幻灯片演示模式。当你整理好自己的需求后ui交互设计，可以直接在会上演示，无需处理。

三。通过线路图提出方案

需求确定并整理好之后，就可以画原型图了。

简单来说，原型图就是[一个产品成型前的简单框架图]，展示页面的布局。各功能键的交互使产品的初始概念有了直观的展示。原型不需要很精致ui交互设计，把产品的内在核心和交互逻辑展示清楚就可以了。

说到底并不是需要展示给用户看的产品，通常是:开发，部门领导，UI设计师，测试。建议在设计样机的时候，就要开始思考整套产品的设计规格，这样才能更大程度的保持统一性。

软件:Pixso

互动设置简单，效果丰富

Pixso拥有多达八种交互资源，效果也有弹出窗口、跳转等五种选项，可以很好的满足原型图的需求。而且他的设置习惯和figma差不多，很容易上手。

一键交付，自动生成标注，开发轻松地图；

全中文界面更适合中国用户；

......

现在就体验吧。

四。设计规格

在设计开始之前，有必要建立一套设计规范，它至少有以下三个优点:

1、 保持产品的视觉统一性

视觉统一是交互设计的一个基本原则，尤其是多人设计的项目，制定设计规范是设计师保持视觉统一的重要保证。每个设计师都有自己的风格和想法。如果没有标准，他很可能会做出不同的解决方案。

2、 提高团队效率

如果没有设计规范，那么同样的元素设计师需要重新设计，过程繁琐，效率低下；但如果有设计规范，所有设计人员都可以通过创建模板直接重用，不需要可视化和开发，所以设计效率大大提高。

3、 塑造品牌调性每个品牌都有自己独特的品牌调性。除了品牌口号和推广时注意宣传，在产品界面中不断传递这些信息也很重要。整套产品的UI界面采用统一的风格，相同的细节元素，对于加深用户对品牌的认知非常重要。

软件:Pixso

推荐理由:拥有组件团队资源库

Pixso支持团队共享组件库，这意味着只要一个设计师创建并共享组件，所有成员都可以使用该组件，大大节省了重复时间，可以更好地维护设计的统一性。

五.视觉优化

以上工作完成后，就可以开始设计了。设计的步骤不用多说，其实就是——绘画。

软件:Pixso

UI设计功能齐全，从钢笔工具到自动布局

灵活的钢笔工具，与草图不同，草图只能在直线上添加点或移动单个点。Pixso可以移动优优资源 *** 向量的线，所有连接的点都可以自动跟随~

在线设计，随时随地开始设计，实时保存文档

设计上最怕的就是电脑关机不保存文件。使用基于云存储的Pixso就不用担心这个问题了。内容会随时上传到云端，不会丢失或损坏。一方面提高了安全性，另一方面不需要占用电脑内存~

超级完整的资源库，由团队组件共享

Pixso自带官方资源库，有2300个图标，图片资源即将上线。设计师可以省去从外部网站导入这个链接，从资源库拖到画布上使用~

同时，Pixso还配备了团队资源库。设计师可以在设计资源库中添加个人设计的组件和样式，其他成员可以一键使用；修改后的组件和版本会自动更新，无需手动调整。

六。交付

交付是整个设计过程的最后一个环节。手稿送到R&D后，设计基本上完成了自己的工作。

过去，设计师通常通过第三方平台进行交付。但是如果用pixso画图，他们可以直接用Pixso进行交付，链接可以传输，不需要导出文件重新上传。同时支持切图、贴标签等功能，前端可直接自行切图。

现在就体验吧。