南京汇众教育

中国数字娱乐职业教育卓越品牌

学校课程咨询服务:
400-882-5311
培训世界 >南京汇众教育 >新闻中心 >UI设计的流程

UI设计的流程

2020-03-26 14:21:28来源: 南京汇众教育
UI设计的流程
导读:

作为一个专业UI设计师,不仅仅要了解整个产品在UI界面设计,交互设计中的工作流程,更需要了解整个产品从需求提出到产品上线的整个工作流程.那么下面就有小编来为大家解疑答惑吧,希望对大家有用.

文章详情
UI设计的流程
作为一个专业UI设计师,不仅仅要了解整个产品在UI界面设计,交互设计中的工作流程,更需要了解整个产品从需求提出到产品上线的整个工作流程.那么下面就有小编来为大家解疑答惑吧,希望对大家有用.


需求梳理、分析
  发生在产品开发前,以APP产品为例,会对市场和用户进行调研分析:市场定位(用户定位、产品定位、技术定位),市场需求分析(目标客户群分析、竞争对手分析)。在前期的产品需求分析会议中,UI设计、技术工程师都会参与。此过程UI设计师了解清晰的用户定位,产品定位,竞争对手分析,为后期的素材收集和风格把控做准备。
  在这个过程中会根据提炼的真实用户需求来确定产品需求,产品经理将根据沟通中的相关资料的word、ppt、jpg等等东西翻译成逻辑语言,最简单的就是产出一张产品功能脑图或者一份功能列表。
关键界面线框图
  初步产品功能需求梳理清楚之后,产品经理持续跟进,反复沟通,在确定的用户流程中,选出几个关键的,有代表性的步骤,做1:1细化线框图。此环节要确定关键界面里的UI元素和布局,以及全局的布局排版风格。
关键界面视觉设计
  此环节UI设计师会做关键界面的整体视觉设计,尝试不同风格、颜色的搭配,UI元素的运用,最终确定产品的视觉设计风格。
全部界面线框图
  产品经理完成1:1带交互和流程的全部界面线框图设计并确认。
  界面线框图(为交互功能添加释义和说明。)
全部界面视觉设计
  UI设计师输出全部界面的视觉设计图,并确认。
界面标注、切图
  1、在确认全部界面视觉稿以后,首先对每个界面进行标注,标注图移交前端工程师。
  2、界面切图,移交前端工程师
  至此,UI的工作流程才算完成,但是现实项目中,很多环节是一个交替迭代的过程,需要不停的修改和优化,包括整个流程进入到开发以后,也会需要UI设计师协同调整,所以UI设计师的工作,不单单是只完成单纯的界面视觉设计,前面包括用户定位,线框绘制,流程梳理,交互实现,后面包括前端布局,很多环节,UI设计师都必须参与进来,只有多角度的了解项目,了解各岗位的工作流程,才能做出符合市场需求,符合用户需求的产品。


南京汇众教育

南京汇众教育始终坚守数字娱乐职业教育主航道,下设游戏学院,动漫学院,数字影视学院,UED学院,VR/AR学院五大学院,是目前遍布全国的数字娱乐人才培养基地.

展开更多

咨询热线:400-882-5311

1