锐客网

  1. 首页 > 睿知 > >

ui交互设计 如何设计ui

生活知识睿知

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

    推荐阅读


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

    下一篇：减肥跑步好还是快走好