UI交互设计需要学什么呢?
UI交互设计到底到底是什么?我们常常听说UI设计,交互设计,那UI交互设计又是什么呢?难道是两者的结合?作为一名初入设计行业的或者对设计有一定热忱的人来说,搞清不同设计术语的定义真的非常头疼。我们今天将对三者进行多方面对比,为各位萌新小白扫扫盲!
三者关系图:
从上图来看,似乎UI交互设计还真是UI设计和交互设计的结合。不过具体区别如何,还是让我们来看看三者的对比吧!
1. UI交互设计vs UI设计vs交互设计对比 之 概念
UI设计
UI设计或称界面设计(英文UserInterface Design, 缩写为UID),它是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要分为实体UI和虚拟UI两种,互联网行业常见的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
交互设计
交互设计(英文Interaction Design, 缩写IXD),它主要指的是两个或多个个体之间交流和互动方式的设计,以达成某种设计产品的目的。交互设计的目标一般从“可用性”和”用户体验“两个层面出发,以帮助解决用户需求。
UI交互设计
从多方查找资料发现,UI交互设计这个术语是非常模糊的。从广义上来说,UI设计是可以包含交互设计的,在这样的情况下。简单来说,把交互设计的理念体现在UI界面上,就是UI交互设计。
从设计重心方面来看,UI设计的重心是色彩和视觉,以界面美观设计为主,主要考虑产品看起来怎么样。而交互设计则是以用户为中心进行人机互动部分的设计,主要考虑产品用起来怎么样。而UI交互设计则需要兼顾UI与交互两个方面进行设计,将交互的理念体现在UI界面上。
2. UI交互设计vs UI设计vs交互设计对比 之 工作人群
UI设计相关人群:
UI设计师,界面设计师,网页设计师。
交互设计相关人群:
UX设计师,交互设计师,UE设计师,产品经理,网页设计师,产品经理。
UI交互设计相关人群:
UI设计师,界面设计师,交互设计师,网页设计师,UX设计师,产品经理。
从相关的工作人群来看,不同的设计工作类型,涉及的人群也尽不相同。UI设计的相关人群主要是工作中包涵该部分的人,除了专业的UI设计师,界面设计师,网页设计师等也是它的工作人群。而交互设计涉及的人群更广,交互设计师、UX设计师自然不在话下。另外,需要表达设计想法的产品经理运营人员也是其中一员。最后,UI交互设计所涉及的范围比两者稍广,包含了UI设计人群和大部分交互设计人群。
3. UI交互设计vs UI设计vs交互设计对比 之 例子
UI设计案例:
如上图所示,UI设计主要在于通过对用户界面的色彩,布局,文字排版等方面进行设计,以保证整体界面的美观。
UI交互设计案例:
我们这边选取一个简单的UI交互作为案例,这个交互的效果是通过点击UI界面中按钮出现不同的图片。这种将交互体现在UI界面上的设计,就是UI交互设计。UI交互设计包含了各式各样的交互效果,如下列刷新、进度条、图片轮播等
交互设计案例:
而这种以人机互动为目的,注重用户体验的设计则称为交互设计。
从以上的案例不难看出,UI设计主要以界面美观为主,以静态的方式呈现居多(也有以动图动画形进行呈现)。交互方式是静态的。UI交互设计是在UI的基础上进行交互设计,以偏动态的形式存在。交互设计则以用户体验为主,以动态的形式存在。
4. UI交互设计vs UI设计vs交互设计对比 之 工具
UI设计工具:
PS(Photoshop):适用于界面设计,图标设计,手绘等。
AI (Illustration):适合创建徽标、图标、草图、排版和其他矢量图。
Sketch:适合图标、界面设计,支持多文件分层,切片等插件。
交互设计工具
Axure:老牌原型设计工具,适用于制作中高保真交互原型。
Mockplus:适合创建快速交互原型,简单高效,同时支持团队协作。
摹客:适合一键切图,生成智能标注,生成图层代码,交互演示,设计协作。
UI交互设计工具:
从使用的工具来看,UI设计主要以图形、图标、界面设计工具为主。交互设计主要以原型设计,交互设计工具为主。而UI交互设计则需要囊括前两者使用的所有工具。
在UI交互设计中,首先需要使用PS等工具完成保证视觉效果的设计稿,再使用摹客等交互工具为设计稿添加交互效果,转为高保真原型。
如果想要节省切换工具的时间,也可以直接使用摹客平台完成UI交互设计。在融入了在线原型设计后,摹客也为用户带来了超强的设计生产力,完成了“设计+协作”的一站式云平台搭建。可以帮助设计师高效完成全流程的UI交互设计。
包括掌握Photoshop、Axure、Illustrator、sketch、蓝湖等常用软件。另外,制作原型,界面,图标制作,素材制作,切图等等相关步骤的软件都需学会。
软件是是设计师的基础,新手刚入门可以先从这点入手。娴熟的技法,是完美展现设计作品的必备条件,要熟练掌握好。
2、临摹作品
对于刚入门的UI设计师来说只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。
临摹的内容,可以有两方面选择:一种是系统自带的图标,另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识
3、掌握平面设计理论知识
包括要掌握构图、排版、色彩和图形的基础理论知识。学习的途径毋庸置疑我们首选从书本获得!
4、锻炼手绘能力。
成为一个优秀的UI设计师需要一定的手绘能力,为什么?首先,在纸上的动手能力比在软件上完成较快速,效率有一定提升。
另一方面,通过手绘,能突出自己创作的与众不同,甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心,这些后天可以勤加练习弥补的。
一、平面设计
平面设计分为两个阶段,在第一阶段视觉设计基础中会学习UI行业概述与课程介绍、PS软件入门与PS基础抠图、钢笔抠图、钢笔绘图、扁平图标与写实图标绘制、画笔工具制作噪点插画、PS高级抠图与人物精修、蒙版、调色、滤镜、商业海报制作、AI软件入门与基础工具操作、AI绘图功能基本操作、制作矢量元素与图标、AI画笔工具/颜色、混合工具/文字/段落工具/符号工具制作立体效果海报、AI的3D效果与偏移路径效果制作综合海报、AI综合使用及提升等课程。
第二阶段品牌运营视觉设计中会学到现代素描与光影、手绘ICON、手绘商业插画与创意设计、图形形态创意与插画角色设计、插画实战项目解析与应用、字体设计、品牌概念认知、品牌LOGO创意、品牌形象设计及应用延展、品牌宣传物料设计、线上品牌宣传设计、项目整合与答辩等。
二、网页设计
网页设计课程也分为两个阶段,在第一阶段中会学到行业概述与学前准备、Photoshop图像处理软件、illustrator矢量图形处理软件、CINEMA 4D 三维立体软件、矢量插画绘制等课程。在第二阶段中会学习网站概述、网页设计与制作介绍、电商设计与店铺装修、web界面—专题设计、web网站布局与专题制作、企业网站设计与制作、后台系统设计、WAP网站设计、H5新媒体运营设计。
三、电商设计
电商设计课程则包含电商概论、产品拍摄技巧与后期精修、C4D三维场景与PS高级合成海报打造、打造高点击主图、产品详情页设计之提炼卖点、高品质视觉营销店铺首页、大促营销策划与专题页面视觉呈现、推广图引爆流量、项目整合与答辩等。
四、UI交互设计
UI交互设计课程也有两个阶段,在第一阶段产品交互UI设计中,要学习Sketch软件实操、项目全流程介绍、项目产品认知、交互设计入门、交互设计方法、PC端与移动端项目交互原型图、项目原型设计答辩、PC及移动端界面设计流行趋势、ICON图标设计、PC端设计规范及界面设计、移动端设计规范及界面设计、切图标注、高保真交互、整套项目答辩、电视、小程序、项目整合与答辩等课程。
第二阶段UI项目实战进阶中,则要学习设计师职业发展管理与项目思维复盘、作品品牌思维的要点、数据思维指导营销设计、
以上就是咱们优就业这边需要学习的内容了,
2.具备较强的网页美术设计能力和很深的美术功底,极好地把握视觉色彩与网站布局;
3.较强的分析问题和解决问题的能力;细致的观察能力,较强的创造力;对产品流程、用户操作流程及
用户使用习惯有深入理解,掌握用户研究、可用性测试和评估技能,有很强的交互和视觉创新能力;
4.熟悉HTML,XML,DIV,CSS,熟练运用DIV+CSS制作网页,能够手写代码者优先。
关系:交互设计师主要是研究用户需求和界面的关系,并且根据这种关系,对产品的功能和界面交互模块进行设计和规划。例如要做一个网站,交互设计师主要考虑的问题是,这个网站的目标人群是谁,满足他们的什么需求,目标用户有什么样的操作习惯。根据分析相关的需求调研数据,交互设计师会建立一个或者几个用户模型,然后分析这些用户的使用习惯,建立网站的设计原型,这个原型可以是普通的相框稿,也有可能是一个高保真模型,但是并不需要设计元素细节和具体的视觉效果。一般来说,交互设计师的工作内容就到此为止了。
UI设计师,顾名思义,会更侧重用户界面的设计,前面那些用户模型、需求分析什么的,UI设计师一般不用参与,等交互设计师把这些工作都搞定了,完成了一个设计原型之后,UI设计师再对页面的细节进行设计和优化,所以UI设计师的工作会根偏向视觉一些。
不过这两个工作的交叉点还是很多的,如果做交互的有UI设计的经历,那么做产品原型的时候就会更加规范和美观,如果做UI设计的有交互设计的经历,那么在进行具体设计的时候就会更加关注用户需求和用户体验,所以有的公司招交互设计师,要负责UI方面的工作,有的招UI,却要有交互的从业背景~~
第二阶段为设计工具与品牌形象设计课程,包括PS软件基础设计、PS软件进阶设计、AI软件基础与logo设计和 Vis企业形象手册设计;
第三阶段为Web与运营设计课程,包括Banner运营设计表现、C4D轻三维设计表现、网页设计流程与规范和网页设计项目实训课程;
第四阶段为网页静态布局课程,包括HTML网页重构与页面美化;
第五阶段为移动端全流程设计,包括图标icon设计与主题表, UE、UX用户体验与交互原型,iOS&Android设计规范,移动端界面设计项目实训,智能可穿戴设备项目实训,交互动效表现设计课程以及H5页面推广设计与发布;
第六阶段为作品润色与整理,包括平面作品与作品集整理、作品集展示与表现课程和作品与简历指导。