【UI入门必读】一个完整的UI设计流程是怎样的?学习UI

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

UI设计绝不是掌握几种软件技能或了解入门知识就可以的。想要做好UI设计,一定要多看多练,先借鉴,uimaker,再原创。还应该多培养自己的设计思维和逻辑思维。这就需要在设计前清楚的知道UI设计的所有流程。


UI设计一般工作流程为:定位与分析,用户研究,架构设计,原型设计,界面设计,可用性测试,修改和完善,共七个环节。

 

定位和分析

一款好的UI设计,首先必须要知道用户需求是什么。UI产品的主要功能就是帮助用户解决某个问题,所以,UI设计师应该学会从分析产品背景,并对当下市场、产品、技术方面进行比较全面客观的了解,去寻找问题作为自己的设计灵感。


图片来源:https://imindmap.com/how-to-mind-map/

【UI入门必读】一个完整的UI设计流程是怎样的?

 

用户研究

在设计UI之前,ps教程,都会做大量的调研工作,并在整个设计流程中贯穿这个用户调研。调研方法有很多,比如观察法、角色扮演、问卷调查、采访、焦点小组等。在充分的调研后,进行数据的总结和归纳,使用mindmap进行头脑风暴,确定自己的设计方向。


图片来源:https://www.wjx.cn/sample/service.aspx

【UI入门必读】一个完整的UI设计流程是怎样的?

 

架构设计

产品架构设计、功能设计、操作逻辑设计都是在架构设计阶段需要进行的。这个阶段中,描述模块之间关系的产品结构图和产品流程图是最重要的内容。


图片来源:https://www.uxdock.com/

【UI入门必读】一个完整的UI设计流程是怎样的?

 

原型设计

UI的原型设计绘制方法有很多,可以画手稿图,也可以用SketchAxure等软件进行设计,可以根据个人偏好来进行工具的选择。


图片来源:https://www.macbl.com/app/graphics-design

【UI入门必读】一个完整的UI设计流程是怎样的?

【UI入门必读】一个完整的UI设计流程是怎样的?

 

界面设计

到这一步才开始设计大家都熟知的各类图标的设计、色彩搭配等阶段。UI设计师会根据设计产品的属性和风格对图标和色调进行调节和修改,这个阶段会比较考验设计师的美学功力。可以通过阅读相关书籍或者参考一些出色UI设计师作品获取灵感。


图片链接:https://www.behance.net/gallery/64152793/Daily-AR-Concept-Design-APP

【UI入门必读】一个完整的UI设计流程是怎样的?

 

可用性测试

关于可用性测试,通常有三种方式:一对一用户测试、启发式评估以及焦点小组。测试的主要目的是为了通过观察使用过程中的流畅度来调整设计,让产品用起来更方便、易懂、易操作。


图片来源:https://www.uisdc.com/usability-heuristic-evaluation

【UI入门必读】一个完整的UI设计流程是怎样的?

 

修改和完善

最后的阶段就是针对于测试出来的问题,对产品进行修改完善。

 收藏