UI设计的三大学习步骤.pdfVIP

UI设计的三大学习步骤--第1页

随着移动互联网时代的发展，带动了UI设计这个专业的发展，很多干了多

年平面、电商、网页的设计师。纷纷转UI设计专业，市面上UI设计培训班也雨

后春笋一样开始冒出，一些有设计基础的会选择自学，也有一些零基础小白选择

报班培训，在小编看来不管是自学还是报班，都得先来了解UI设计这个行业，

UI设计一些基本的学习步骤。

UI设计正确的学习步骤：

１、基础软件篇

如果想从事UI设计这个专业，一定得有个正确的学习方法，不然就是有多

年设计基础，也会走弯路，那么问题来啦，UI设计到底怎么开始学习呢？

UI设计的三大学习步骤--第1页

UI设计的三大学习步骤--第2页

工欲善其事必先利其器，学习UI设计首先得先把必学的软件工具搞定，PS，

没错就是ＰＳ软件！ＰＳ在ＵＩ设计中，主要是负责界面视觉设计的。

学习工具的时候也不要盲目学习，先把ＰＳ中的（布尔运算）搞定。记住一

句，布尔运算非常重要，ＵＩ界面中的图标绘制的好看与否，都是布尔运算决定

的。布尔运算学好了，绘制界面的图层样式也得掌握。其他的工具可根据自己需

要绘制的效果来学习。把ＰＳ玩溜了，那么在以后的设计工作中，可以很好提升

自己效率。

UI设计的三大学习步骤--第2页

UI设计的三大学习步骤--第3页

那有些人就问，是不是学好ＰＳ就可以啦，那肯定不是，ＰＳ是负责视觉设

计的，在ＵＩ界面设计中，有很多图标（系统图标、启动图标、主题图标）

所以，还得学第二款软件ＡＩ，ＡＩ软件在ＵＩ设计中更多的是负责一些系

统图标设计，把这两款软件搞定啦，那软件操作这一块就没多大问题啦。当然学

习ＵＩ设计也不是学习２个软件就够了，在后面的学习中还得学习交互原型图软

件（AxureRPPro7）交互动效软件（AE）标注软件信息架构图软件。

２．设计要求篇

UI设计的三大学习步骤--第3页

UI设计的三大学习步骤--第4页

这个阶段的学习，就是学习设计了，那么ＵＩ设计要掌握哪些必学知识点

呢？

首先一款产品的设计，前期肯定有个充分的市场调研，用户研究分析。

这一快简单的来说叫做用户研究，主要针对产品前期产品搭建。一般这活是

产品经理干的，我们短时间不能成为产品经理，但得有个目标，所以这块的知识

点，咱也得学！

有了产品的框架后，产品中期就得绘制交互原型图，原型图是款产品的最初

雏形，关系到后期产品界面的视觉设计，所以原型图的精细程度，交互之间的逻

辑关系，是非常重要的。

后期的话，就是界面视觉规范设计啦，有了原型图在手，那么界面的布局就

大问题，接下来要干的事情就是，先确定整体产品的色调，色调的确定一点

要和产品属性挂钩。颜色确定好后，就是学习怎么排版更好看。

一个界面的好看与否基本是配色排版决定的，如果这一块是短板的话，可以

多去站酷找些首页推荐作品临摹。界面设计好，就得学会产品输出、整理工程

文件。适配、切图、标注、交互动效、这些的话都都下功夫时间去学习。

3、原创作品篇

UI设计的三大学习步骤--第4页

UI设计的三大学习步骤--第5页

软件搞定、设计规范搞定后，那么就得出自己的原创作品啦，毕竟学UI设

计专业是为了去互联网公司拿高薪，早日实现月薪过万！回到正题，一般去互联

网公司面试找工作都得准备几套作品，作品怎么来，这是个头痛问题。首先你要

有个项目产品的想法，最后是新颖的，别人没有做过的，市面上没有类似的，有

了想法后，就去找参考，给大设计交流网站有一大把的优秀作品，把自己喜欢的、

看着顺眼的作品，收集起来。接下来就是做