零基础的UI设计初学者应如何系统的学习？

查看原文

其他

零基础的UI设计初学者应如何系统的学习？

From: 微信530932259 罗锦 2020-01-05

如果你是零基础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设计中的其中一小部分，由浅入深，逐步提升

关于是自学还是报班这个问题，之前也有朋友问过我。学习是一件很枯燥的事情，面对这个选择时，你需要客观认识自己，如果你自制力差，没有办法每天坚持学习，那么就去找个专业的UI培训班吧。

我们UI设计培训班，一般分了一种为线下一种为线上。

线上的培训费用一般是1-2万左右，一般学习周期是4-6个月，适合不工作不上学，经济条件不错的人。全体学习，不过零基础学的话，难度比较高，因为时间只有4个月，所以压力是非常大的，还有就是地区限制，比如北京的线下培训就必须去北京学习，海不保持住的。所以算下来4个月差不多最少也需要30000左右的资金投入。太高了。要是没学会，或者说学不下去，就太浪费了。

第二种就是线上培训，例如我们的，费用这块的话，我们的是2999元，UI设计全套，一般学习周期也是4-6个月。不过我们提供了复训三年，也就是说你学了第一期还没有学懂得，第二期可以再学习，同时三年都会有老师解答问题的。（但心学不会的，也可以放心了，有三年的复训。）

然后就是我们的课程一般是一周上五节课，全是晚上八点半开始上课。

如果晚上要加班，也提供了视频录制，第二天就可以看录制的视频学习，适合边上班边学习的人，也适合经济条件不是很好的呢，同时，更适合想转行又担心转行失败的人，可以边学边转，学会了就转，没有学会前又有自己的工作。

学习UI设计加微信5032692

精彩回顾：

零基础学习UI，如何4个月入职互联网公司？

为什么要选择下班后努力学习？

没有天赋能做设计吗？

往期回顾：

平面设计和UI设计的区别，UI设计学习书籍推荐（零基础必看）

什么样的人适合学习UI设计？（转行必看）

UI设计课程一览表