UI  学习计划

最近有很多朋友在问我“你是怎么学 UI 的，我想转行应该怎么学”。其实 UI 入门其实并不难，只要你有兴趣都可以学。但是想做到高级UI的话可能就会有点吃力，但是坚持和努力就没有什么办不到的事情。以下是我整理的一些适合初级 UI 学习和了解的知识。

UI 是什么

首先，我们得知道 UI 是什么，“UI”的本义是用户界面，是英文 User 和 interface 的缩写。UI设计师简称UID（User Interface Designer），指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

这些百度百科一下就知道了，简单来说 UI 设计师设计的就是人机交互的界面。

我当年入门 UI 的第一本书就是【术与道】推荐大家去看看。

UI 界面的规范

主要是了解设计尺寸、分辨率、单位、切图、命名规范（倒如：类别_功能_模块_状态）、标注。要想设计和既好又规范这些内容要了解得透透了，也能帮助跟工程师的沟通。

对App 基础控件的认知

作为移动端产品的视觉设计师，我们首先要对app内的一些基础控件有所了解，比如说：按钮、导航、弹窗、浮层、表单等等。

可通过此链接 https://www.uisdc.com/advanced-ui-designer-design-system 了解期中一部分。

字体

对于字体，我们需要了解各个系统使用的默认字体，比如 iOS 用的是苹方，设计时也是多用苹方，Android 用的是英文：Roboto   中文：Noto（思源黑体）。还需要知道一些常用场景下的字体大小，比如说：导航栏一般使用32、34、36px的字体大小，底部标签栏的字体大小一般为20px等等，这些内容在网上有很多资料。

配色

不同颜色代表不同性质。我们在配色时要从项目产品本身想要表达的意思来着手，如果配色实在不好的话可以吸取一些网络上已经配好的图片颜色。

图标设计

初级 UI 可以从临摹和练习先入手，等到熟悉到一定程度时再发散思维去创新一些新图标，基础功要打牢。

排版原则

排版的要素：构图（视角）、颜色、字体、点缀。

排版的原则：对齐、对比、亲密性、重复。

排版嘛还是得靠自己去多排多看，有很多排版方面的书都可以去学习，不能自己想怎么排就怎么排，要排得有依据。

简单的动效

UI 设计也会做一些简单的动效，比如加载，刷新等等，这些都是相对简单的动效可参考 https://www.uisdc.com/app-loading-motion-design 

走查规范

基本的做法就是将手机上现实稿截屏与原版设计稿进行对比，列清楚所有问题点，并告知如何修改。设计效果和开发效果不可能是一模一样的，还得看工程师的还原度，所以 UI 设计师在设计完后不能就不理了，还得做最后审核。

交互常识

比如当人和一件事物（无论是人，机器，系统、环境等等）发生双向的信息交流和互动，就是一种交互行为。

文件管理

每个项目的文件自己都要管理好，不然后期随着文件的增加、版本的迭代，如果没有一个分类规则，找文件时非常麻烦。这里可以熟悉一下 Sourcetree 。

个人素材、资源库

定期要对自己的资源进行整理与分类，比如说你的网站资源。平时看到好的设计作品可以收藏起来推荐购买 Eagle.

开发常识

作为视觉设计师，经常会和开发对接沟通，如果我们能了解一些关于开发的基础知识和他们的思维逻辑，一定可以避免很多不必要的时间浪费。

产品常识

短期内把需求分析、产品定位等等这些基础的知识点理解清楚就足够了。

用研常识

用研常识也一样，也是一些基础的知识点，短期内了解即可，比如用户画像、场景图、问卷调查等等。

执行：

1、相关专业书籍一定要阅读（每天阅读半小时）

2、每天都浏览设计网站提高审美和找灵感（每天浏览时间不能少于半小时）

3、制定一个练习计划（一周临摹2-3个页面）

建议临摹一些知名应用，临摹过程中分析应用。

4、优化和总结（优化在临摹结束后，总结一篇文章）

优化已经上线的应用做为练习，并总结学习和成长。

入门其实很容易，重要的是坚持下来，以上内容有些连接来自于网络，仅供参考。