南昌卡戎科技：三个月入行的UI设计一点经验

今年1月，南昌卡戎科技：没有绘画基础可以学习UI设计吗第一份UI/UX设计实习。只是强行自学了一些UI/UX的基础知识的我，在刚开始时常常一脸懵逼.jpg。虽然一直在踩坑，不过回头看也成长了许多。

于是打算用文字梳理一下自己的微不足道的经验，mark自己踩过的坑以警醒自己~

0. 成为整个系统中的一部分

在一个team里做设计，和自己闷头设计的区别在于：

00001. 1、需要和团队的其他人（包括且不限于前端工程师，产品经理）进行协作，这意味着有效解释/传达设计变成了工作中重要的一部分。

00002. 2、由于项目庞大且迭代速度快，项目管理在设计中是必不可少的。（版本、素材管理等等，每个都是坑）（关键词：文件名管理，学用github）

00003. 3、不考虑产品本身，设计得再好（看）也没用

1. 多看几份优秀的UI规范

该看啥规范？去哪找？以下几个思路可以参考：

· 两份重量级的：

3. 界面在前，规范在后

当我刚开始实习的时候，我们的产品其实已经有一个draft版的设计规范了，不过在我接手之后，发现很多地方都需要修改。无知的我，在对整体界面一知半解的情况下，就急吼吼地开始修改设计规范。后来发现这样实在是吃力不讨好。比如，改了半天按钮的颜色和尺寸，自己感觉是顺眼一些了，却没考虑清楚它放在界面上是什么样子（捂脸）。后来领悟到，UI规范是用来交给前端，保证界面consistency的。如果只是为了做规范而做，就失去了它的意义~~~这个感悟确实很废话，不过对我意义重大呀。

后来我就乖乖从界面开始了。（……）

4.多跟前端交流

不要因为前端工程师坐的比较远就不跟他们说话（？）。根据我的经验，前端工程师们都很友好。而且他们也很厉害，毕竟公司没有设计师的时候，是他们在设计界面呀。

教我看前端代码，而且熟知各种UI element的名字，在不知道要怎么搜某个element的时候他们能提供准确的关键词。

跟前端交流的原因之一：不能assume自己的图交到前端手里就会piu的一下变成一模一样的界面。所以要

跟前端交流的原因之二：学会考虑技术实现。比如，是前端告诉我之后我才知道，设计按钮的时候规定大小是不对的，而应该规定padding。

愈发感觉不学代码就是不行。下一步给自己挖的小坑是学一学前端，希望自己不要被懒癌战胜orz

5. 使用Sketch里的Style，Symbol和Nested Symbol

设计页面越来越多之后，维护各个页面之间元素的consistency变成了一件超级费心费神的事情。幸好Sketch有这几个超级好用的功能，使我在想要改动多个界面同一元素的时候原地免于原地爆炸。我的经验是尽量把常用颜色，各种大小的字体都创建成style，尽量把重复出现的元素都捆绑成symbol，把经常出现的样式比如卡片啊之类的做成nested symbol。这种做法，虽然前期耗时耗力，不过越到后面就越会觉出方便的地方。