如何自学UI设计?
优质UI设计自学教程、经验分享。
写在前面
以下分享的学习资源,能让你一站式快速入门UI设计,以后再也不用到处去找UI设计教程了。通过这些教程的学习,至少能够让你达到初级UI设计师的水准。以下学习资源,非常适合预算较少、但想要系统自学UI设计、获得高质量学习体验的同学。
我在学习平面、UI设计过程中,是没有参加过那种几万块钱的培训的,因为我深刻知道,当你在网络上获取到体系化的UI教程时,通过这些教程来自学,和参加UI设计培训班来学习,其本质上并无区别,都是时间投入越多,才会收获更多,因为学习本身是没有捷径的!
另外,我个人也是十分赞同自学UI设计的,但UI初学者可能比较迷茫的是:学习UI设计到底该学些什么?简单来说:UI设计的知识体系中包括:行业认知、软件技法、设计思维(交互设计、设计规范、图标设计、界面设计、动效设计)、项目经验、职场经验几个部分。接下来,我就结合一些优质UI设计网络课程,给大家梳理一下自学UI设计的路径。
认知UI设计
【认知UI设计】进入一个新的领域或行业,自然得先从认识、了解这个行业开始。了解UI设计的前世今生,学习UI设计行业相关术语,了解UI设计要用什么软件工具、UI设计准寻什么规范、如何做适配等等。当脑袋中有了这些懵懂的概念后,也就种下了一颗学习的种子。这个阶段,推荐大家学习这门 《UI/UX设计系列实战课》 课程的前5个课时。
学习软件技法
【软件技法】也就是绘制界面或图形设计的能力。常用到的UI设计工具有PS、Ai、Sketch、XD、AE、Figma、Mastergo、即时设计、Principle、Pixso等。软件有很多,但并不需要你去一一学习,因为很多软件他们的功能定位是完全一样的,只是由不同的公司开发而成。
此阶段的具体要学的软件,我的建议是 PS、 AI 必学,因为其行业地位不可撼动,对其他软件能够提供很好的图像、图形设计支持。学了这两款,再来学其它专业UI软件,有点类似降维打击的感觉。专业UI设计软件,选学 Figma、 Sketch、 XD中的某一款,为什么不直接学国产UI软件,因为其案例教程相对较少,与0基础的学习者认知不接轨。所以我建议你掌握了诸如Figma、Sketch、XD的软件以后,再看看他们的官方教程,很快就掌握了。动效软件, AE、 Principle,等你入了UI设计的大门以后,后续再作为选学。
UI设计思维
UI设计师的工作,既要兼顾软件界面的视觉美感,也要考虑软件交互的流畅适用,要将两者结合起来必须要有高屋建瓴的设计思维才行。所以,在这个阶段,UI设计自学者,必须需要通过大量的图形设计专项训练,来提升图形设计与视觉美感的表达能力,并且需要了解App产品的开发流程、知晓交互设计、用户体验基础知识,以便能指导自身能够更好的完成本职工作。在此阶段,需要学习的内容包括主要包括以下几个方面: 图标设计、 色彩搭配、 版式基本原理、 思维必修、 界面视觉提升、 界面改版等内容,通过这些课程的学习,能够让UI设计自学者,掌握到App设计的组件思维、掌握界面常见元素的执行、绘制方法,以及不同平台:安卓、iOS的设计规范相关内容。
项目经验
从实战项目中,学习 UI 设计的完整流程,让自己完成从软件操作员到专业 UI 设计师的蜕变。通过对不同产品项目的UI设计环节工作的复盘执行,初学者将切身感受到不同的互联网产品(网站、APP、穿戴设计)到底是是经历了怎样的思考,怎样的市场定位、怎样的使用环境,才被设计出来的。这种专业经验,对于以后走向UI设计职场,有着重要意义。 B端产品的UI设计,参考: 《电商后台管理系统课程》; C端产品的UI设计,参考: 《<师说>——显示教育App全案设计》、 《K歌App界面设计》、 《电商购物App设计》; PC端的企业网站设计,参考: 《企业级服务产品网站设计》; 微信小程序的UI设计,参考: 《整套小程序UI设计》; 穿戴设备手表UI设计,参考: 《智能手表界面设计》; 智能车载方向UI设计,参考: 《车载界面(HMI)》、 《HMI-车载界面实操课》。
拓展职场技能
当你学了一身专业本领后,未来必定需要走向职场去绽放你的才能。不过,在入职前,我们可得做好准备工作,才能获得面试的成功几率,所以这阶段,我们需要学习UI设计师的 作品集包装技巧、 面试技巧。除此之外,还要学习职场上的 沟通技巧,这能让我们在面对甲方客户、或者团队提案时,更加游刃有余。最后,养成好的 良好的习惯,保持谦卑的学习心态,更能让我们事半功倍,并且走得更高更远。
必要的术语讲解!
优质UI设计自学教程、经验分享。
如果你是UI设计新手,当你看到上文提及的UI设计自学课程时,一定会非常纳闷。不太明白UI交互、图标、UI设计、UI原型、UI动效、sketch他们到底指代的是什么,不太知道自己该如何选择学习,所以在这里,站长 @酷coo豆 觉得非常有必要给大家科普一些名词解释。
1、什么是UI?
UI = User interface,译为:用户界面。所谓用户界面,也就是我们在使用手机、智能电视、车载系统时,所看到的图形界面。这个图形界面是为了让人们更好的使用电子设备,甚至与其更好的沟通交流。
2、UI设计师是做什么的?
UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。
所谓UI软件,就是用来绘制UI的工具,在不同的设计环节,我们会用到不同的设计软件来完成相应工作。需要特别注意的是,Sketch、Principle这两款软件,仅支持Mac(苹果电脑)大家可以根据自已有电脑装备,选择能够适用的软件即可。
UI设计师的工作主要包括:移动应用界面设计、高级网页设计以及各类新兴的面向用户的场景下的车载系统、点餐机、ATM机的界面呈现设计。
当你点开手机里的一个App,看到的ICON、界面或者界面元素,所有这些视觉产物都出自UI设计师的妙手。当然,除了手机以外还有电脑、平板、电视、取款机、游戏机等,不太严谨地来说,只要有屏幕的地方就会用到UI设计。
3、经常提到的UX/UE是什么?
UX/UE(是 User Experience 的缩写)是用户体验,指用户在使用产品的过程中的主观感受,包括行为、情感、成就等各个方面,用户体验主要受到用户界面、品牌、个人经验的综合影响。
4、UI设计软件
所谓UI软件,就是用来绘制UI的工具,在不同的设计环节,我们会用到不同的设计软件来完成相应工作。需要特别注意的是,Sketch、Principle这两款软件,仅支持Mac(苹果电脑)大家可以根据自已有电脑装备,选择能够适用的软件即可。
对此,我做了一张图标,帮助大家快速认识常用的UI设计软件,你以后遇到的其它五花八门的软件,都可以归类到下图中。 点击查看图片 。←温馨提示:请点击放大图片,仔细阅读左侧文字,以学习了解查看各个软件、以及岗位所产出的内容。
5、UI设计师的真实工作内容?
说了这么多,你是不是想了解下UI设计师的真实工作内容?我们可以先来了解一下一款线上产品诞生需要经历的过程:①需求分析(产品经理)→→→ ②交互原型设计(交互设计师)→→→ ③界面设计(UI设计师)→→→ ④切图注释交接开发(UI设计师)→→→ ⑤修改→进入开发→测试→上线
根据上面的流程我们就可以理解,UI设计师的工作内容通常为以下4点:①根据需求对产品的整体美术风格、界面结构做出设计并制定规范;→→→ ②负责产品中界面、图标等相关元素的设计与制作;→→→ ③积极与开发/交互/产品经理等成员沟通,推进设计的最终实现;→→→ ④对页面进行维护和优化,使用户操作更趋于人性化。
当然,不同的公司对UI设计师工作内容的要求不同,以上只是常规的一种。很多时候,UI设计师也需要对产品后续运营中的视觉设计需求负责,比如:制作横幅广告(也叫banner),海报,活动页面,制作品牌设计、logo等。
综上,我们也可以发现,一个UI设计师需要具备的能力主要有以下5点:▍设计软件技法、▍界面设计技能、▍多项设计技能-运营设计、品牌设计等、▍交互/用户/产品/商业等思维、▍团队协作沟通能力。想成为一个合格的UI设计师,并往更深层次发展,这5项能力缺一不可。
6、职位简称
UI设计师——UID = User interface Designer
交互设计——IxD = InteractionDesign
产品经理——PM = Product Manager
产品设计师——PD = Product Designer / Product Director
首席技术官——CTO = Chief Technology Officer
开发/研发工程师——RD = Research and Development engineer
更多干货分享!
请前往知乎,关注 @酷coo豆。。