UI入门教程

常常会听到这么一些忠告“多看 多想 多做”

 

你有没有发现一个问题，每天都在看各种设计作品，真到自己做的时候，一下子全都忘记了，脑子短路傻逼了。之前看到那么多好的设计作品也都白看了，人家的还是人家的，跟你半毛钱的关系也没有。有没有这种感觉~？

 

1. 看到了什么好设计画一画。
2. 想到了什么好点子，写一写。
3. 做会了什么或是想要学点什么，都记录下来。

UI设计要学的真的太多了，胆小懒惰 勿入，这是个坑~！~

 

问：5个知识点？我不知道要学什么？

答：你现在缺什么，你想学什么，工作中要用到的，或是找工作的时候，用人单位写的招聘要求，你看看你都有哪些不会的，这些都是可以学习的知识点和学习的方向。小到一像素的投影，一像素的高光，虚线做法，这些都是

要学习的知识点。

 

具体一点来说的话：

UI是什么？（这个弄清楚了，也是一个进步）
IOS的图标是多大的，我做多少像素的圆角了？
字体是做多大了？有没有想规范了？
按钮要做多大了才好点击了？

各个栏目的高度，间距又是多大比较合适了？

常听到的点9是什么东东？

切图是什么意思？如何去切了？

布尔运算是什么玩意？

PS形状工具怎么用？

移动端的ui规范文档

图层样式怎么用？

叠加，柔光是什么意思?

PS CC 安装好了先设置什么，才好用？

红色 橙色 黄色 绿色 青色 蓝色 紫色 黑色 白色 灰色 这些你都知道怎么搭配好看吗？（这些就够你研究很久了吧）

学以致用，是我们一直牢记在心的真理

 

 

很多新人什么都想学，什么PS AI Flash Dreamweaver  AE Axure ,这么多你要到什么时候才是个头啊，Tiger做了10年设计了，都不敢说这些都精通。

 

你可以这么记录（打个比方）

1. 今天发现了一个很好的UI学习教程站 www.xueui.cn (这个也算是一个知识点，不要小看这个，改变你的命运，给你启发，也许就在这么不经意之间）
2. 我今天知道了什么是传说中的布尔运算，看到一篇基础的教程《教你PS画信号图标》，也认识了作者 金多多同学，我很开心。
3. 群里的大神 Dbear教我图层样式高级混合，我收获很多，学会了镂空字的做法，哈哈
4. 在上厕所的时候想明白了投影的做法，3个图层，先画一个圆，高斯模糊，复制2个，一个比一个小，降低透明度。
5. 我发现一个经典的个人展示页面的版式，我要给画下来，下次如果需要的话，我就能马上用上这个版式设计。
6. 今天看了老狼的教程学会了形状也能羽化，还有就是路径转形状的方法，好有用~！

 UI设计教程之UI学习方法（咋看，咋想，咋做）

咋看设计（如何找灵感）

 

这个怎么看设计，也就是培养审美的能力，首先你要知道什么好看，什么不好看。当你排斥那些不好看的设计的时候，你的品味就自然上升了。

再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。

 

花瓣   zcool  UI中国   behance  dribbble  pinterest  deviantart   APP截图欣赏站

这里主要说说如何找灵感，当你接到一个设计任务的时候，该如何去快速的执行，快速找到灵感。

平时的素材采集和分类至关重要。

 设计师的素材资源库，就是你的财富，只有自己整理出来的才有价值。关键是你要记得东西放在哪里了，不要用的时候找不到了~！

我在这里重点推荐一篇我之前写过的一篇文章。也是我每次寻找灵感会去的地方，请点下面的图进去看看。记住这个放在   导航—>经验   下面。

 

如果你是新手，能坚持每个知识点都搞明白的话，起码要半年的时间~~

 

学UI要分几个阶段来学：

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

 

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

 

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