从零基础如何自学 UI 设计?

从零基础如何自学 UI 设计?

在知乎上也码了不少字,结合以前的回答,说说我的建议罢。

大的要点其实就这么两点:

1. 系统的学习与积累

2. 不断地思考与动手

一、认识 UI 到底是什么

很多朋友可能认为 UI 就是画画图标之类的视觉工作,其实不是的。它更重要的是清晰地呈现内容,展示功能,让人高效地工作。

一句话概述的话就是:UI 是架接机器与人沟通的桥梁。

UI 的中文名是用户界面(User interface),而我们现在使用的大多数设备界面都是图形用户界面,即 GUI(Graphical user interface)。我们通过这些可视化的图形界面来理解计算机,进行工作。

但是最初的界面可不这么友好,那时的界面还是命令行界面,CLI(Command line interface)。计算机只是被政府或大型机构使用,在普通人眼中是完全不能理解的存在。

(命令行界面,Bourne shell interaction on Version 7 Unix)

而乔布斯一直渴望计算机能进入寻常百姓家。在 1979 年,他「命运般」地参观了施乐公司,然后做了一回搬运工……使得图形界面被应用在 Macintosh 上,还引入了鼠标。苹果电脑大肆宣传其创新的交互界面,Macintosh 的诞生开启了一个新的时代。而那时的界面设计也奠定了现在的计算机界面。你可以发现很多设计,过了几十年依旧被保留了下来。

(1984 年面世的 Mac OS System 1.0)

因此 UI 设计师的首要任务是设计一个个图形界面,为的是让人们能够清晰、高效地使用软件。

二、优秀的 UI 设计师要掌握些什么

我非常鼓励大家学习多方面的知识,而不是视觉就只盯着视觉,交互就只盯着交互。可以在跨学科的学习中慢慢树立自己的专业方向,然后目标成为「T 型」设计师,拥有知识面的广度和专业知识的深度。

我前段时间梳理了一个「UI 设计知识库」:

(以上内容来自我的专栏:

。红字是我认为 UI 设计师第一阶段必须要具备的知识和能力。)

三、这么多东西该怎么学

其实我已经通过上图将知识点很好的归类了,你可以将上图更细分,一个个攻破。

我在这也不能具体地说该怎么学画画、怎么学平面,知乎上已经有很多优秀的回答,希望真正好学的人可以自己整理,然后制定适合自己的学习计划。

以前还有谈过这个问题也可以应用:

四、边学边不断地积累

这部分我可以通过分享三个回答来说明。

第一个是我对于「设计师如何积累素材库」的回答:

摘录大步骤如下:

(想看详细请点原回答链接)

第二个是

对于「设计师如何记笔记」的回答:

摘录大纲如下:

1. 为什么记笔记?

2. 笔记对设计师或设计学生意味着什么?

关键字:思路,积累,总结。

3. 怎样记笔记?

这里我用具体实例来分析。

(想看详细请点原回答链接)

第三个是我「分享的设计书单」:

(请点原回答链接查看。有好的书,也欢迎大家推荐给我)

关于我自己的故事分享请看这: