UI设计干货

编者按：作为一枚有代码经验，常年和工程师打交道的设计师，总结了程序员学设计的五大误区和三大秘籍，仔细看完，会发现这些经验特别适合想自学设计的新手，而且实战性强，操作性高，干货满满！

经常看到一些讲如何学习设计的文章，坦白讲感觉有些千篇一律、且不痛不痒，都说要看点书、学点画、练软件、多观察……唉，练软件这事还要说么，难道你还需要告诉一个人学开发是需要学习编程语言的？ 学习是基于过往经验的成长，每个人的知识背景不同，就需要因材施教。那些没有明确受众的教程，本身就是伪命题。给一个美术生教设计、和一个程序员讲设计，完全是两码事。 程序员学设计有什么关键问题？作为一个理工科出身的设计师、会写一点代码，常年在创业团队和工程师混在一起，我自认为还是挺了解的。 （设计有很多层面，这里我们主要讲的是偏美学、偏视觉层面的。） 五大误区 绝大多数程序员学设计都或多或少有这些盲区、雷区： 认为审美难以提升 不但对自己的审美缺乏信心，对提升审美也没有信心。 不知如何提升审美 重理性的人，对于审美这样 “没有理论支撑” 的东西，不知如何提升。 错误的以为仅靠多看就能提升审美 都讲要善于观察、多看作品来提升审美，照做，但都没掌握「看」的关键思路：没事逛 Dribbble 觉得啥都漂亮，但其实都看了热闹；光看不做，其实「看」一定要与「做」结合，而且往往「做」在先。 认为设计有无限可能 不像有清晰思路去解决问题的编程，设计似乎都是开放式命题、有无限的答案，即便掌握了软件，面对真实的设计问题也无从下手。但其实真相是，可能 90% 以上的设计本质上也是搬轮子再拼装，你首先要熟悉这些轮子。 从未意识到，设计也是可以组装出来的 一张图有什么好组装的？其实不然，就像程序由一行行代码组成，设计也可以被解构，反编译！同样也可以被组装出来。 认为自己缺少灵感 灵感本就是一个伪命题。所谓上天击中你的刹那间的灵感，往往也是基于你脑海中的某些信息碎片，只是可能你也不记得是在何时看到、何时产生的了。所以，缺乏灵感，只是说明你看的不够多，看的不够用心。 三大秘籍 而针对这些问题，实际也有三大秘籍，是我对自己学设计的过程的总结，很可能是 “独门绝技”： 理论先行！ 如何快速提升审美？读书、理论先行！并运用你擅长的推导能力，深刻认识这些理论。 归类！ 90% 以上的设计可以被归类，也许让你有些失望，但这就是真相。归类可以让你看到隐藏在设计背后的「轮子」，为自己所用。 解构！ 是指在看设计作品的时候，看透它的基本构成。这实际上与归类是密切相关的，二者相辅相成，成倍提高你设计水平提升的速度。 至于要多实践什么的，都是通理，没什么好啰嗦的。 如你所见，这里的秘籍都是逻辑化的思考方式，作为程序员、聪明如你，这不都正是你擅长的么？所以，我一直挺认同那句话：程序员学好设计，相比反之设计学好程序，要容易的多。下面逐个重点展开说下： 理论先行 —— 审美速成 这个话题主要关于审美，最基础、最重要。 审美不是天生的，没有人天生就有出类拔萃的审美能力。当然在这样一个平均审美偏低的国度，你很可能受环境影响大，导致系统默认值差一点，但这也不代表你一辈子就这样了。