初学者学UI从什么开始？
如果你是零基础UI设计初学者，或者是想学UI设计，这一篇，云和数据将告诉你学习UI设计第一阶段到底要掌握哪些知识和技能。
一、学习工具
俗话说：工欲善其事必先利其器，对于入门阶段的学生们，不要纠结如何学，先玩熟Photoshop。UI设计最常使用的工具就是PS，利用它做一些图标、界面。
二、学习UI设计规范
现在主要是安卓与iOS版本
iOS：
字体
iPhone上的字体英文为：HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。
百度用户体验部做过一个小调查，对APP字体大小的调查结果如下：
内部设计
1、所有能点击的图片不得小于44px（Retina需要88px）
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控件按钮在4种状态下的样式，如下图：
安卓：
界面尺寸
安卓的尺寸太多，建议使用分辨率为720×1280的设计尺寸
状态栏高度：50px
导航栏高度：96px
标签栏高度：96px
Android最近出的手机几乎去掉了实体键，将功能移到屏幕中，当然高度也和标签栏一样：96px
内容区域高度：1038px（1280-50-96-96=1038）
图标尺寸
Android设计规范中，使用的单位是dp，dp在安卓机上不同的密度转换后px值是不一样的
字体
Android 上的字体为： Droid sans fallback ，是谷歌自己的字体，与微软雅黑很像。 Android的字体大小调查结论是：
三、色彩学习
色彩三要素是指：色相、明度、纯度
色相
色相指色彩的相貌，不同波长决定不同色相，是最直观感受到的色彩。
在光谱中，红橙黄绿青蓝紫是最基本的色相。
明度
明度即色彩的明暗程度。
简单点解释，通过色相的加白加黑的一个变化，任何色彩都有明暗变化，从明度光谱上能看到最明亮的颜色是黄色，处于光谱中心位置。最暗的是紫色，处于光谱边缘。
纯度
纯度指色彩的鲜艳程度，即色彩饱和度、纯净度、彩度。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变暗、淡。纯度讲到最低就失去色相，变为无彩色，也就是黑色、白色和灰色。
UI设计中色彩的使用
在UI设计中色彩如何搭配？在UI界面设计比例中：用色一般分为主色、次色和辅助色，它们的比例按照20%-30%、5%-10%和5%配色，通过不同配色比例让界面看起来不会突兀或主次部分。
四、临摹阶段
基础知识了解后，接下来就开始练习了，需要通过临摹来加强你的技巧，这个阶段要做的是：多练多问。
五、学会切图
作为设计师与开发之前的桥梁，切图是非常关键的，合适的切图、精准的位置能最大限度的还原效果图的设计。
UI入门阶段基本上需要了解这些，当然这只是UI设计中的其中一小部分，由浅入深，逐步提升
1、Photoshop。不用多说，任何一名设计师都必须掌握的一款软件，其主要功能涉及图像、图形、文字等各个方面，无论是处理加工图片，还是凭空创作作品，PS强大的功能都能一一事件，掌握PS是成为一名设计人员的前提。那么作为一个想要学习UI设计的设计师，PS是必须要掌握的。
2、Illustrator。简称AI，一款功能强大的矢量图绘制图片，全球有97%的设计师使用AI进行艺术作品创作，无论是在小型设计还是大型项目中，AI都能淋漓尽致地发挥作用，同为Adobe公司产品，AI与PS之间具有良好的兼容性，配合使用常能发挥1+1＞2的作用。 UI设计作为设计中比较高级的一种设计，对于软件的要求会比较高，所以对于UI设计的初学者来说，Illustrator（AI）也需要很好地掌握。
3、Fireworks。这款软件是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，北大青鸟的老师认为，对于初学UI的人来说，Fireworks将是最大的功臣。借助于Macromedia Fireworks 8，UI设计的初学者可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。 因此，在UI设计交互当中，Fireworks是一款不错的选择。
4、Axure RP。它是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。Axure RP 是UI设计初学者绝对的不二选择。
软件学习
UI设计要学的东西很多，软件是基础的东西，要想做好出好的ui设计就得先熟练掌握ui设计的基础软件，软件方面有：PS、 AI、ID、Firework 、Dreamweaver、 HTML5、div+css等等
找灵感
如何找灵感，也就是培养审美的能力，首先我们要知道什么好看，什么不好看。当我们排斥那些不好看的设计的时候，我们的品味就自然上升了。
再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。说到这里，小编给大家推荐一些不错的网站。如：花瓣网、站酷、UI中国、Behance等等…
那么，如何能快速找到灵感呢，当我们接到一个设计任务的时候，该如何去快速的执行，快速找到灵感呢。平时的素材采集和分类至关重要。一定要整理分好自己的素材文件夹。这对于一个设计来说是非常重要的。
设计师的素材资源库，就是自己的财富，只有自己整理出来的才有价值。关键是自己要记得东西放在哪里了，不要用的时候找不到。
懂分析
学会分析好的设计作品，主要从下面的几个方面去分析：
①是配色上吸引了我们的眼球 还是 版式设计吸引了我们的眼球？
②细节处理的很有新意吗？
③背景烘托的很有档次吗？
④为什么排版上看着很舒服？
然后再换位思考一下，如果是自己，自己会如何设计，设计手法和细节的处理会不会？创意想法上有没有给带来些什么灵感...
做笔记
建议准备一个小本子，养成做笔记的习惯，没事拿出来翻翻看学习的时候积累的心得，精益求精。
包括掌握Photoshop、Axure、Illustrator、sketch、蓝湖等常用软件。另外，制作原型，界面，图标制作，素材制作，切图等等相关步骤的软件都需学会。
软件是是设计师的基础，新手刚入门可以先从这点入手。娴熟的技法，是完美展现设计作品的必备条件，要熟练掌握好。
2、临摹作品
对于刚入门的UI设计师来说只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。
临摹的内容，可以有两方面选择：一种是系统自带的图标，另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识
3、掌握平面设计理论知识
包括要掌握构图、排版、色彩和图形的基础理论知识。学习的途径毋庸置疑我们首选从书本获得！
4、锻炼手绘能力。
成为一个优秀的UI设计师需要一定的手绘能力，为什么？首先，在纸上的动手能力比在软件上完成较快速，效率有一定提升。
另一方面，通过手绘，能突出自己创作的与众不同，甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心，这些后天可以勤加练习弥补的。
5、学会寻找灵感
找灵感其实也就是培养审美的能力，这点建议大家可以多逛一下设计网站。当你能知道什么好看，什么不好看，会排斥那些不好看的设计的时候，这时候你的品味就自然上升了。
另外，看到不错的设计要记得采集下来，但一定要学会整理分好自己的素材文件夹。这对于一个设计来说是非常重要的。
2019-12-29 · 始建于1988，专注互联网教育
兰州新华互联网学校
