你知道UI设计是什么吗，不要因为画个icon图标就是UI设计了。其实UI设计并没有我们想象的那么简单，UI设计不是平面设计，更不是美工，UI设计讲究的是用户体验，凡是以用户为基础的设计才能算得上UI设计。那么如何才能学好UI设计呢？

如果你在学习UI设计，那么在学习UI设计技能之前，你一定要先对这个行业有充分的了解，做好入门前的准备工作！

写在前面——仅为UI设计基础入门指导。

如果你不差钱，也没有设计师之类的好朋友，那就找个UI培训班吧，有导师引路，你在UI设计的路上不会难走，还可以为你节省不少的时间。

一、学习基础软件操作

如果没有PS 基础，请百度搜索PS教程，很多大师级的作品和教程都在上面，用心学习吧。

二、磨练技能，动手练习

如果你将软件学好了，打好了软件基础，那就找一些自己喜欢好看的图标、APP、网站截图下来，尽可能百分百临摹复制出来。

（不懂就看教程，百度，进各种设计、UI群，问别人，问朋友。百度和教程是第一位的，尽量少问别人，问多了会烦的。尤其是重复的问题，新手有时候简单的操作记不住不会，因此勤做笔记，一个一个步骤细致一点，确保下次还能按照步骤重来一遍）

这里临摹几套完整的APP很有必要，

1、熟练你的软件操作能力

2、对基本界面布局的理解

3、发现很多不上手做就注意不到的问题

最直接的效果就是你可以开始上手做东西，而不是做一些四不像的半成品。（因为你已经做了好几套成熟而完整的作品了，临摹的也是你做出来的）（很有必要强烈推荐）

你平时都是怎样进行设计技能练习的？ - 用户界面设计

三、提高审美、拓展思路、开阔眼界

眼界决定未来发展，在学习UI设计的同时，你也要扩展自己的眼界，如此才能更好的学习和提升自己。浏览各种设计类的网站（站酷，优设、UI中国。。。）看别人的学习经验，下载收集设计类的素材。

学习 Photoshop 或者网页设计，有哪些网站值得推荐？ - 网页设计 (Web Design)

UI中国-专业界面交互设计平台

站酷 (ZCOOL)

优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台

花瓣 可以求粉么？

设计达人 | 爱设计，爱分享。

Iconfont-阿里巴巴矢量图标库 超大图标库

可能这里是别人的飞机稿，练习，项目上线以后才发布的稿件、很多是对新趋势的尝试，产品的改版、还是相对完整的作品。这也是有一定价值的。

而且网站还有更多的内容是别人的经验总结（快速解决某些问题，掌握某些知识的利器），教程和各种精美实用的素材。（不建议花太多精力学习——某些过于炫技的东西）

四、规范自己的工作流程

下载各平台的设计规范（安卓，苹果，WP）仔细研读，并在练习中加以注意，应用。

Material Design中文版_Material Design中文教程_Material Design开发中文手册[PDF]下

Android L （5.0）界面（附PSD）

[ISUX转译]iOS 9人机界面指南（一）：UI设计基础

[ISUX转译]iOS 8人机界面指南（一）：UI设计基础

这些东西，看个N遍都不为过。自己看着办。

以上一 二 三 四 应同时穿插进行，没有优先级和那个更重要。

自己觉得差不多了，就可以开始对已有的APP，网站进行修改设计，发现优点与不足。变成自己的东西。自己尝试做自己想法的东西，发表在 你经常浏览的设计网站上，接受别人的提意见，赞同，表扬。

五、尝试自己做相对完整——图标、APP、网页

这是对之前所学的总结，也是以后找工作的铺垫

准备找实习的工作（这是一边工作一边学习的过程，私以为这个阶段学习比工资更为重要）

如何找实习的工作？

在这个阶段——这是一个技术活，作品可以展示很多东西

1、创作的作品整理一下思路，可以附带一些文字内容。

2、整理好你之前的临摹的作品

简历应着重表现你单独完成的APP、网页的经历

作品质量和数量体现-你学习的态度

实习的工作 目的不是薪水，是学习。

在实习中有了项目经验，公司对你好，有的学，那就好好干，对你不好，没啥好学的，那就跳槽。

跳槽的重点，你仍然需要学习，所以尽量不要找只有一个你一个设计师的公司，没有交流没有学习不会愉快的。

更具体的方法和资料

写在之前：这篇教程内容比较多，如果你是新手，能坚持每个知识点都搞明白的话，起码要半年的时间~~！、

如果你进来随便看一看就走了，那不能怪别人，是你自己不努力~！~~已经有很多新人在这里学完找到了高薪工作。

今天来谈谈这个话题，学UI第一阶段到底要掌握哪些知识和技能。

我们先来划分一下啊，学UI要分几个阶段来学：

初级阶段——> 中级阶段——> 高级阶段

QQ群里大多数学生都还在入门阶段，感到很迷茫，不知道从哪里开始学起。网上的海量信息，全是教程，都不知道先看什么，后学什么。非常的无助。

小编拥有多年UI设计实战经验，大大小小也做了很多项目，借这个机会，给新人们指引一个方向，希望能帮助到大家。

入门阶段，就像一张白纸一样，干干净净，也很茫然。所以才会有那么多的培训学校，教给大家的都是最基础的入门的知识。

很多人在群里会问，我是自学还是报班啊。这个问题回答的嘴都软了。

答：你如果定性比较弱，需要人逼着才学的进去，又不差钱。那么就报班吧，这样入门比较快。选择学校的时候先去听听，在问问大家，不要被忽悠~！~如果你自学能力还不错，又差钱。那么还是自学好了。

下面我们来讲讲自学UI设计，因为小编从业多年都是自学UI设计。谁叫咱是穷孩子，交不起16800的学费。

话说这钱可以买一台高配的MACBOOK PRO 15

上边这2篇文章看完以后，是不是大致明白了一些什么了。

先来说说UI设计入门阶段，用什么软件。工欲善其事，必先利其器

对于入门阶段的童鞋来说，不要纠结那么多，先把Photoshop玩熟练再说吧。因为在日常工作中，用的最多的就是PS了，可以这么说，做UI界面基本上用它就够用了。所以入门阶段的你，不要瞎操那么多心了，专心学习PS吧.

软件安装（建议购买正版软件，以下下载仅供学习使用）

Photoshop CS6下载

Photoshop CC（安装文件+破解教程+破解补丁）

怎样安装Photoshop画笔，形状，动作，滤镜等插件

psd 缩略图查看插件

配置Photoshop参数，做UI更方便安装字体

ios-android-wp 3大系统字体下载（包含中英文）设计师必备

ios在线预览字体（ui设计师必备）

photoshop视频教程

传智播客网页平面设计学院 Photoshop快速入门视频教程

李涛-photoshop教程

李晨公开课视频教程

7天精通Photoshop CS5 UI交互设计

杜娟教你如何优秀UI设计师

李凤辉-UI设计教程

Photoshop CS5实例视频195集

老贺-PS人物面部美化及商业修片技法

高志远-Photoshop UI设计视频教程-快速掌握水晶质感图标

PHOTOSHOP CS 视频教程完整版(有些老，但是讲的还是可以）

还有这几个也要看看的：

45个设计师需要熟记的ps快捷键

PS真正实用技巧

Ps改进UI设计的一些技巧（必看）

设计新手在PS中最常犯的6个错误

你的PS很卡吗？来瞧下这10个加速技巧

好了，软件也安装好了，视频看了不少了。接下来就是要做各种练习了。前边UI到底是什么一文里面也说了，UI不光是画ICON,还要做界面。还有一些交互知识。

入门阶段，就先别想那么多，先画画简单的图标，做一些简单的界面吧。

这个时候，逮到什么画什么，比如打开百度的首页，这个界面不陌生吧，照着画一个出来。有人说了，这有什么好画的啊。你还别不服。很多入门级的新人，还真是做不出来。

有人连字体都做不出来，宋体12号 ，这个地方选无，就好了。

然后输入框的效果放大看看，用了内阴影。

然后是搜索按钮，用到了什么效果了。

渐变+描边+投影+内阴影做的白色高光（一个图层样式完成）

小小的一个按钮，尽然有这么多学问在里面。这就是UI的魅力所在。

UI设计要先把什么搞明白，哪些PS技巧先学会

Photoshop的知识点太多了，用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。

比如做CG原画的，做网页设计，照相馆处理照片的等等用到PS功能都不太一样。

UI设计 入门阶段先要学会以下几个功能，一定要玩的很熟练第一：图层样式

上面做的百度这个页面，看着简单，却用到了好几种的图层样式。那么像下边这样的按钮。

用到的就更多了。所以想打怪升级，还是要把图层样式玩的很熟悉，入门阶段要分析的出来，用到了什么效果。

看到什么好的界面或是ICON，就立马分析一下，它用到什么图层样式？

相关的教程：

一个按钮有话说（PSD下载）

还在担心按钮设计吗？来看看这十条基本准则

教你画一个开关

如何与像素打交道

透明导航设计讲解

第二：图层的混合模式

Photoshop的混合模式（详细解答）

第三：形状工具

玩转PS形状图层UI设计师必看

虚线的画法

第四：学会切图（常用的切图办法就在这里，先挨个学一遍，然后根据实际的情况选择相应的切图方法）

photoshop切片使用小技巧（切图）

PhotoshopCC新功能 生成图像资源（切图）

【详细介绍android和ios平台的切图】

做ui必备–PS切图动作用法（必装）

Android切图小贴士

搞明白一些常规的界面尺寸和视觉规范移动端：

移动端界面设计之尺寸篇

ios视觉设计规范说明

IOS 7 Ui规范PSD

Android系统字体规范(含Android系统字体包下载）

android规范文档3份PSD下载（新手必学）

ios7和ios6 2套icon模板下载(ui设计师必备）

WP7 控件，WP设计师必备文件。（psd下载）

网页端：

网页UI是如何标注的？（附带WEB UI视觉规范文档）

网页UI视觉设计规范

网页设计基础技巧

WEB设计指南！

界面设计速成

不要让用户思考

色彩的学习

设计中关于颜色搭配的一些小经验

配色秘要：永远不要使用纯黑

PS教你做渐变大背景

PHOTOSHOP操作技巧开始做点什么（临摹阶段）

先来点励志的

开始练习！先学会技法。

还在担心按钮设计吗？来看看这十条基本准则

解密IOS7毛玻璃效果

轻松打造iOS7风格图标

PS强大的角度渐变

教你如何画圈圈—–标识设计中辅助参考线入门

常规UI切图(3种方法，各有各的好）移动端UI切图必备工具和教程

好了，差不多了，这些都挨个学一遍。就入门UI了。

学UI 要学的真的很多，这些都是基础的知识，这些掌握了，才能到达 中级阶段，加油！少年~~！

整理编写：TIGER

看到了以上的整理内容，你觉得学习UI设计容易吗，如果你要从事设计行业，那就要为之努力了，毕竟设计行业是你一生的事业和技艺，掌握正确的方法便会月积累越成熟，老而弥坚。万不可三天打鱼两天晒网，如此荒废光阴可不好啊。

UI设计莫要急于求成，一步步来，你才能成就UI设计之未来道路！