写在之前：“这篇教程内容比较多，如果你是新手，能坚持每个知识点都搞明白的话，起码要半年的时间！如果你进来随便看一看就走了，那不能怪别人，是你自己不努力~！~~已经有很多新人在这里学完找到了高薪工作。”阅读量破140万的文章，太多人从这里起航！学网就是这么一个专为新人准备的免费学习UI的网站。
虎哥还要推荐大家收藏这个
UI学习网址导航，虎哥整理，必须精品。这里面都是我常用的网址。
今天来谈谈这个话题，学UI第一阶段到底要掌握哪些知识和技能。
我们先来划分一下啊，学UI要分几个阶段来学：
QQ群里大多数学生都还在入门阶段，感到很迷茫，不知道从哪里开始学起。网上的海量信息，全是教程，都不知道先看什么，后学什么。非常的无助。虎哥拥有10多年UI设计实战经验，大大小小也做了很多项目，借这个机会，给新人们指引一个方向，希望能帮助到大家。
很多人在群里会问，我是自学还是报班啊。这个问题回答的嘴都软了。
答：你如果定性比较弱，需要人逼着才学的进去，又不差钱。那么就报班吧，这样入门比较快。选择线下培训班（贼贵，2W左右，话说这钱可以买一台高配的MACBOOK PRO 15）的时候先去听听，多在设计交流群里问问大家，不要被忽悠~！
如果想省钱，不妨参加线上学习班（6000左右），有些是可以信用卡分期付款的。线上学习经济实惠，关键是要找到好地方。
下边我们先说说UI到底是什么？
很多同学不知道UI是什么，以为画个ICON图标就是做UI了，导致很多人都忙着画各种各样的图标。这样很容易让那些新人们走错路，最后我想说的是icon不是全部，不要沉迷其中，要学的还有很多。
User Interface（用户界面)，简称UI，是指对软件的人机交互、操作逻辑、界面美观的整体设计。
UI设计分三个分支：
1、研究界面—-图形设计师Graphic UI designer，简称GUI,国内目前大部分UI工作者都是从事这个行业。包括（网页设计，软件界面，移动端界面设计），每天工作做着各种界面设计。
2、交互设计师，做整个项目的交互流程。
3、用户体验研究师，主要是通过各种方法去了解用户现在需要什么样的体验什么样的界面，从而对这个项目的总体性体验做决策的。
用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性；即要符合用户的心智模型。
所以一个优秀的UI设计师，从技能上讲，不仅能画图标，还能做好界面，会很多交互知识。
好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
图标，界面，交互知识都是需要长期的经验积累，所以UI这条路很长，要学的技能很多，大家加油吧！！
UI设计师工作中都做些什么事？
图片来自国际知名设计师平台
在日常工作中，UI设计师一般要做的事情还挺多的（手机端UI和网页UI大多数情况由同一人完成，大公司分工比较细，会分开）
APP界面设计并标注尺寸（手机端或是网页平台或软件）
APP切图资源导出给程序员（手机端）
启动图标设计
提交到各大平台的推广图（活很多，各种尺寸，横竖屏）
产品的网页设计
后台界面设计
展会海报，易拉宝，等平面
有些小公司老板为了省钱可能需要你会画原型图会UI 一起做，有交互逻辑思维。（原型绘制不难，就是一个软件掌握就行，难在要有交互逻辑思维，这需要多思考。不过一般这种要求的公司咱可以不去呗）
有些大公司可能要求会做一些AE小动画，比如加载刷新小动画啥的，局部的）。
UI设计师要学很多，才能独当一面。一般的创业型公司只会招一个网页和手机端都会的UI设计师。总之，只要你肯花心思、费时间、有兴趣就一定学的好！加油~！
UI设计师工作流程：
图片来源：https://speakerdex.co
工作中讲究配合，设计师在整个项目里面处于中间的位置，我们的上游是产品交互设计师，我们的下游是前端或者程序小哥。一般在项目立项的时候，设计师就会参与到产品讨论之中，当然有些公司简化了流程从来不带设计师玩的，只给需求让设计师做。我们在拿到设计需求的时候一点要认真看，仔细分析下。
下面我们来讲讲学习方法：
插图来自mixpanel团队
学UI网导航——&经验——&设计理论
下面分了3大类，见下图。没事就多看看。
网页：《》
上边这几篇文章看完以后，是不是大致明白了一些什么了。
经常有人咨询我：“虎哥，有没有什么适合新手小白看的UI设计书哇？不知道哪本比较适合？”还真有，最近有个叫B哥的老司机出了两本书《0基础学UI》和《进阶版零基础学UI》，浅显易懂，特别适合小白用户当做入门书。
学生、设计小白、电商设计想转UI，平面想转UI，在职UI新人，都适合读这本书。 它可以让你系统的了解UI的知识，背后的逻辑。
先来说说UI设计入门阶段，用什么软件。工欲善其事，必先利其器
PS一些知识
对于入门阶段的童鞋来说，不要纠结那么多，先把Photoshop玩熟练再说吧。因为在日常工作中，用的最多的就是PS了，所以入门阶段的你，不要瞎操那么多心了，专心学习PS吧。
软件安装（建议购买正版软件，以下下载仅供学习使用）
请到官网下载试用版，然后干啥自己百度
（也可以按照美图看看也能看到）
新手先集中精力学习PS和AI。这2个是最基础的工具了。如果要安装的话，建议安装最新版的 CC2017。
（上百个案例讲解）
插件可以帮助我们在工作中快速的完成一些琐碎的事情，节约时间。
（先来把你的PS给设置好了，新人必看）
标注神器：，，
启动图标生成插件
安装一个可以在iphone上实时观看效果。
（现在流行的长投影傻瓜模式）
配置Photoshop参数，做UI更方便
AI一些知识
新手重点是学好PS和AI。上图中Zeplin是一键标注插件，Axure、Principle和Flinto都是原型设计工作，可以做动态的演示。原型制作工具还有比如MockPlus，墨刀等等。
AE的学习可以稍微往后放一放，我个人建议是界面做的拿得出手了，再来学习AE，目前在工作中用到AE的不是很多。
最近2年也流行用SKETCH来设计界面，好处很多，坏处就一点，你得先有一台mac电脑。目前国内绝大多数公司还没办法给设计师们都配上高大上的mac电脑。
所以新手朋友们还是先别纠结软件的问题，先学会设计思路和设计方法，设计流程，搞出看的过去的作品，这样才好顺利转行。
安装字体（虎哥整理的）
当你看到这里的时候，才真正的开始进行设计阶段！逮到什么画什么，比如打开百度的首页，这个界面不陌生吧(老版本的界面了），照着画一个出来。有人说了，这有什么好画的啊。你还别不服。很多入门级的新人，还真是做不出来。
有人连字体都做不出来，宋体12号 ，这个地方选无，就好了。
然后输入框的效果放大看看，用了内阴影。
然后是搜索按钮，用到了什么效果了。
渐变+描边+投影+内阴影做的白色高光（一个图层样式完成）。小小的一个按钮，尽然有这么多学问在里面。这就是UI的魅力所在。
Photoshop的知识点太多了，用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。比如做CG原画的，做网页设计，照相馆处理照片的等等用到PS功能都不太一样。
UI设计 入门阶段先要学会以下几个功能，一定要玩的很熟练。
第一：图层样式
上面做的百度这个页面，看着简单，却用到了好几种的图层样式。那么像下边这样的按钮。
用到的就更多了。所以想打怪升级，还是要把图层样式玩的很熟悉，入门阶段要分析的出来，用到了什么效果。
看到什么好的界面或是ICON，就立马分析一下，它用到什么图层样式？
相关的教程：
第二：图层的混合模式
第三：形状工具
第四：学会切图（常用的切图办法就在这里，先挨个学一遍，然后根据实际的情况选择相应的切图方法）
搞明白一些常规的界面尺寸和视觉规范
IOS移动端：
安卓可以看看下面这几篇文章：
色彩的学习
开始做点什么（临摹阶段）
虎哥耗费了半年的新鞋，啊呸，是心血打造的UI作业网 ，从此大家伙儿又多了一个好玩的地方啦，嘻嘻。交作业等解答团的大侠们给你点评哦，哪里有错点哪里。
先来点励志的
开始练习！先学会技法。
常规网页UI切图(3种方法，各有各的好）
移动端UI切图必备教程和工具
切图必备插件用选中@2x @3x导出。
设计标注：
标注神器，，
好了，差不多了，这些都挨个学一遍。就入门UI了。学UI 要学的真的很多，这些都是基础的知识，这些掌握了，才能到达 中级阶段，加油！少年~~！
最后要是想顺利的转行UI设计，必须要有拿得出的成套的作品。
什么是成套的？
起码要一套15-20页的app界面，交互流程要顺畅，这个需要自己好好研究研究。网页界面1-2个，然后包装一下。
为什么要包装了？
包装其实反映了一个设计师的综合的实力，考验一个人能不能从大的方向把握整体的风格，版式形式感能不能贴切你的产品定位，配色和基础的排版能不能做到整体一致性。视觉规范的统一性如何。等等。当然，看着也是高大上的，把学到的东西串联在一起，写上设计思路和说明，更容易让人理解你的设计思维。你不是一个单纯的做图仔，你是一个有脑子的，会思考的设计师。
包装可以去参考虎哥的徒弟作品集，每一套作品都是自己命题原创作业，经历1-2个月的时间打磨出来的，可能很多人觉得哇，特么要这么久吗？对的，真的要这么久，基本上都是从app的界面主界面开始做15-20个然后整体改了10多遍，然后包装也改了5-10遍，才达到拿得出手的效果和质量。真的不是随便套个模板就搞出来了，没有想象的那么简单。往往很多东西看着简单，真正自己做起来就不是那么回事了，毕竟大部分的人还是很普通的新手。
每个人的基础不一样，激发潜能的深度也不同，原创的设计作品确实不容易，希望大家努力吧~~！
其实吧，你只要稍微努点力，就能甩掉全国90%的懒娃子。学习之一个长期的过程，需要坚持！坚持！还特么是坚持！
整理编写：Tiger（虎哥）
谁的青春不迷茫？谁的职业路程更清晰？虎哥团队帮你来解答咨询②群 ：
文章来源：www.xueui.cn
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
你可能喜欢的：完全门外汉，cad2007的入门教程有什么好的推荐么？室内设计方向_百度知道
完全门外汉，cad2007的入门教程有什么好的推荐么？室内设计方向
rjzxw2011知道合伙人
采纳数：288
获赞数：596
百度搜“软件自学网”就有教程
mike9899知道合伙人
擅长：暂未定制
装点室内设计学院 就有很多室内设计的入门教程，里面的视频教程讲解的很详细，很适合小白学习。
ajun350知道合伙人
获赞数：12
CAD基础教程就可以了
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。Java入门教程小白必备版
　　动力节点Java培训深知广大爱好Java的人学习是多么困难，没视频没资源，上网花钱还老被骗。为此整理了这套Java教程，不管你是不懂电脑的小白，还是已经步入开发想要在深造的朋友，这套Java学习路线你都值得拥有。　　以上的是由动力节点的资深老师，中国Java培训领军人物王勇老师把关，Java入门到精通，更有全网免费最新SVN高级教程，为什么小编推荐你动力节点的Java教学视频呢？答案是：现在网络只要百度搜索你当然想找到什么样的教学视频就能找到什么样的，但是种类这么多，你又怎么区分哪些是基础学习的哪些是进阶学习的？并且网上发布的大多都很零乱，知识点不全面，断断续续你又怎么能学会能学好。　　而动力节点的Java视频从入门到精通，学习的课程内容都可以在官网的视频教程页面中看到，想要了解的朋友，可以到动力节点的官网视频教程内下载，学习中遇到问题还可以联系在线客服的老师为你解决。
关注微信获取学习资料与教学视频
全国免费电话400-
动力节点动力节点Java培训口碑最好的Java培训机构,被誉为“口口相传的Java培训黄埔军校。”本人小白，哪位大神能给提供一个四轴自主飞行的设计思路？？ - 大学生电子设计竞赛 -
中国电子技术论坛 -
最好最受欢迎电子论坛!
后使用快捷导航没有帐号？
林超文手把手教你学！
教你1000种电路设计思路
张飞硬件电路之PFC全集
参与免费送VIP+原创视频
运放、ADC、电磁兼容
本人小白，哪位大神能给提供一个四轴自主飞行的设计思路？？
10:58:04　　
本人小白，哪位大神能给提供一个四轴自主飞行的设计思路？？
00:26:29　　
不知道这个行不行！希望你对你有帮助！
本帖子中包含更多资源
才可以下载或查看，没有帐号？
林超文手把手教你学！
教你1000种电路设计思路
张飞硬件电路之PFC全集
参与免费送VIP+原创视频
运放、ADC、电磁兼容
Powered by
供应链服务
版权所有 (C) 深圳华强聚丰电子科技有限公司UI设计基础教程-作为一名UI设计小白，怎样才能做好设计？_UI设计零基础课程_腾讯视频}