零基础入门学习UI设计指南

第一步：认识设计启蒙必备知识

学习一项技能，尤其是已经有一定沉淀并在各行各业有广泛应用的技能，就一定要对它先有充分的认知。在开始正式学习前，你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。

UI作为平面设计的一部分，再往上又从属与美术学这一大类。因此，首先要先去了解整个美术史的发展。从人类起源各个阶段中，美术经历了什么样的变化，在各自的时代发挥了什么作用，近代美术史又经历了哪些波折，平面设计艺术是如何发展壮大走进千家万户，并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处，他们为美术学发展做出了哪些贡献，他们的名作到底有何动人之处。
在今天的UI设计群体中，我们作为专业的设计人员，可以和别人侃侃而谈雷军的创业心得，罗胖子的工匠情怀，滴滴快滴的商业模式以及BAT在传统行业的布局等等，各种其实并不太相干的话题，却说不出半点艺术见解。
我们看不懂博物馆展览那些画作，不知道梵高画了什么作品，抽象派到底在闹腾些什么，更甚者连扁平化的推动有什么深层次的原因都不明白。如果说最近很火的二月河说大学生不看《红楼梦》是耻辱尚有争议性，那么设计师无法理解前人艺术成就是绝对的悲哀，无法去辩驳的事实。
了解美术史，学会入门的美术鉴赏，目的是以正视听。学会用多个纬度去思考美学，学会用更深入的方法来看待问题，学会从更宏观的视角审视行业……这样，你才能更客观的去理解UI的发展历程。这些知识和思想，将为你的职业生涯做出启蒙，才更容易成为一个有内涵有深度的设计师，这当中还有诸多优点，就得靠你们自己慢慢体会。

下面是必看推荐书目：

《写给大家看的设计书（第4版）》（适合快餐族看 行业外者）
《配色设计原理》 （大学在读   0基础  抽一段时间看完）
《平面设计完全手册》 （大学在读  实习生 基础薄弱者  平面是UI设计前身经验基础 必看）

《设计中的设计》（大学在读  实习生 基础薄弱者 即将进入设计工作 看）
《设计心理学1：日常的设计》（已经毕业 进入社会工作 可快速长期看 必看）
《设计心理学2：与复杂共处》（已经毕业 进入社会工作 可快速长期看 必看）
《设计心理学3:情感设计》 （已经毕业 进入社会工作了 可快速长期看 必看）
《设计心理学4：未来设计》（已经毕业 进入社会工作 可快速长期看 必看）

哲学有三大哲学问题，“你是谁？”“你从哪里来？”“你要到哪里去？”，构成了哲人在探索人世真理时的基础框架。我们也一样，要在阶段给自己提出三个问题，并花至少一个月的时间寻找答案：
设计是什么？设计是如何产生的？设计可以做什么？

第二步：学习绘画技巧曾经和很多同行争论过，UI设计，到底需不需要手绘训练。想必大家都知道，目前国内知名的追波上的大神们，很多都是草根出身，从其它行业空降来的，他们的出色是有目共睹的，似乎从某种层面上证实，不需要有绘画基础，也可以做好UI，也可以当大神？
我们来说说绘画的问题。
美术高考主要考的三大项：素描、速写、色彩。
就是绘画入门的三大基础课题，我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍，就会知道，学习基础绘画的过程中，我们在纸张上对现实世界的物体进行细致准确的描绘，也就需要我们更仔细的观察事物。光照射的角度是如何的，在对应的形状中表现出什么明暗分布，在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛，你会对所有设计和形体做出本能的反应，分析它们的美丑，找出核心所在。

这批国内的大神，其实就是在远超常人的勤奋中积累了观察的经验，以此可以复制一定的风格，并能发现设计中的细节而不断做出改正。但这就完了么？当然不是。
你们可以仔细去观察这些没有绘画能力的UI设计师，他们的作品存在着很强的局限性，虽然可以很好完成熟悉领域和流行风格的设计，但是形势是很单一，并且缺乏真正的创造力。强大的手绘能力，除了提高洞察力以外，就是为你将来创作的多元化提供更多可能，

那么学习绘画要到什么程度呢？直到你觉得可以正确绘出静物为止。推荐去报一些高考培训的机构，和高三孩纸们一块儿学画，你会提升的相当快，这个过程只需要两三个月的时间。不要觉得可以跳过，将来成为出色设计师的成本将远低于不学习绘画的其他人。
最重点要掌握的一个绘画技能，是结构素描。

手绘将贯穿你整个职业生涯，在今后的学习工作中要保持这个习惯，相信我，每到一个合适的时机，它总会给你带来意想不到的惊喜。

第三步：学习设计软件

这一步就正式开始进入学习软件的步骤。如果学习的是UI，那么以下几种软件是必不可少的：

Photoshop、illustrator、coraldraw、Sketch、Axure 、After Effects、Flash软件（下载）
其余的根据爱好自己补充
这里要先和大家谈谈美工，有点小理想的有志青年们都对这个称谓充满鄙夷，但我得给大多数人泼冷水，因为大多数设计师连一个合格的美工都够不上。
我们知道美工代表的是一种技师的称谓，有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧，这就是当前设计行业所需要面对的事实。

很多设计师没有经过前两个步骤的熏陶的，在学习软件的过程中很容易自满，他们的视角是狭隘的，只认为学会了PS这些工具，就学会了设计，也忽略了自己远远没有达到美工门槛的界限。

下面我来谈谈怎么学习这些软件：
1-先看PS教程：
只需要先看UI设计行业里最基础的知识点，光、色、分辨率、色彩模式，连这些都没有掌握你就不要想精通设计软件和掌握它们的原理。

再有时间看看其余的PS教程
那软件要学到什么程度？学到你可以用它临摹出任何使用这种软件设计的图形。

如果你看到一张图片，如果基本谈不上临摹出来，那么你的学习PS程度未到。经常自己做一些练习来测试自己对软件掌握度在哪里，就很容易发
好好去理解每个软件可以实现什么，优势是什么，极限在哪里。然后你就再也不跑去群组里问：请问这是什么软件做的，软件只是一种手段，你还并不懂设计！
其余所有软件按照PS教程一一搜索。

第四步：进一步实践广义上来说，到这步才是真正开始学习设计，也是让一、二两点作用开始充分发挥的时候。

因为看过艺术史，所以你会知道，每个时代流行的艺术创作有各自的手法特点，有共性，所以可以被归纳和总结，也就可以教授，培养出相同的作家。换句话说，美术家是可以被量产的。在理论不断被完善的今天，要做出好的设计一样是可以通过理论学习——实践产生，一定不要认为这是天赋上的差距，别人比自己就更有艺术细胞。

前面的几点都为你提供了足够的实践基础，所以在这部才能让你正确看待自己的潜力，不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋，而成为一个优秀的设计师靠的是努力。设计是勤行，不是设计人，不入设计门。
那么第二步实践理论知识我们该学习什么呢？

首先是基础中的基础：三大构成（基础含义）
每个方向都需要阅读相应的教材，重要性无以复加，你需要在观看的时候一边做练习。然后才是具体设计类的书籍，记得不要再买那些无用的通篇告诉你软件操作的书籍。
还有个差点被我忽略，本来想单当一个步骤说得，后来想想还是归纳到这里来，那就是对于字体的认识。UI设计师普遍对字体缺乏敬畏，尤其在扁平化盛行的今天，字体的作用更加突出。只有掌握了字体的奥义，才能设计出有力的排版，才能对可读性和观赏性文字符号有充分的了解。比如日本二十四节气网站就是运用字体的优秀案例：日本二十四节气网站（原网站好像打不开了，只有图）。推荐书目：

《商业字体设计》(方茜)一定要看！！
《好字体》(向玫玫)
《文字设计的原理》([日]伊达千代，内藤孝彦)

接着就是关乎排版，栅格化_百度百科、网页布局栅格化设计，这也是UI设计师必须掌握的基础技巧之一。对栅格化有充分理解，就可以设计出足够安全而和谐的页面，下面书目：
《栅格排版法》
《版面设计的原理》([日]伊达千代，内藤孝彦)
《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德（John McWade）)

还有一些相关的基础推荐书籍，
《形式感+：网页视觉设计创意拓展与快速表现》(晋小彦)（重点推荐）
《在你身边，为你设计：腾讯的用户体验设计之道》

设计的理论书籍教会你怎么设计，你需要在不断接受知识的同时，马上对它们做实验，不停的练习，不停的产生问题并解决。在你的设计观念足够成熟前，建议不要没事上网看设计的XX法则，如何做好网页设计你需要掌握的XX个技巧，完全就是设计界的鸡汤文，它们看着其实挺有道理，但完全没办法给新人提供实践指南，是用来遗忘的，即使看再多这类鸡汤文，你也做不好设计。

学习过程在每个方面都要系统而有调理，书籍比零碎的阅读可以给你带来更多的帮助和进步。

第五步：平衡涉猎-前端开发
在我这个回答：视觉设计师是怎样让前端工程师 100% 实现设计效果的？
已经说很详细了，作为UI设计师，是必须掌握前端的对应技能的，这不是可以完全无限制的发挥设计技艺的地方，你就要有取舍，要跟的上前端开发的逻辑，做出稳定可以被实现的设计稿。
学会HTML5 CSS3 JQ的入门，安卓、IOS的实现规范！

第六步：鉴赏模仿与超越你要学会如何辨别优秀的作品，可以从多个渠道收集优秀作品和案例，首推使用：
Behance
花瓣网
Pinterest

学会看优秀的案例，然后你要做的就是借鉴，用你学过的设计理论在实现中对案例进行分析，只有发现了它们的优点并自己动手实践实现了，才对你的提升有实际帮助。你每天一个案例，BANNER、ICON、APP界面，那么不出几个月，你就能对现有的设计形式套路了如指掌，可以设计出安全问题不大的UI设计稿。

必须提醒一点就是，我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的，这是一个坑，需要有足够的经验去判断什么样的设计已经足够了，什么样的是过度设计，没有实际意义。你不止要在网上搜索优秀的案例，一定要持续关注这些那些最简单，但是最受欢迎的网站和应用。

这篇文章值得一读：点击

第七步：对设计生涯思考

真正的设计大师绝对不会只是孤陋寡闻而只专注在手中的PS，他们不断在认识世界，不断在研究感兴趣的知识和见解，这也就是知乎存在所要满足的需求。

成熟的设计不只是你个性技巧的表达，还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅，症状也在这里。不要只用设计的角度去看世界，去涉猎更多的专业，让眼界更宽广，有更多的角度去理解世界，得到的感悟将给你带来难以估量的升华和进步。
这是可以持续一生的事业和技艺，在正确的方法下，越积累越成熟，老而弥坚。请不要再用肤浅的思想认为它是吃青饭的过度阶段！设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度，而开始追赶潮流，轻视正统和法则。这整个流程需要或许需要1整年的时间，但我相信，只要有足够的耐心，是可以让一个新手成长成为一名合格的UI设计师，请放慢你的角度不要急于求成。