锐客网

  1. 首页 > 睿知 > >

ui交互设计 如何设计ui

睿知生活知识

对于大多数人来说，设计师可能只负责绘图 ， 但在实际工作中，UI设计师在进入项目团队后，需要开始与团队伙伴协作，负责的部分不仅仅是设计 。毕竟UI设计不等同于平面设计 ， 还需要有完善的设计思维和逻辑思维，深度参与交互设计 。所以，今天笔者就来详细分享一下UI设计的工作流程:
一.用户研究
【ui交互设计 如何设计ui】现在设计师的工作不仅仅是设计本身，还有商业内容 。只有了解用户的需求，才能更好的设计产品 。
进行用户调研的方式有很多种，一般分为“定性调研”和“定量调研” 。
用量化研究来挖掘问题，重点是“找出问题是什么”，用各种量表问题来形成对品牌的描述和总结 。
定性研究更倾向于寻找“为什么形成这个问题” 。可以采用自由联想、投影、神经研究等方法，挖掘产品背后的需求 。
软件:
第二，整理需求
UI设计比海报设计复杂得多，其中的每一次跳转和交互都意味着设计一个页面 。所以在整理思路的时候，对需求进行分类，对后面的设计工作是非常有利的 。
在整理需求的时候，先把用户调研收集到的信息整理出来，然后参考同类型的产品做基本的规划 。
软件:MindMaster ， 易图的大脑地图
亮点:需求整理不需要太复杂的工具 。一个mindmanager就能把每个模块及其分支按顺序整理出来，易图脑图可以在线协作，更有利于产品团队及时的信息对齐和集体讨论 。同时 ， 易图大脑地图支持幻灯片演示模式 。当你整理好自己的需求后，可以直接在会上演示 ， 无需处理 。
三、线路图提出方案
需求确定并整理好之后，就可以画原型图了 。
简单来说 ， 原型图就是【一个产品成型前的简单框架图】，展示页面的布局 。各个功能键的交互 ， 让产品的最初想法有了直观的展现 。原型不需要很精致，把产品的内在核心和交互逻辑展示清楚就可以了 。
归根结底，并不是一个需要展示给用户的产品 ， 通常是:开发、部门领导、UI设计师、测试 。建议在设计样机的时候，就要开始思考整套产品的设计规格，这样才能最大程度的保持统一性 。
软件:Pixso
交互简单，效果丰富 。
Pixso的交互手势多达八种，效果也有弹出窗口、跳转等五种选择，可以很好的满足原型绘图的需求 。而且他的设置习惯和figma差不多，很容易上手 。
一键交付，自动生成标注 ， 开发易图；
全中文界面更适合中国用户；
......
现在就体验吧 。
四 。设计规范
在设计开始之前，有必要建立一套设计规范 ， 它至少有以下三个优点:
1.保持产品的视觉一致性 。
视觉统一是交互设计的一个基本原则，尤其是多人设计的项目 ， 制定设计规范是设计师保持视觉统一的重要保证 。每个设计师都有自己的风格和想法 。如果没有标准，他很可能会做出不同的解决方案 。
2.提高团队效率 。
如果没有设计规范 ， 那么同样的元素设计师需要重新设计，过程繁琐，效率低下；但如果有设计规范，所有设计人员都可以通过创建模板直接重用，不需要可视化和开发，所以设计效率大大提高 。
3.塑造品牌调性每个品牌都有自己独特的品牌调性 。除了品牌的口号和推广时对宣传的重视，在产品界面上持续传递这些信息也很重要 。整套产品的UI界面采用统一的风格，相同的细节元素 ， 对于加深用户对品牌的认知非常重要 。
软件:Pixso
亮点:拥有一个组件团队资源库 。
Pixso支持团队共享组件库，这意味着只要一个设计师创建并共享组件，所有成员都可以使用该组件，大大节省了重复时间，可以更好地维护设计的统一性 。
动词 （verb的缩写）视觉优化
以上工作完成后 ， 就可以开始设计了 。设计的步骤不用多说，其实就是——绘画 。
软件:Pixso
UI设计包括从钢笔工具到自动布局的所有功能 。
灵活的钢笔工具，与草图不同，草图只能在直线上添加点或移动单个点 。Pixso可以移动矢量线 ， 所有连接的点都可以自动跟随~
在线设计，随时随地开始设计，实时保存文档 。
设计上最怕的就是电脑关机不保存文件 。使用基于云存储的Pixso就不用担心这个问题了 。内容会随时上传到云端，不会丢失损坏 。一方面提高了安全性，另一方面不需要占用电脑内存~

推荐阅读


上一篇：牵引脖子能让脖子变长吗 如何让脖子变长

下一篇：鳄鱼皮用什么护理油