自学设计，你真的入门了吗？ - 简书
自学设计，你真的入门了吗？
写给UI设计初学者们
几乎每隔几天我便能在简书或其他各类设计网站看到关于自学UI设计的分享文章。这些文章有一个共同的特点，就是描述作者如何从一个零基础的设计小白，通过种种途径，成长为一个熟练掌握PS或AI的设计达人的，亦或是分享了一堆有参考价值的设计类网站或工具等等。这些文章的点击率很高，因为通过这些初学者眼中的“干货”，能够很容易地进行模仿，并得到技能上的快速提升。
但我想问的是，这真的是学习UI设计的正确方式吗，如果不是，那有没有一篇能够正确引领大家学习UI设计的文章呢？很可惜，我在网上搜了很久，没有找到那篇我认为是正确的文章。
导致这个问题，我觉得可能有以下两个原因：
这类文章的内容往往比较“湿”，理论性比较强，需要时间慢慢体会，不是拿来就能用的东西，因此文章的点击率往往较低，随着时间的推移，很快便淹没在了那些新鲜出炉的设计干货之中，而无法搜索到了。
那些真正优秀的设计师往往都早已过了初学者那个阶段，他们也更乐于分享自己的设计观点或杰出作品，却很难站在一个初学者的角度来写如何学习设计的文章了。
我也曾和很多设计初学者们一样在自学的过程中有过困惑，走过弯路。今天，我仍在不断地努力学习，去尝试理解设计的真正含义。我也希望通过这篇文章，能给那些还在设计门外打转，不得其门而入的学习者们一些不同的启发。
我为什么自学UI设计
我之所以自学UI设计，其实源于一次失败的创业实验。称它为实验，是因为它并不算是一次真正的创业，我和我的合伙人并没有放弃自己的工作，而是利用一些业余时间来做一个以实习生为主题的社区（那时还是“开心”、“人人” 这样的SNS社交平台大行其道的年代）。我那时是一家500强金融集团的应用架构师，因此，便当仁不让地承担起了我们这个团队中程序员的角色，负责完成了整个平台的架构以及开发工作。但始终困扰我们的是，找不到一名优秀的UI设计师，能够把这个平台推到一个产品的高度。我们也曾经通过朋友介绍或在淘宝上寻找，合作过几位设计师，但由于种种原因（有技能问题，理念问题，投入度问题 等等）都无法达到我们的要求，最后也都不欢而散了。当然，我们的这次创业也最终以失败而告终。现在回想起来，失败的原因有很多，但缺少一名靠谱的UI设计师，导致我们的产品迟迟不能推向市场，是这次失败的一个非常重要的原因。
我始终觉得自己还是一个有着产品梦想的人（自我鼓励一下^-^），因此，为了下一次重新启航行时，不再重蹈覆辙，我便决定开始自学UI设计。
自学路上的困扰
我在自学UI设计的道路上，走得并不平坦，有过很多困扰和挫折。今天想来，其实最大的障碍正是源于自身对于UI设计本身的理解不够全面和深刻所导致的。
概括起来，主要有以下几个发面：
对于学习UI设计的困难准备不足：由于在此之前，一直从事企业级应用的研发，因此，那时在我们的圈子里，设计师（我们更多称为“美工”）属于非常边缘的辅助角色。我也想当然地觉得学习那些技能对于我来说是小菜一碟，几周就能搞定。但实践证明，我错了，真正的UI设计远没有想象中那么容易掌握，直到今天，我都不敢说自己已经掌握了UI设计并能称得上是一个UI设计师。而随着我对设计本身理解的加深，对设计师的看法也完全转变了，他们不再是我口中的美工，而是一个能够左右产品优劣，驱动产品研发的关键角色。
认为 学习UI设计 = 学习 PS、AI等工具：当决定学习UI设计后，我便开始在网上搜索如何学习UI设计，而“度娘”给我的答案便是大量的PS、AI等各种设计教程。我也是一路拼命下载，然后不分昼夜地学习。不久之后，我确实能够按照这些学习指南P出一些图，或是作出几个图标来了，但当我尝试独立去做一个完整的UI设计时，我突然发现我作出来的东西与那些我所见过的优秀设计仍是天差地别，即使是我完全模仿那些优秀作品做的设计，仍然感觉怪怪的，好像哪里出了问题，自己又说不清楚。这时，我才意识到我的学习方法可能错了，简单地说就是捡了芝麻丢了西瓜，虽然掌握了一些设计工具技巧，但却对真正的设计一无所知。
审美能力不足：另一个我遇到过的困难便是自身审美能力的不足。其实我想说，这不仅是我一个人的问题，可能也是我们这一代，甚至是几代人共同的问题。由于整个教育体系对于学生在美学教育上不够重视，导致我们从小缺少艺术和美的熏陶，美术课往往会被语数外等主课霸占，从而成为摆设。由于缺乏对美的感知和判断能力，导致我们很难准确评判自己作品的优劣，更不会知道如何去改善它。放到更大的角度，我们很难像苹果那样设计出伟大的产品来。
重新认识UI设计
在意识到学习方法的错误之后，我便再次寻求了“度娘”的帮助，但这一次我要找的是那些优秀设计师们自己对于设计的感悟，设计心得，推荐阅读的设计类书籍 等等。我也放下了手中的PS、AI，静下心来进行大量的阅读。通过这些阅读，我也渐渐了解并重新认识了UI设计。
经过对设计知识的重新梳理，我将所需要掌握的基本设计技能归纳为以下10点（我将会在日后的《设计谈》系列文章中对以下每一点进行展开，并分享我的设计心得）
色彩：需要理解色彩的基本原理以及配色方法。色彩很难把控，因为它很容易被过度使用。如果，你还是一个初学者，那么尽可能使用柔和的色彩，仅在需要强调的地方使用更醒目的色彩。
字体与排版：文字往往占据整个设计内容超过80%的区域，所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。
动效：动效能够显著增强一个应用的用户体验。他们能使你的应用更有生气和迷人，前提是你所设计的动效快速、流畅，并且是符合用户预期的。
图标：优秀的图标往往与我们每天见到的事物紧密关联，比如 相机、垃圾桶、云等等，能让人一眼就识别出它所代表的功能。因此，使用那些具有良好辨识度的图标，避免让用户产生混淆。
声效：声效在设计中用得很少，但恰如其分的声效能够提升用户体验。用户不用看到你的应用，光听到一个熟悉的声音便能识别出你的产品来。
获得设计灵感：设计灵感不是与生俱来的，你需要不断地寻找它。有很多获得设计灵感的方法，下文中我将分享我的一些经验。
设计原则：流行转瞬即逝，但设计中最本质的东西却能永恒。设计大师们很早就认识到了这些，并将它们提炼为设计原则。你要做的是，理解这些设计原则，并将它们运用到你的设计之中。
用户体验设计：你需要了解你的用户，这样才能设计出符合用户需求的产品。学习设计心理学，将有利于你设计出更人性化的产品。
基于不同平台的设计：在不同平台设计产品有很大的差异，你需要了解产品所在的平台（如 IOS，Android），并符合它们各自的设计规范。
设计工具：设计工具有很多，对于UI设计，我建议使用Sketch3，因为它是专为UI设计而生的，能给你带来更高的设计效率。
改变设计工具
自从我改变学习UI的方法之后，一直到今天，我每天都会坚持阅读
上的每日推荐文章，它能让我了解国外优秀的设计师门都在想些什么或做些什么。而这之中，给我带来最大改变的便是，我放弃了原来使用的 PhotoShop，而开始使用Sketch来进行UI设计。因为我惊讶地发现越来越多的国外设计师，特别是在初创公司的设计师们开始使用Sketch作为他们的设计工具。
（ 下图为2015年
对4,000名来自不同领域的UI设计师的问卷调查后得到的UI设计工具使用情况 ，Sketch已经大幅超越PhotoShop成为设计师们首选的UI设计工具）
Design Tools Survey - Interface Design
实践证明，Sketch的使用确实给我带来了极大的惊喜。
小巧快捷：Sketch只有41M，相较1.6GB的Photoshop来说显得非常的小巧。因此无论是安装，还是启动、运行，Sketch都非常快捷。
专为UI设计而生：Photoshop是一个图片处理工具，它包含了大量图片处理功能，而这些对于UI设计师来说是多余的，并会成为UI设计师们工作时的噪音，降低他们的设计效率。而Sketch则专注于UI设计，它的所有功能都只为UI设计服务，比如：使用统一的计量单位 Pixel 使你不必关注其他计量单位（cm，ml，picas），支持HSB、RGB颜色模型和色板功能，使用Symbol可以将方便的复用你的设计元素，针对任意设计元素或元素组导出不同分辨率的图片 等等。另外你不用再面对一个一半功能都不会去碰的工具栏，也完全不用去关心那些与UI设计无关的东西，这使你更容易学习和掌握这个设计工具。
强大的插件功能 ：虽然Sketch的核心非常小，但它却提供了非常强大的插件功能。针对不同的设计场景，可以使用不同的插件。比如，你可以使用Sketch Palettes保存你的常用色板，并与朋友方便地分享。使用 Magic Mirror 可以将你的设计方便地展示到不同的实体模型（如: iPhone，iPad，书的封面 等等）。也可以使用 Sketch Content Generator 来批量地产生内容，这能为设计师节省大量的时间。还有像Measure、Dynamic Button、Sketch Constraints 等许多非常优秀的插件可以帮助你大大提升工作效率，从而使你更能够专注于设计本身。
以上只是Sketch所带来的众多优秀特性中的一小部分，网上已经有很多关于Sketch的设计教程和指南，你能通过这些资料，快速的学习并掌握Sketch。我正看到越来越多如Sketch，Affinity Designer, Affinity Photo 等创新工具对设计工具领域带来的变革，他们不再追求大而全，而更注重于以最简洁、高效的方式服务于不同的设计目的。这也正是互联网思维在设计工具领域的一个体现。因此，如果你是一个UI设计初学者，亦或已经是一名UI设计师并正在使用PS、AI等工具，我都建议你尝试使用Sketch，因为，它是一个能给你带来巨大改变并代表着未来的优秀设计工具。
寻找设计灵感
对于设计初学者来说，经常会为找不到设计灵感而苦恼。而我想说的是，灵感不是与生俱来的，它需要你去不断地寻找。如果没有灵感，你将永远不能开始，更别说去完成一个设计了。下面是我使用的一些方法。
我没有上过任何设计学校或培训班，因此我的大部分设计知识，都是从阅读中获得的。我几乎不读那些30天速成系列的书或关于设计趋势的文章，因为我知道技术的变化是非常快的，正如，我现在完全使用Sketch来做设计，而不用PS一样。我更关注设计的本质，书是获得这方面知识的很好途径。
下面是我书橱中的一部分设计类书籍，我阅读那些对设计有着深刻思想的人物传记 如《乔布斯传》，与设计相关的心理学书籍《设计心理学》、与色彩相关的《色彩设计》，与字体相关的《设计师的自我修养》等等。也正是通过这些书籍，让我逐步理解了设计的内涵，从而让我彻底走出了之前学习设计时的误区。
另外我也会读一些网上的优秀文章， 是一个我获得高质量设计文章的优秀网站，在这里我可以看到最新的来自全球设计师的优秀分享。当然，我也在 、、 等网站上阅读那些具有思想性的设计文章，并且通过关注一些优秀的设计师，从他们身上学到了很多经验和启发，给我学习UI设计带来了极大的帮助。
收集优秀设计
另一个获得灵感的方法是收集优秀的设计作品。Ember是我用过的用来收集设计素材的最佳工具。更棒的是它支持订阅功能，可以从Dribbble这样的网站自动下载设计作品，并让我非常方便地浏览和收集。(下图为我的Ember应用截图)
除了Ember之外，我也使用来收集手机上看到的优秀设计，并按照分类添加大我在Pintrest上创建的Board中。(下图为)
拥有工匠精神
你所做的每一件事情，它的背后都可以和艺术联系在一起。只要是付出了努力，精心制作，并能反映出作者情感与灵魂的东西都可以被称为艺术品。想一想你平时喜欢做的事情，阅读，散步，美食或者看展览。这其中的每一件都与一种艺术形式相关联：写作，环球旅行，烹饪、摄影。你会发现当你当你不断完善某一项技能的同时，其他技能也会得到加强。对于设计来说，上面提到的 写作、摄影、旅行等都是对设计能力的很好补充。
最后，希望能够得到更多朋友的反馈，“喜欢”或是“点评”，你们的意见能够帮助我验证自己对设计的理解，并帮助我不断完善它。你也可以在简书中关注我，后续，我会陆续将文中提到的 色彩、文字与排版、动效、图标等内容以【技匠谈设计】系列文章的形式分享给大家。感谢大家的支持和鼓励 ^-^
稀土掘金联合编辑：技匠，以上内容欢迎大家分享到朋友圈/微博等。如需转载，请通过我的微信公众号联系。谢谢大家！
《程序员的自我修养》作者，微信订阅号：techmask
全栈工程师 | 技匠社创始人() | 稀土掘金联合编辑 |51CTO特邀作者| 慕课签约作者 | 百度知道日报特邀作者 | LinkedIn专栏作者 | IT管理者
工作时我是一名IT管理者，下班后我是一名全栈工程师，做着自己喜欢的开源项目。很愿意与大家分享我在实践中获得的经验与感悟。
【已委托“维权骑士”为我的文章维权】推荐到广播
23815 人聚集在这个小组
(骑着小猪去钓鱼)
第三方登录：一个资深UI设计师必看的八本书 - 推酷
一个资深UI设计师必看的八本书
一个资深的UI设计师应该具备哪些理论基础呢？其实这并没有标准答案，最关键的是市场的需求，但作为设计师也应该会经营自己的能力。在这个创业公司如雨后春笋般的年代，作为UI设计师，无外乎能给公司解决这些问题：平台品牌VI，平台UI，平台营销广告，公司UED建设等，能解决这些问题，对于企业的价值不言而喻。虽然这些基础不能100%解决你的问题，让你成功，但是我敢肯定，因为有了它们你在实践中必然会事半功倍！
一、写给大家看的设计书(第3版) — 所有设计师必备
《写给大家看的设计书(第3版)》出自一位世界级设计师之手。复杂的设计原理在书中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格，将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前。全书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。
二、方寸指间:移动设计实战手册 － 手机APP界面设计必备
《方寸指间:移动设计实战手册》内容简介：互联网已经全面进入了无线时代，越来越多的设计师开始投身到移动浪潮中。在追求短频快的产品节奏下，需要设计师快速地领会移动设计的要点。这本移动设计手册将顺应这个特点，通过一幅图和一段高度概括的文字，直切移动产品设计过程中的关键点。从如何开始着手移动设计，到设计原则、导航、细节、适配和移动特征，等等，让设计师们能全面了解移动设计的方方面面，快速上手。
三、移动设计 － 方寸指间的完美补充
《移动设计》内容简介：移动设计领域第一书！移动应用的交互设计对于移动产品的体验来说有着决定性的作用。作者结合大量实际项目案例，从特征、原则、框架、细节、动效、适配、创新、工具几个角度出发，同时引入“流”的概念，对移动设备用户体验进行了全新解读。《移动设计》适合对移动设计感兴趣、想进入此领域的设计师们做入门指引，亦可给正在移动产品领域从事设计的设计师们以借鉴。
四、图灵交互设计丛书:设计师要懂心理学 － 洞悉用户心理增加设计修为
《图灵交互设计丛书:设计师要懂心理学(全彩印刷)》出自国际知名的设计心理学专家之手，内容实用，示例清晰，以创造直观而又有吸引力的设计为宗旨，讨论了设计师必须知道的100个心理学问题，每个问题短小精悍，片刻即可读完，让人轻松地理解设计背后的心理学动机。
五、腾讯网UED体验设计之旅 － UED建设必备
《腾讯网UED体验设计之旅》是腾讯网UED的十年精华输出，涵盖了丰富的案例、极富冲击力的图片，以及来自腾讯网的一手经验，通过还原一系列真实案例的幕后设计故事，从用户研究、创意剖析、绘制方法、项目管理等实体案例出发，带领读者经历一场体验设计之旅。、
全书核心内容涉及网媒用户分析与研究方法、门户网站未来体验设计、H5技术在移动端打开的触控世界、手绘原创设计、改版迭代方法、文字及信息图形化设计、媒体产品的交互设计、大项目设计管理方法等。
这是一本“干货”型读物，内容权威而真诚，案例具体而真实，图文并茂、印制精美。推荐广大设计爱好者、互联网设计从业人员、视觉设计师、交互设计师，以及用户体验从业人员参考阅读。
六、自由&字&在:字体设计与创意 － 字体设计必备
《自由&字&在:字体设计与创意》是一本用心写的字体设计书，作者将他多年的字体设计历程都记录在这里。从本书中你可以读到作者在字体设计方面的经验、成功案例的分享，以及与字体设计相关的一些故事；看到作者成长的点滴——那些弥足珍贵的除了技巧和技术之外的东西。
《自由&字&在:字体设计与创意》首先讲解了字体设计的一些基本法则和设计方法；接下来作者以“36计”的形式将其多年的字体设计经验做了细化和总结，帮助读者学习、理解；然后通过33个成功的商业字体设计案例向读者阐述了实际面对客户时，应该注意的设计切入点、主题确立和设计原则；最后，作者分享了其平时做的字体创意练习和生活中有感而发的字体设计，通过这一部分，读者可以学到技巧之外的内容，了解创作背后的故事。
《自由&字&在:字体设计与创意》适合字体设计爱好者、平面设计师、网页设计师、UI设计师和标志设计师阅读；同时也适合与字体设计相关专业的师生参考阅读。
七、形式感+:网页视觉设计创意拓展与快速表现
《形式感+:网页视觉设计创意拓展与快速表现》可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试都能够给观者一个新颖的视觉表现。
八、在你身边,为你设计:腾讯的用户体验设计之道
《在你身边,为你设计:腾讯的用户体验设计之道》内容简介：设计属于所有人，也意在为所有人使用，这既是设计的价值，也是设计的责任。《在你身边,为你设计:腾讯的用户体验设计之道》是腾讯核心部门之一CDC的设计经验总结和分享，并含有常规的交互设计、用户体验方面的设计法则，图文并茂，展现交互、视觉、用户体验设计的结合，体现当今着重体验的设计感受。《在你身边,为你设计:腾讯的用户体验设计之道》内容包括：设计理念、设计方法、用户研究、体验设计、设计流程和工具，以及团队成长与管理等方面的知识与经验分享。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致