(1)什么是UI?
UI是User Interface(用户界面)的简称;而UI设计则是指对软件的人机交互,操作逻辑,界面美观的整体设计。
(2)UI设计师的工作内容?
UI设计师的工作属于一个配合型的工种;常规普便认为是:图标,界面。但实际还包括:项目立案,功能评审,功能设计,产品会议,功能框架,产品设计,开发设计评审,产品研发,交互设计,视觉设计,设计评审,素材切图,开发跟进,测试调整和运营推广的过程。
UI设计师不仅仅设计界面和图标,还需要包含很多的内容:标志/logo,版式,色彩,字体,图形,图标,广告/banner,海报,插画,动画,专题页等等。
(3)一个项目的工作流程:
一个项目的整个工作流程,如下图:蓝色的部分是从产品的立意,主要是目的是赚钱;橘黄色部分是用户体验的,保证产品的好用;绿色部分的角色意义保证的是执行最终落地实现的,开发成本,执行效率等;紫色部分是保证引入流量,进行推广的。

(1)从研究到概念Demo阶段:

(2)产品的发起方向:产品经理(PM)给到需求文档(PRD:一个个的工作列表,工作清单等)到交互设计师;

(3)交互设计师将需求文档转换为产品原型,产品原型一般包括产品线框图,产品交互说明,低保真可交互原型,可以点击实现的原型等;提交给视觉设计师;

(4)视觉设计师根据原型图设计设计稿,最终的界面实现效果,切图,标注交给前端后台开发;

(5)前端后台开发完成之后,交给后台测试走查;

整个项目中各个角色的作用
(1)产品经理(PM):是一个项目的核心,负责规划产品方向,市场定位,产品功能,上线时间,产品利益等核心的价值;一般起到发起和协调的作用。负责整合资源和规划项目。
(2)用户研究员(UER):做用户调研的专业人员,负责产品的使用人群的需求分析,分析产品的易用性和可用性,以及用户的使用行为分析,使用问题反馈等。(一般小公司不会设置UER这个职位)。
(3)用户体验设计师(UE):负责产品的整个设计体验;关注用户使用前,使用中和使用后的整体感受。包括了行为,情感,成就等各个方面,是个整体的使用感受,让用户用着爽。在国内称为UE,国外称为UX。
(4)视觉设计师(UI): 设计界面,完成界面美化工作。
(5)研发工程师(RD):产品实现人员,包含前端和后台人员;前端人员在移动开发领域分为ios开发和安卓开发,与UI接触最多的职位之一。
(6)运营(OP):是一项从内容建设,用户维护,活动策划3个层面来管理产品内容和用户的职业。即负责产品的优化和推广。
(7)运营UI设计师:市场里被叫做高级视觉设计师。需要负责产品的短时间曝光,抓人眼球。
(8)测试(QA):负责产品的错误排查,多平台的适配,兼容性等问题;是产品的保险类职位,一般只存在于比较成熟的公司中。
测试分为黑盒测试和白盒测试:
(1)黑盒测试:主要测试功能,测数据;
(2)白盒测试:测试产品的代码,产品代码的稳定性,产品代码是不是存在问题以及提出解决方案;
前端和后台的工作范围:
前端:负责网页的页面,用户可见的,包含控件布局,色调,字体,控件,响应等等;
后台:看不见的在服务器上实现的,做底层的框架结构的;用来管理网站的,一般叫做网站管理后台;比如:发表文章,查看数据等等。
简单来说,手机不连接网络,操作的所有东西都是前端设计的;但是如:上传数据或者发布朋友圈等,就需要后台的协助;
HTML5和H5:
HTML5:万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言的第五次重大修改, 是超文本链接的第五代语言;

H5: 在中国是一般在微信中的广告海报的链接;其实是用HTML4语言写的(微信中用于传播的广告);

网友评论