查看原文
其他

干货 | UI设计入门学习必看知识体系

微信530932259 罗锦 2020-01-05


经常在后台收小伙伴的留言询问UI设计该怎样学,于是有了今天这一篇文章,本文小编详细总结了UI设计需要掌握的基本概念,知识体系,岗位职责及发展规划,对于想要进入这个领域的伙伴,更像是一张地图,希望能够帮到你们。

随着移动互联网的迅猛发展,使得移动产品设计人员急缺。由于高薪酬,很多其他行业设计师转行做UI设计。


  • 那么到底什么是UI设计?

  • 做UI设计需要掌握哪些知识体系?

  • 如何去学习?

  • 今后如何做职业规划?


这些是很多新人常会遇到的问题!

针对这些问题,给大家一个比较全面的解释,希望能帮到新入行移动设计的人!



一、首先要分清几个术语



  • UI (User Interface):用户界面

  • IxD(Interaction Design):交互设计或互动设计

  • UE或UX (User Experience):用户体验

  • UED (User-Experience Design):用户体验设计

  • UCD (User-Centered Design):以用户为中心的设计

  • PM(Product Manager):产品经理

  • 视觉设计(Visual Design)


详细解释:


UI (User Interface):

即用户界面 。ui设计其实是个比较笼统的叫法,是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。


一个合格的UI设计师不仅要能设计出美观的界面,还要能最大限度提升用户操作的效率,通过色调影响用户的操作习惯,用颜色或图形明确产品功能/内容的主次和展示,降低用户的操作负担!


由此可见,想要做好ui设计,视觉设计知识和交互设计知识都是必须掌握的!


IxD(Interaction Design):

交互设计或互动设计。通俗来说就是设计软件和用户的互动方式,通过了解用户需求、目标,使用有效的互动方式让整个过程可用,并且要易用。再直白一点,就是解决软件如何使用。


UE或UX (User Experience):

用户体验。用户体验主要是来自用户和人机界面的交互过程。


它是指用户使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。


产品经理(Product Manager):

就是企业中专门负责产品管理的职位,产品经理负责调查并根据用户的需求,确定开发何种产品,选择何种技术、商业模式等。并推动相应产品的开发组织,Ta还要根据产品的生命周期,协调研发、营销、运营等,确定和组织实施相应的产品策略,以及其他一系列相关的产品管理活动。


视觉设计(Visual Design):

视觉设计也是个比较笼统的概念。是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。


在互联网领域的视觉设计师主要要具备以下能力:


  • 标志设计

  • 版式设计

  • 字体设计

  • 图形设计

  • 广告设计

  • 界面设计



二、产品研发团队的岗位组成及其职责



很多人可能会问为什么要说这个?不是要讲UI?


首先,任何产品都是由团队协作完成的。了解各个岗位的职责,有利于提高团队协作效率。也有利于了解自己需要掌握的知识技能。


研发团队由产品设计、技术开发两个方面的岗位组成。产品设计人员包括产品经理、交互设计师、视觉设计师;技术开发人员包括前端、服务端、数据端、测试等方面的工程师。

看到这,很多人就觉得比较坑爹了。怎么没有UI设计师?!!!


上面说的分工方式是比较标准的岗位分配模式,由于国内行业发展不完善抑或是用人成本问题。


在国内,很多公司里是没有单独的交互设计师岗位的。


一种情况是由产品经理直接负责,需求和交互设计都是产品经理一个人,然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。


另一种情况是,产品经理负责需求,UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。


当然,在有交互设计师岗位的公司里:


这些一般都是较大公司,一般设置UE岗位来负责交互设计和用户研究。产品经理和交互设计师都会考虑用户体验,所以产品经理有时也会参与到交互设计的环节,而且在产品需求设计的时候产品经理和交互设计师也有很多的工作重叠。


通过以上分析我们看出,产品经理和交互设计工作内容有重叠。交互设计和视觉设计工作内容也有重叠。


所以,一般做UI设计最好具备视觉设计和交互设计两个方面的知识体系。



三、需要具备的知识架构



1、视觉设计部分


首先,视觉设计不仅仅是做ICON,做界面或者界面元素。


很多人认为,如果去互联网公司做视觉方向ui设计,只会简单做图标、界面就OK。这是极其幼稚的想法。


一般公司如果花钱雇专职视觉设计师的话,那么整个公司的美术设计工作一般都会给视觉设计做。这就要求你几乎精通平面设计师所会的所有知识。

所以,如果你想今后在视觉领域混,那么以下几项技能必不可少:


  • 平面构成;

  • 色彩构成;

  • 版式设计;

  • 心理学;

  • 美术绘画;

  • 设计意识。


2、交互设计师应该具备的基本能力


  • 了解用户体验设计、可用性原则;

  • 信息挖掘、用户调研、数据分析;

  • 良好的逻辑能力;

  • 心理学;

  • 交互设计原则、不同平台的规范;

  • 产品视觉感;

  • 沟通能力。



四、设计职业规划



由于UI设计、交互设计、产品经理工作内容关联性比较强,而且有部分交集,很多UI设计师选择UI→交互设计→产品经理这个发展路线。


但是大家要明白,这3个岗位毕竟是3个不同的方向,每个方向需要的专业能力还是很大不同的。最终选择怎么发展还是要看自己的兴趣。


很多人认为产品经理工资高,想从ui转产品。这个也要看公司,一线公司UI设计师一般都15K+了,但小公司的的产品经理也就12K。只是行业分工不同,没有高低贵贱。

即使你只想做视觉设计,也不是没有发展的。国内一线修图师,一张图价格3K起。而普通修图师,一个月也挣不了这么多。


所以无论做视觉、交互、还是产品经理,一是要看自己适不适合;二是要看自己的兴趣。不要盲目跟风!



五、其他常见问题




1、视觉设计就是美工?



每当看到这句话,我的心里就像有1万头草泥马在狂奔!!!!!


不想当设计的美工不是好店长!!!


行业分工不同而已,行行出状元。努力做好自己的工作才是重点。


一般情况一个合格的设计师,如果在一线城市,工资不会低于9K。这要看能力,大部分人拉后腿,是因为自己根本不合格!所以即使你换个行业,不努力,照样不会改变现状!需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!


2、UI设计师需要会Axure么?


首先,你要明白交互设计不是Axure操作员。


交互设计不等于使用Axure设计原型中的交互界面!


大家要清醒认识Axure在产品设计中的位置!


交互设计的出发点在于研究人在和物交流(dialog)时候,人的心理模式和行为模式,并在此研究基础上,设计人工物的可提供的交互方式,来满足人对使用人工物的三个层次的需求(usefulness,usability,and emotionality)。从这个角度看来,交互设计是设计方法,而界面设计是交互设计的自然结果。


交互设计的步骤包括:


  • 用户调研

  • 概念设计

  • 创建用户模型

  • 创建界面流程

  • 开发原型并进行可用性测试

很显然,使用Axure设计快速原型,应该放在交互设计的整体工作结束后,也就是框架层设计时进行。


所以,Axure只是一个工具。在产品结构层设计的时候,最好的设计工具就是你的大脑和铅笔。


当你做一个产品的信息架构时,用铅笔画出的信息架构和界面流程草图会比软件做的更加直观、形象。

3、UI设计师需要会代码吗?


在小公司,还有就是传统的软件外包企业(如用友和软通动力),这样的公司往往需要UI设计会点XHTML+CSS。


但现在大部分互联网公司已经有专职的前端了,不需要会代码。


并且熟悉XHTML+CSS只需要2周左右,所以学不学看你自己定位!

4、产品经理和交互设计师的区别?


产品经理需要懂交互, 但交互设计师不等同于产品经理。


产品经理更侧重于用户需求开发。


交互设计师更了解用户行为习惯,了解用户体验。


学UI设计就业前景如何?

UI设计师是根据用户和需求,设计出是美观、有效、便捷、一目了然的界面,完成信息传递交互的工作。它是立足于:以人为本,从用户出发,以用户体验需求为基础的,UI设计师在目前平面设计类工作中前景十分优越,是公司企业产品抢占市场的核心竞争力之一。那么是什么原因让UI交互设计前景被如此看好呢


1需求强势 尚未发生改变



  1. UI是研究人机交互的学科,从目前应用领域来看,主要应用于软件、互联网、移动智能设备、游戏和虚拟现实影音方面,这些新兴的热门方向和活跃领域。手机、电脑等电子设备已经成为现代人生活的必需品,生活中的一举一动都可能体现出电子设备的重要性。

  2. UI界面作为现代电子设备中人机交互的重要手段,UI界面的设计随着电子设备在人们生活中地位的提高,也成为视觉设计中最为重要的分支之一和重要的新兴学科。UI产品的设计质量关联着一个电子产品的可用性与美观性。同时也体现出互联网时代中信息对人与社会的关系转变与社会发展的激化效应。

  3. 同时,高校尚未开设相应专业,造成人才缺口和社会需求巨大,尽管坊间传言UI设计师趋于饱和,但根据智联招聘的数据来看年末与年初的招聘旺季依旧有大量的企业需求,就算是招聘淡季也会有很多企业需要UI方面的专业人才。相比而言 “UI设计师”和“软件开发”依然是目前就业最好、薪资又高的两个职位,社会需求强势,这一点并没有改变。

  4. 目前国内众多IT名企(百度、腾迅、中国移动、联想、网易、微软、淘宝等)都已经成立了自己的UI设计部门。


2“互联网+”催生更大就业空间



  1. 总理在政府工作报告中提出了“互联网+”,“互联网转型”已势在必行!这将在全国范围内对互联网人才包括UI设计师创造新的巨大就业机会。  

  2. 就中国当前的企业环境,现在很多企业已经认识到在品牌视觉形象的管理方面的不足,也加大了在这方面的投入。

  3. 在中国设计的春天还没有到来,但是中国的未来不可限量,这一切世人有目共睹。在中国社会与企业对视觉价值的认知,必然将逐步走向成熟并且科学的轨道。

3“物联网”时代,一大波机遇来袭



       “物联网”新时代即将到来,新兴的智能产品必将层出不穷,如:智能电视、智能手表、智能汽车、智能家居、智能城市...这些都是尚待开发的处女地,对用户体验和UI设计有着巨大的需求,也将为UI交互设计的就业带来前所未有的人生机遇,UI设计的社会需求不仅不会短期内饱和,还会持续性放大。


4目前UI设计师的收入现处于高等水平



  • 初级设计水平月薪在8000~9000元;


  • 中级水平设计师的收入可上升至10000~12000元;


  • 有三到四年以上UI设计经验、作品质量高且具有大项目经验的UI设计师的月薪可达13000~15000元;


  • 如果晋升到设计总监管理层,薪资待遇则可达20000元以上。


业内人士预言:UI设计将越来越有前景,因为企业将在用户交互方面拉开群雄逐鹿的态势争抢用户。

现今,用户的交互体验已经被认为是电子产品间继程序、功能之外的下一个竞争点,而这一点恰恰是UI设计师的工作职责。除发展趋势外,单从薪资方面我们也可以看出UI设计将越来越有“钱”景。


UI设计师“钱”景这么好,还不加快脚步赶紧入行?

精彩回顾: 

零基础学习UI,如何4个月入职互联网公司?

为什么要选择下班后努力学习? 

没有天赋能做设计吗?

往期回顾:

平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)

什么样的人适合学习UI设计?(转行必看)

UI设计课程一览表

零基础如何自学平面设计,需要学些什么?

平面设计课程介绍(最新版课程)

CDR广告设计课程介绍(最新版课程)

UI设计学习指南

新手学习Photoshop的七大戒律

给给初学Photoshop朋友的24条建议

菜鸟学习UI设计正确步骤,菜鸟看少走2年弯路!

UI真的很火,但入行前你需要了解这些!

为什么说UI设计师工资是设计界最高的?

UI设计学习技巧之学习方法

UI设计正式学员作品欣赏

学习UI设计,就从这里开始!

如何才能正确学习好UI设计

UI设计为什么很多人都想学?

如何学习ui设计 学习ui有哪些学习技巧

谈谈UI设计学习的方法

怎么让你快速学习UI设计!

如何4个月内成为月薪过万UI设计师

新手如何打破传统高效学习UI设计?

UI设计小白怎样学习才能快速入门?

学习UI设计的小技巧

UI设计学习不可不知的十大知识点,你都造吗?

2017年转行UI设计还有没有前途!

UI 是什么?UI 设计需要学习什么理论知识?

UI设计新手学习方法—如何勤奋、如何思考

学习UI设计,百度设计师推荐UI设计学习方法!

零基础UI设计学习方法

如何4个月内成为月薪过万UI设计师

正确的UI设计学习流程是怎样的?

UI设计学习大纲

学习Ui设计到底需要什么基础?

UI设计都学什么?怎么学最有效?

UI设计初学者如何避免走弯路?

学习UI设计到底需不需要基础?

为什么自学UI设计的人95%都学不会?

设计入门之UI设计学习路径

ui设计学习难吗?要从哪些方面入手

UI设计学习方法(腾讯UI设计师教你咋看,咋想,咋做)

怎么让你快速学习UI设计!

UI设计全程学习方法讲解(零基础必看)

什么是UI设计?

UI设计为什么那么火呢

你总说自学UI设计,为何总是半途而废

UI设计更适合哪些人学习呢?

什么是ui设计?都需要学什么?

UI发展前景好,那光靠努力就可以学会UI了吗?

UI设计分几种类型,小白应该怎么学习?

UI设计学习的方式

0基础学习UI设计必须做好的4个准备!

全面解析UI设计行业!适合在这个行业或者即将进入这个行业的你

想系统的学习UI设计,有哪些关于UI的书籍推荐

为什么ui设计薪资这么高?

什么样的人适合学习UI设计?(转行必看)

零基础如何学习UI 设计?

零基础学习UI设计要注意什么?

UI设计的未来发展如何?(还会一直火下去吗)

成绩差、学历低、年纪大的人能不能学习UI设计?

醒醒吧,月入3000的年轻人,你已经没救了

UI设计这个行业真的很缺人吗?市场饱和了吗?

因为你没有依靠,所以你必须强大

埋头苦学就会快速超神吗?

新手入门,UI到底是什么?不要只练图标哦~

没有天赋能做设计吗?

零基础学习UI,如何4个月入职互联网公司?

月薪过万的UI设计行业分别有哪些?

揭秘设计师是自由职业好还是全职工作好?

为什么要选择下班后努力学习?

UI设计0基础学习指南

月薪过万的设计师都是怎样提高审美的?

作为一名女设计师的未来之路在哪里?(深度分析)

找高薪UI工作,需要这种操作

设计师这份岗位是否能够让你做一辈子?

学习UI设计需要注意什么?

UI设计VIP学员是如何学习的---( 为什么4个月就可以学会 )

你不是想系统学习UI设计?机会来了,你上车了吗?

UI设计学习指南(让你少走弯路,新手必看)!

经验分享|UI 设计入门和进阶学习攻略

《猎场》:做为一名设计师职场逆袭的3个必备素质

学习UI设计还有前途吗?

怎样才能成为一个合格的UI设计师?

UI设计零基础如何自学,关于培训班该如何选择?

想转行做UI ,不知道是自学还是报培训班学好?

为什么自学UI设计的人95%都学不会?

UI设计全新开班,现限量开放20个免费体验名额!

UI设计学习软件推荐(最新版本)

“UI设计师需要会画插画吗?”看了这个,你就不会再问了

UI到底是什么?我适合学UI吗?我是自学还是报班?

非科班转行想做UI,但画画拼不过美术设计专业的人,做UI会不会饿死?

工资3500元左右的,2018年就等着吧

UI是什么?怎么学?有几种方式?

这段话太狠了,直指人心!

2017年设计行业哪个薪资待遇最高?

设计是个可以坚持一生的职业吗?

如何成为月薪过万的UI设计师?怎么学习?

UI设计行业就业前景

明年不管你是做什么行业的,都要看看这篇文章

UI设计适合女生学吗?会不会很难?

关于学UI设计的五大问题

记住!提升自己,比什么都重要!(深度好文)

UI设计师如何从里到外提升自己的价值?

PS教程:用PS快速打造完美身材

(责任编辑:钟小英)

赞赏作者

罗锦

微博:罗锦V

扫一扫,每天学点设计

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点设计·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存