起航学习网

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

写在之前：这篇教程内容比较多，如果你是新手，能坚持每个知识点都搞明白的话，起码要半年的时间~~！、
如果你进来随便看一看就走了，那不能怪别人，是你自己不努力~！~~已经有很多新人在这里学完找到了高薪工作。

虎哥推荐大家收藏这个 hao.qh.itpxw.cn UI学习网址导航，虎哥整理，必须精品。

今天来谈谈这个话题，学UI第一阶段到底要掌握哪些知识和技能。
我们先来划分一下啊，学UI要分几个阶段来学：

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

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

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

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

 

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

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

 

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

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

   

 

    

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

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

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

 

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

1. Photoshop CC 2014安装、破解等解决方法（推荐安装这个）
2. Photoshop CS6下载
3. Photoshop CC（安装文件+破解教程+破解补丁）
4. Photoshop CC安装失败（安装遇到错误）的解决办法
5. 怎样安装Photoshop画笔，形状，动作，滤镜等插件
6. psd 缩略图查看插件

 

配置Photoshop参数，做UI更方便

  

 

安装字体

1. ios-android-wp 3大系统字体下载（包含中英文）设计师必备
2. ios在线预览字体（ui设计师必备）

    

 

photoshop视频教程

1. PS基础视频教程
2. 李涛-photoshop教程

 

还有这几个也要看看的：

1. 45个设计师需要熟记的ps快捷键
2. PS真正实用技巧
3. Ps改进UI设计的一些技巧（必看）
4. 设计新手在PS中最常犯的6个错误
5. 你的PS很卡吗？来瞧下这10个加速技巧

    

 

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

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

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

 

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

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

 

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

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

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

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

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

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

 

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

第一：图层样式 

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

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

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

相关的教程：

1. 一个按钮有话说（PSD下载）
2. 还在担心按钮设计吗？来看看这十条基本准则
3. 教你画一个开关
4. 如何与像素打交道
5. 透明导航设计讲解

 

第二：图层的混合模式

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

 

第三：形状工具

1. 玩转PS形状图层UI设计师必看
2. 虚线的画法

 

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

1. photoshop切片使用小技巧（切图）
2. PhotoshopCC新功能 生成图像资源（切图）
3. 【详细介绍android和ios平台的切图】
4. 做ui必备–PS切图动作用法（必装）
5. Android切图小贴士

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

移动端：

      

1. 移动端界面设计之尺寸篇
2. ios视觉设计规范说明
3. IOS 7 Ui规范PSD
4. Android系统字体规范(含Android系统字体包下载）
5. android规范文档3份PSD下载（新手必学）
6. ios7和ios6 2套icon模板下载(ui设计师必备）
7. WP7 控件，WP设计师必备文件。（psd下载）

 

网页端：

1. 网页UI是如何标注的？（附带WEB UI视觉规范文档）
2. 网页UI视觉设计规范
3. 网页设计基础技巧
4. WEB设计指南！
5. 界面设计速成
6. 不要让用户思考

 

色彩的学习

  

 

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

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

PS教你做渐变大背景

 

PHOTOSHOP操作技巧

  

   

 

 

开始做点什么（临摹阶段）

先来点励志的

    

 

开始练习！先学会技法。

    

    

 

     

 

      

       

 

1. 还在担心按钮设计吗？来看看这十条基本准则
2. 解密IOS7毛玻璃效果
3. 轻松打造iOS7风格图标
4.  PS强大的角度渐变
5.  教你如何画圈圈—–标识设计中辅助参考线入门

 

常规UI切图(3种方法，各有各的好）

      

 

移动端UI切图必备工具和教程

   

 

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

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

 虎哥也开始收徒了，很多人提出这个要求，为了给学UI网同学更全面的帮助，虎哥精心研制了一套牛逼的课程。

你必须能够临摹一些图标和界面，或是你做过平面设计也ok。（就是需要一定的软件基础，因为虎哥不讲软件怎么用。）

如果你想快速入行，并且你交不起昂贵的培训费（16800+），可以拜虎哥为师（收些辛苦费），系统学习4个月（网页UI＋APP），拿着牛逼的作业，就可以找到UI设计工作。

yy在线学习方式，有需要的同学可以联系下面二位 了解详细课程：

美女辅导员Elena（QQ：1731863266）    大群管默默（QQ：3153340230）

（加QQ注明：拜虎哥为师）

学完后基本上就是这样的水平，有没有看着贼吓人啊，看着都不像是新人的作业，这都是被虎哥逼出来的成果。

虎哥徒弟作品展示>>

整理编写：Tiger（虎哥）

谁的青春不迷茫？谁的职业路程更清晰？虎哥帮你来解答 QQ群：177483100

zcool主页>>

文章来源：www.qh.itpxw.cn

 

转载请注明：起航学习网 » 学UI入门阶段到底要掌握哪些知识（UI第一阶段课程）

文章出自：http://qh.itpxw.cn/peixun/ui/201613336.html

文章标题：学UI入门阶段到底要掌握哪些知识（UI第一阶段课



免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

---

---

(责任编辑：深圳学历教育网)