ui设计师需要学习什么?2018年ui设计师的职业发展规划

原创 2018年04月17日 15:10:37

对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及想学UI到底要如何避免走弯路,快速的学成。

问题一:UI设计是做什么的,需要学什么?

1、UI设计是做什么的?

UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。

我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也要懂点交互设计和产品方面的知识,即懂用户体验设计(User experience),国内称UE,国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。

出于成本考虑,有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计,如:海报、宣传册、LOGO等。所以,UI设计师如果会平面设计或手绘则是加分项,但不是必须项,不会也不用担心。

2、UI设计需要学什么?

需要学习的内容主要包括工具软件的使用和设计思维的培养。

【工具软件】

主要使用PS、Sketch、Ai,辅助使用Axure、AE等软件。关于软件的使用方法,可以网上找一些相关图文或视频教程来学习,最好是[基础实例教程],像30天学会photoshop、50天学会maya等这类教程就不用看了,因为纯软件技法教程没有太大意义,一定要结合基础实例分析。

【设计思维】

如果将做设计比作成练武功,设计技法是拳脚招式,设计思维就是内功心法了。优秀的设计都有其内功心法作为支撑,那内功怎么修炼呢?看书!给大家推荐三类书~

《设计心理学》---购书戳原文链接

第一类,基础入门级的,设计师人人都会读。例如《设计中的设计》《设计心理学》《简约至上》《Don’t Make Me Think》。如果你没有读过,也可以当作知识普及来读。

第二类,排版类。例如《版式设计》《设计元素》《版式设计原理》《西文字体》。设计的呈现最终还是落脚到每个页面,每个点,每根线。排版的能力还是需要大家好好学习的。

第三类:心理学方面的。例如《游戏改变世界》《无价》《乌合之众》等。关于人性/认知/激励/动机/群体这些心理学知识也会对设计有所帮助。

问题二:零基础想学UI设计,是自学好还是报班好?

首先明确一点,无论是自学还是报班,都有其好处和不足的地方。下面我给大家做一下简单分析,供大家参考和选择。

1、关于自学

自学的好处:

(1)可以锻炼主动学习的习惯和自学能力,学习时间长短、进度、难易度可自主把控;

(2)自学可以节省高额的学费、交通费、生活费等很多的费用开销,减轻经济压力。

自学的不足:

(1)人际方面闭塞,缺少与人交流沟通的机会,学习中遇到的困难可能需要花费很长的时间才能解决,甚至无法有效的解决;

(2)很难系统的学习UI设计的知识体系和经验技巧,容易走很多弯路。

2、关于报班

报班的好处:

(1)跟着老师的课程,会系统的学到UI知识体系,循序渐进、由浅入深地掌握UI设计;

(2)遇到问题可以及时请教老师或同学,避免自己走弯路;

(3)课后作业能锻炼动手能力,虚拟项目能锻炼自己与他人沟通合作的能力。

报班的不足:

1、一般需要支付高昂的学费(过万的学费已经很普遍了),需要一定的经济基础,如果有可以分期学费或者先学后付费的,相对好一些;

2、需要多方面筛选靠谱的培训机构,部分培训班将盈利看得比教育本身重的多,教学质量却不尽人意。尽量选择品牌大的机构,信用度有保障。

问题三:UI初学者如何有效学习?

此类问题初学者问的比较多,锤子科技设计总监罗子雄给的建议有三:

1、多看

为了提高审美,你需要大量去看别人优秀的APP或网页作品,在Dribbble、Behance、Pinterest等设计网站你可以很容易的找到大量优秀的作品。

除了UI设计外,平面、摄影、3D、手绘等全球顶级的作品也都可以看到,找到并收藏它们。一段时间后,回顾这些作品,如果发现三个月前收藏的作品很low,恭喜,说明你的审美提高了!

2、多做

当你看过很多优秀的作品后,你可能还是不会设计,所以接下来你要做的就是不断的练习,第一阶段就是临摹。

给大家推荐几款比较有设计感的APP供临摹练习:《犀牛故事》、《Light》、《想去》,这几款APP设计都比较简洁清新,初学者比较容易上手。同时,可以尝试去学习一些设计规范,例如《iOS人机交互指南》,它是从事UI设计工作者需要掌握的内容,建议仔细读一读。

临摹几套作品过后,可以进入第二阶段——Redesign。你可以redesign一个自己版本的iOS系统界面,或者重新设计一个微信 ,加入自己的想法和理念。如果你喜欢玩《阴阳师》,你可以设计个自己版本的阴阳师界面,甚至把里面的角色换掉都可以。

学习过程中如果遇到自己解决不了的问题,多百度或google,如果是一个大问题,可以把它拆分成若干小问题,逐个解决掉就好。

3、多想

在看和做的过程中,设计技法只是学习UI的一小部分,更多的是要去理解设计背后的思路和原理。比如,这个产品为什么定义蓝色为主色?为什么要放大和加粗那个数字?整个页面的结构和布局是怎样的?设计的目标有哪些?等等。

不断去思考,不停去问自己为什么,只有这样,才能在今后的工作和创作过程中,使设计有理有据,经得起别人的推敲,显得自己更专业,从而获得认可和尊重,更好地使用设计去解决问题。

关于刚踏入业界需要准备什么、或是想转换跑道需要具备哪些技能,选择 UI/UX 这条路就是要有包山包海的心理准备。大致上我会把它划分成四大类,理论、实践、技术、品味。这四类缺一不可。

理论

从专有名词释义、XX 定律、OO 概论等等都算在这个范围。站在巨人肩上才看得远,大量的理论是踏入业界最扎实的基础。你想研究一门学问、却连最基本的专有名词都不明白是什么意思,学习到的也会是种模糊不定的概念。起码也要知道 UI 和 UX 的不同、了解 Interface Design 和 Interaction Design 的差异。使用准确的词句可以减少沟通落差,UI/UX 经常需要和 RD 合作,RD 需要明确肯定的指令,使用模糊的形容只会让俩人共识越离越远…

ex:Functional Map、Wireframe、Mockup、Prototype…

ex:费兹定律、十大易用性原则、色彩学、字学、符号学…

实践

当你了解理论,就要学习如何运用。拿学习英文来比喻,就是背了很多单字和句子后遇到外国人问路却傻在当场讲不出半句话。出了社会之后、阅读大量文件不再是有背就有分,要懂得活用。学着如何将理论变成可实际使用的方式绝对比大量阅读难度更高。

举个例子:色彩心理学是 UI 设计师的必修课,大家都知道红色代表热情、白色给人纯洁的印象,但真正要着手设计网页时就会愣住了。大标题、小标题、内文、底色、侧边栏、选单、表单…等等都需要搭配色彩,总不能整个网页通通用红色…过年卖春联红包啊?如何把理论转成可实践的方式绝对是个难题。

技术

这边的技术指的是如何把“实践”具现化、让一般大众都能明白你想传达什么。

比如软件操作。Xmind 适合制作 Functional Map、UI Flow;Balsamiq、Axure 能快速画出 Wireframe;Photoshop、Sketch 可以帮助完成精致的稿件;Mark Man 能让 UI 和 RD 对最终产出有共识…等等,没有什么工具是好或坏、只有适不适合自己。高手给他小画家都能生出蒙纳丽莎,但有更好用方便的工具时为什么要选择小画家硬上?

素描水彩也是 UI 设计师的必修课,训练观察和表达的能力。不过手绘大约是到了一定阶段遇到瓶颈、需要更进一步再去加强的能力,通常是卡在就连奇技淫巧偷吃步也没办法无法明确将内心所想的表达出来(眼高手低)时。

BUT!英文比手绘能力重要,它是第一阶段“理论”的基础。(遮脸)

品味

技术可以靠练习磨练,品味这件事就跟内力一样、只能靠时间去累积。有个快速的方法:建立一个图库,逼自己每天抓“喜欢的、很炫、期许自己也画得出来”的 20 张图、依图片性质分类。

ex:Desktop icon、Mobile Web、iphone list 等等,每半年就整个图库大翻新。寻找、分类的过程中就会慢慢提升品味,这完全急不来。就和研究穿衣打扮一样,不多看杂志或穿搭教学、也没办法有“潮”感。

结论

以上是主要 4 大方向,接下来就是针对某读者的问题回答了。“如果之后想进入相关业界,这一年期间我该怎么准备呢?作品集方面要怎么下手?有甚么资料我要开始着手准备呢?”

我个人是实战派的,能循序渐进垫基础当然最好,但非本科生白天又需要上班的情况下,基于台湾大环境的考量,“技术”会是你第一优先需要提升的。如果你有一年的时间,那就全部投在 Photoshop 上。

买一支 iPhone 或 Android手机,逼自己一天至少下载 3 个介面漂亮的 APP 玩玩看,想想为什么会觉得这个 APP 很炫或是很好用。(练品味和培养操作惯性)

作品集部份,Dribbble 上高手非常多,找喜欢的作品从 0 开始用自己的方式“临摹”,自己找图找素材想文案。或是 app store 每周更新的漂亮 Banner 也可以,一周画一个,一年就 52 个了非常丰富。PSD+上有很多教学,挑有兴趣的跟着做,不只学到新思路和技巧,而且又多一件作品了。(作品集上记得注明临摹或仿作。)

分配上大约就是 10% 理论、10% 实践、70% 技术、10% 品味…基本设计业界都是看作品集,作品集一翻实力立见真章。这种方式只能应急,只能帮你找到个“是 UI ”的工作,之后该看的文件该垫的理论基础还是要想办法补回来,不然开始工作后会很辛苦。

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

各位兄弟姐妹,想学ui设计的话就来湖南卓越新腾

微信公众号:fcjyzyxt

h5开发

转陈如水的http://blog.csdn.net/chenrushui/article/details/51252918 1.HTML5应用的特点: 优点 跨平台(ios和安卓都能用同...
  • lftaoyuan
  • lftaoyuan
  • 2016-08-25 14:16:36
  • 502

移动端H5页面的设计稿尺寸

当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的。如果是app设计师,就不会那么纠结啦。延伸阅读:2015年度最值得...
  • KurryGo
  • KurryGo
  • 2016-12-18 23:18:07
  • 572

UI设计师未来的4个发展方向

经过我们团队的追踪、调研与分析,栗子预言未来的UI一定会朝着4个方向发展,小伙伴们赶紧找一条路走起来吧! 1,运营UI 需要具备的能力:创意,策划,手绘,文案,英文,提案表述(需求程度按照排名顺序...
  • vanessary2016
  • vanessary2016
  • 2016-03-17 18:32:34
  • 6856

html5移动端需要用的js代码

判断是否为移动端运行环境 // 判断是否为移动端运行环境 var mob = ''; if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ...
  • bacaibangzi
  • bacaibangzi
  • 2016-11-03 10:05:35
  • 429

经验分享!移动端设计开发流程(附神器推荐)

@我爱静电 和pc端网站的设计和开发相比,移动客户端的开发工作,对绝大多数人来说,绝对是一个崭新的行当。 那么当我们每天在iphone上,在各种安卓在各种pad上习以为常的刷着微博看着网文切着西瓜找着...
  • gebitan505
  • gebitan505
  • 2014-09-18 14:01:15
  • 1676

UI设计学习路线图

UI设计学习路线图。
  • qq_35952082
  • qq_35952082
  • 2017-03-04 15:44:18
  • 419

优秀的UI/UX设计师需要具备哪些技能?

设计可以是一款产品,一个网站,也可以是一个品牌门面。因此,无论在任何时代及领域,设计师似乎都是不可或缺的存在。而随着互联网时代的到来,企业对设计师们对要求已发生改变,从传统的平面设计也衍生出更多的职位...
  • jongde1
  • jongde1
  • 2016-12-24 18:36:09
  • 1292

写给想成为前端工程师的同学们

本文转载自:https://www.h5jun.com/post/to-be-a-good-frontend-engineer.html前端工程师是做什么的?前端工程师是互联网时代软件产品研发中不可缺...
  • yisuowushinian
  • yisuowushinian
  • 2016-05-14 23:05:52
  • 12643

教你一招让你高效搞定高品质的H5交互动画

一般在H5开发流程中,都是交互动画设计师利用Animate cc(即原来的Flash)把动画的原型设计出来,然后交付给UI部门进行开发实现效果。而做过动画开发的UI都知道搞动画开发是较为耗时费力的,而...
  • yylurex
  • yylurex
  • 2017-05-08 15:58:12
  • 3249
收藏助手
不良信息举报
您举报文章:ui设计师需要学习什么?2018年ui设计师的职业发展规划
举报原因:
原因补充:

(最多只允许输入30个字)