超详细：UI设计培训、自学教程全攻略！
除了参加UI设计培训外，你的确可以通过自学，来掌握UI设计职业技能的全部要领。请继续往下看，我将给你想要的答案。
前言
最近我在知乎，我看到其他朋友的回答说：现在，还敢还报UI设计培训班的，那是真勇士！虽然是个段子，但也从侧面反映了当今UI设计培训鱼龙混杂的现象。之前@酷coo豆 撰写过一篇文章，里面就详细谈到了一些UI培训行业中存在的怪相，点击下面的链接，前往围观。
点击查看：http://www.zcool.com.cn/article/ZNjgxMjAw.html
当然，除了参加UI设计培训外，你的确可以通过自学，来掌握UI设计职业技能的全部要领。请继续往下看，我将给你想要的答案。
本文，将为学习UI设计的新手，全面解答UI设计的相关问题。包括：什么是UI设计，如何自学？UI设计师的工作内容有哪些，做UI设计用什么软件，UI设计培训哪里好，学费要多少......等系列问题，并提供相应的UI设计自学教程推荐，将引导新手高效率的掌握UI设计这门职业技能。
一、自学UI设计，先弄懂这几个问题
1.1 什么是UI设计？
【概念简述】UI=User Interface，即：用户界面。UI设计，也叫用户界面设计，是指对软件人机交互、操作逻辑、界面美观的整体设计。
【应用场景】我们日常生活中所用到的：手机、电脑、电视、车载系统、iPad、ATM机、工业中控系统......只要是带有电子屏幕的显示设备，都有需要UI设计。
【实际意义】UI/用户界面，就是我们：获取信息、调用设备资源、控制设备运作的一个可视化入口界面。
△手机APP的登录界面设计
1.2 UI设计的职能，大体分为3个方面
①【图形设计】，对软件产品的外形进行“视觉设计”。由图形设计师完成，即：Graphic UI Designer，简称：GUI设计师。
②【交互设计】，设计软件的操作流程、树状结构、操作规范等。通常由交互设计师完成，即：interaction Designer，简称：IXD。
③【用户测试/研究】，测验交互设计的合理性，以及图形设计的美观性。主要通过以目标用户问卷形式衡量UI设计的合理性，以及Bug反馈通道完善产品设计。比如Flyme、MIUI、IOS系统重大更新后，都会有相应的反馈通道。
1.3 互联网产品的开发流程是怎样？
简要来说，一个互联网产品（或App）的开发流程可分为四个阶段：①调研与立项→②设计与开发→③测试与发布→③发布与推广，而UI设计则处在第②个阶段。
①【调研与立项】，确立产品需求文档（PRD=Product Requirement Document），为UI交互设计做准备。通常由产品经理（PM=Product Manager）主导完成。
②【设计与开发】，依据产品需求文档（PRD）→完成UI交互原型设计→❤完成UI的图形视觉设计❤→研发工程师技术实现（前端工程师实现UI图形界面的重构→后端工程师实现业务逻辑的数据处理）
③【测试与发布】，团队全体开发人员协作，解决交互、视觉、技术上的bug，由产品经理把控质量、协调时间，确保产品准时上线。
④【发布与推广】，多渠道、多方式、多媒介、的投放广告，让项目产品触及目标客户。
最后的环节就是，持续的内容运营输出，提升用户活跃度、拓展目标人群。接受用户反馈，持续优化产品体验，迭代更新。
1.4 UI设计师（图形设计师）的主要工作内容有哪些？
我们通常所说的UI设计师，大多是指GUI图形设计师，主要工作内容就包括：图形设计、图标制作、APP品牌制作、界面设计、切图标注、推广运营的活动页面、banner制作等。具体内容细化到：一个线条的粗细，字体的字号、颜色、行间距等，图形、图像、按钮的创意表达等。
△软件界面的视觉设计（作者：Micu设计）
在互联网产品开发的实际工作中，上游和你对接的是产品经理（或者交互设计师）；下游和你对接的前端工程师。所以，UI设计师通常得根据产品经理出具的交互稿，运用Photoshop或Sketch软件，完成高保真的UI视觉设计稿。这就要求你能看懂交互稿，懂一点交互知识是最好的，能为优化视觉设计做背书。
△交互设计稿-展示
在做完UI界面的视觉稿后，UI设计师将其标注好，再交付给下游的前端工程师，运用HTML+CSS等前端代码实现界面重构。必要的时候，UI设计师还可能会要用一些UI动效，去阐明设计师的设计意图，所以懂一点UI动效设计也是一个加分项。
1.5 工作中的注意事项
作为UI设计师，要与上下游做好沟通，不然中途改需求，将功亏一篑，伤害一串人引发抱怨不和谐。面对交互稿中的不足，或不同看法，要与产品经理及时沟通想法，以及敲定最终交互稿，避免大幅度修改。
设计师的创造性想法，或增强用户体验的交互动画效果，要及时与前端开发沟通能否实现，不要一个人玩得high，做些看似炫酷，却费力不讨好的动画，或则团队目前达不到的创新设计。
1.6 做UI设计，要用什么软件？
【UI视觉设计】的主力软件其一是Photoshop、其二是Sketch。无论是图形设计、还是图像处理Photshop都能胜任，这是UI设计师必学一款软件。而Sketch，目前仅支持Mac电脑，可作为选学。
【UI交互设计】的主力软件其一是Axure，其二是诸如Adobe XD、墨刀、Sketch软件，市面上的交互设计软件非常之多，你要选择哪款，这就看缘分了。
△市面上的各种UI交互设计软件
【UI动效设计】的主力软件其一是After Effects，其二Principle，还有就是上面提及的交互设计软件，不过只能应付一些简单的页面转场切换动画的交代，但并不适合用来制作增强用户体验的GIF，比如loading、下拉刷新的一些趣味动画，不如AE制作出来的帧动画效果细腻。
△软件依次为：Photoshop、Sketch、AE、XD、Axure、墨刀，推荐使用。
小结：软件只是用来实现创意表达的工具，每一款软件都有其优缺点，不必为此过分纠结。实在有选择恐惧症，那就优先选择：PS、AE、Axure、Sketch吧，后续有时间再去研究其它软件，看看是否有亮点，能为自己所用。
二、如何自学UI设计？
主要可分为3个阶段学习，不同阶段有着各自的学习重点。下文将从初期、中期、后期三个阶段来简要陈述，并附带大量资源链接，是我们系统自学UI设计的绝佳资源，望大家妥善保管。收藏、点赞、转发，请随意。
2.1 初期
UI设计是以视觉设计为主，需要大量动手实践的互联网职业。学习初期，跟着教程大量做练习就是王道，掌握了惯用的软件操作技法后，大量临摹你喜欢的UI作品，总会有意想不到的惊喜。此阶段，你需要一些UI网络课程作为学习教材，参考《UI设计系统教程》就足够了，我可以很负责任的告诉你，这个课程的内容安排，非常注重实践案例教学，学习费用没有虚高，是名副其实的「系统学习UI设计的」最佳教程。
2.1 中期
到了中期，其重点则在于设计眼界及审美的提升。参考Google的Material Design、微软的Fluent Design、苹果的IOS设计语言，从中可学到很多UI设计、人机交互的经验理论。多逛一些高质量的设计交流社区，则有助于你的审美提高。比如国内的：站酷、UI中国、花瓣，国外的：Behance、Dribble、Pinterest。
△微软提出的Fluent Design设计语言
2.3 后期
学习UI设计的中后期，重点则在于综合解决问题的能力提升，像一个产品经理一样思考问题，用设计师的专业眼光做视觉，思维上的提升将会为你创作更好的视觉设计做背书。当然，你完全可以多多汲取其它设计公司的设计理念，比如Frog Design、EICO等互联网数字设计公司，它们创作出了互联网界大批耳熟能详的软硬件产品，比如：魅族Flyme4视觉系统、膜拜单车APP、搜狗输入法、亚马逊中国APP等。
△EICO公司设计创建的膜拜单车的品牌故事
UI设计师的日常，除了从上述设计公司汲取理论经验外，国内的很多优秀互联网公司的UEDC团队，都会时不时的在行业发声，奉献出了诸多设计经验、以及学习素材，这是我们UI设计师取之不竭的的灵感源泉。比如：网易UEDC、腾讯CDC、腾讯MXD、阿里UED、京东设计中心...
三、自学UI路径（核心）
掌握PS软件技法→（认识UI行业了解工作内容→练习图标设计→练习品牌设计→练习符合IOS、Android规范的UI设计→练习APP中各种类型页面的设计→练习界面切图及标注）→恭喜你闯关成功！
括号里的内容，就是新手「必须通过实践练习」才能加以掌握的UI设计专业技能，学习《UI设计系统教程》便能从头到尾的做完上述所有功课。当你能在PS软件中将每一个图标、每一个界面，都完整的绘制出来时，你便会感受到UI设计的乐趣。
走完这个流程，意味着师傅已经领你入门，你也达到了初级UI设计师的水准，但是通往高级设计师的路上，修行还得靠个人，继续努力学习是必不可少的，请仔细参阅上一章节罗列出来的学习资源，仔细研读你将受益无穷。
四、系统的UI设计学习教程
4.1 UI视频教程
其实互利网上，不乏优秀的UI设计教程，只是大多数人在找UI设计教程时，都被一些不够系统的、或为了营销目的免费教程给刷屏截流了，而你更想要的却是一套足够系统、而且价格合理的UI视频教程。可以很肯定的告诉大家，这样的教程是存在的，比如下面这个。
视频教程：《UI设计系统教程》
授课讲师：由站酷推荐设计师，1000w人气的「micu设计」主讲。
点击观看视频：http://t.cn/Rm9rZyX
4.2 UI图文教程
如果你需要UI设计图文教程的话，那么上UI中国、或站酷网就是最佳选择。这两个网站是专注设计作品、经验的交流平台，比如有：Micu设计、牛魔王...等设计师值得你去关注。他们分享的经验文章，能让你学到一系行业知识，以及UI设计技巧。
设计师：牛MO王
站酷主页：http://jr1985.zcool.com.cn/
设计师：micu设计
站酷主页：http://micudesign.zcool.com.cn/
4.3 建议购买正版教程或书籍
倘若你作为学生党，实在没钱，我也不推荐你去购买盗版教程，一是因为下载教程非常的费时间，二是配套的素材或服务可能不齐全，章节编排不清，导致学习目标不明确，会挫败你的学习兴致。
人们还有一个很奇怪的心理现象，那就是对于非常廉价，或则没花钱得来的东西，往往不够珍惜，教程下载到磁盘里往往是躺着吃灰，往后你也不愿多看几眼。不得不承认，这就是大多数人普遍存在的心理现象。
所以，我还是更倾向于推荐大家选择正版的UI视频课程，以及正版的UI设计图书。按照课程老师/图书作者的完整思路，系统地学一遍，你知识体系便能更加完整，做到心中有数。知识内容也要及时消费，而非作为艺术收藏。
4.4 更多UI设计视频课程
另外，勤学网的平面设计学院（地址：http://t.cn/RqRcUk9），还有几个有关UI设计的视频课程，包括UI动效设计、交互设计、手机UI主题图标设计等，这也是UI设计师岗位，需要掌握或知晓的知识技能。你只需要点击注册账号，然后花费399开通年会员，即可学习平面设计学院的所有课程。
点击观看视频：http://t.cn/R0bUIlf
点击观看视频：http://t.cn/RIz5S0B
点击观看视频：http://t.cn/R5p9vNW
4.5 UI设计相关书籍
学UI设计的实操技能，还是要以视频教程为主。同时，也可以通过书籍，来深入了解设计行业的理论基础知识（包括色彩、排版、交互、创意等），以及前辈设计师的心得经验。以下三本书籍，便是新手设计师用作学习UI设计，值得参考的经典图书。
查看书籍目录：http://www.xxriji.cn/books/webdesign/34.html
查看书籍目录：http://www.xxriji.cn/books/webdesign/126.html
查看书籍目录：http://www.xxriji.cn/books/layout/109.html
与此同时，我在平面设计学习日记网，还整理了更多的设计图书，可用作学习参考。当然，你并不需要每本都买，而是得根据自己的薄弱点、或兴趣点，有选择性的购书。
五、最后建议
UI设计师的核心职责是视觉表现，在工作中会你的视野会渗透到交互设计、产品需求分析、前端重构。刚开始进入UI设计，得明确自己的定位，以及知识技能的薄弱之处，不要哪一块都想插一脚。力争让自己成为：对视觉设计有深度，对行业认识有广度的T型人才。
△互联网职业技能的木桶理论
在不同的学习阶段，把最能排上用场的知识掌握好，做到精通，这就是最有效的学习方法。这个过程，就像是在不断地去补齐木桶最短的那一块板，然后这个木桶能装下的水，自然会越来越多！
关于我
@酷coo豆，平面设计学习日记网站长，熟练掌握平面/网页/UI设计及前端编程技能，对自学平面设计，以及互联网职业技能，有着深刻的见解。乐于分享自学平面设计相关书籍、教程、经验等资源参考，希望和你一起进步。
我的公众号：followdesign。站酷地址：http://kucoodou.zcool.com.cn/，欢迎大家持续关注。
—
望以上内容对大家有所帮助。
