橙子的橙子：记得刚开始学美术的时候，都是从临摹开始的，等到一定的阶段才开始写生，照着实物画。这个过程根据个人能力有长有短，但是每个人都必须经历无法避免。
现在回想起来，印象最深的是画室老师让我们上午临摹一张图，下午就立马默写这一张图，刚开始的时候，连画面基本布局都记不清，苹果有几个、分别在哪里都会混乱，但没办法老师要求不能去看原图，只好硬着头皮画。慢慢的到后面，临摹的时候就会下意识的去记一些布局、画面笔触，最后也能还原到百分之八九十了，而且等下次其他同学默写同一张图的时候，还能说出画面某个地方的笔触应该是怎么怎么样的，记得特别牢靠。
在做 UI 的时候，我也发现有很多异曲同工之处。前期都是需要去大量临摹好的页面，然后记忆，形成条件反射，最后再为己用。但很不幸很多新手在入行之初，完全忽略了这点，包括刚入行时的我，拿到原型之后，一味的想自我创新，页面布局、字体大小、间距等都没有深入的去研究，完全凭着感觉来。这做不好也实属正常。
怎改善况呢？法从摹始。
一、怎么找临摹素材
摹素，素坏响效。议摹 APP， APP 页落磨， APP，摹，并从规律。
二、临摹四步曲
很多人临摹的时候，总喜欢「描摹」，比照着原图进行临摹，但这样的成效有限，没有经过太多的思考。我建议可以和上面我讲述的学画画的故事一样，描摹完之后再凭借记忆画一遍，画完之后再比照着原图进行修改。
摹 UI 界，需，验先从摹图标始，扩展、、距，逐击破。从图标始，它 APP 或缺，画导致页细，细节，画升页质。
1. 图标
初需摹图标，需注摹，套摹，图标， UI 界图标套，独存。
程需识画、图标，扩展宽及转换思。把空。
功夫练阶，页相结。验，练功夫，相基，纯摹图标图标身，否图致，怎画速。
如果一开始就临摹一整个页面，就会过多的去关注页面，而忽略了图标的细节。举个例子，如下图1、图2相信大家第一眼看到的肯定是整体的页面风格、调性怎么怎么样，看完之后还会觉得这两个页面是一样的，没有区别？
但其实并不是，注意看一下导航栏上的图标，两个页面的图标在细节上不一样。图1的3个图标描边粗细、大小都不一致。而图2是调整后的，看起来整体统一很多。这些小细节在整体页面中很容易忽视，自己也很难意识到，但是当把它们单拎出来时，就很容易发现问题所在了。
以上只是列举的一个小例子，在实际工作中还有很多很多，所以我建议是先临摹整套图标，把一整套图标放到一起，看看是否统一。
2. 页面
当这一步攻克的时候，就可以到下一步了，临摹整套页面。去找几个线上的图标多的页面了，最常见的就是个人中心页面以及视频类 APP 的频道页。去临摹整个页面。这个时候就要多去注意图标和页面风格是否一致、和字体是否匹配等等。
3. 分析总结
临摹完了之后，要学会总结，比如个人中心图标一般多大、配多大的文字以及颜色等等，不然久了之后就都忘了，白临摹了。比如拿刚刚京东金融和陌陌的页面举例：京东金融是40*40px 的图标配32px 的文字，cell 的高度100px。
而陌陌是48*48px的图标配36px 的文字，cell 的高度100px。
再对比两个产品，你会发现虽然他们字号和图标大小不一样，但是他们的 cell 高度都是100px，那下次自己做的时候就可以优先尝试 100px 的 cell 高度。这样等积累的素材够多时，自己再做页面的时候就心中有谱了，就不用闷头苍蝇一样乱做了。
额扩充，图 APP 图标距离图标距离页距，32px，30px。
按照肯图标距离， APP 呢？ APP 。截图。图音距48px，28px，图标距离页距。
36px，28px，图标距离页距。
致结论，图标距离或者页距，页距。
供思，摹遇任何问题，劲， APP ，从规律，规律结，告诉，印象深刻。
4. 举一反三
颜色
当总结完图标的大小以及和间距、字体等之后，其实还有一个很关键的元素需要注意，那就是图标的颜色，颜色非常能体现一个 APP 的气质，一套经典的配色只看颜色就能让人一眼认出来，而颜色最重要的一点就是需要和产品的调性相符合，如下图，作为金融类产品，跟钱相关的京东金融配色就很稳重，而陌陌的配色就更年轻、活泼。
平时我们多积累几套配色，培养自己的色彩感觉，也可以尝试在临摹完一套图标的时候，重新给它配一套颜色，你会发现当颜色改变的时候，图标整体的感觉也截然不同。
当然你也可以尝试用同一套配色，但是图标造型不同的方式，尽情去尝试你觉得想做的方向，你会发现其实这过程很有意思。在这过程中你也会感悟到很多，方法已经说了，那至于具体什么感悟就需要自己去意会了。
概念稿
总是做一些线上的落地稿的时候，难免会限制自己的思维，所以我们需要做一些概念稿，放飞一下自我。比如在临摹完一张界面的时候，可以基于这个页面的功能自己重构一个，这样的好处是页面功能可以落地，也能锻炼自己的产品思维。
三、如何整理素材库
当临摹四步曲做完之后，我们需要将产出物整理好。如果你在素材库里一分钟内找不到想要找的那个，那么你的素材库多半是没用的。素材不在于多，而在于质量，我们自己曾经画过的图标、页面，都需要加以整理，以备不时之需。现在大部分设计师都是用 sketch 做图，所以我们可以改变一下管理素材的方式，不用 PS 时代的那种一个需求一个源文件的方式。
这种方式在我看来极大的浪费了 sketch 对于做 UI 来说先天的优势。其实我们完全可以把所有图都放置到一个文件中，在这个文件里建 page 来区分，我自己是习惯用年份来区分，一年做的东西都放到一个 page 里，然后会在每个不同的项目前加上说明，后期找的时候容易定位。
这样我们就可以把一些通用的页面元素做成组件，比如上下导航、时间栏等。而且还可以把所有的图标整理到一起，一目了然，对于那些返回、搜索也就不用每次单画了。
按照这样的方法整理的话，源文件的个数就会少很多，只需要按类别把每个种类建一个 sketch 文件就好。
特别是对于写文章的我来说，当我把所有文章的配图放到一起，在做新的图的时候，就可以直接调用之前的素材，对于一些图片大小、图片下方文字的大小、颜色都可以做成规范，就不会出现每次做的不一样的情况了。
四、总结
工作的越久，越会发现 UI 是有规律可循的，只要平时你多注意、多积累，一步一个脚印不要急。技法只要肯花时间都能学会。越到后面看的其实是思维方式，善于思考的人，总能从过往的经历里总结出一套方法论。
最后送大家和自己一句话「不要用战术上的勤奋，来掩盖战略上的懒惰」。
欢迎关注作者的微信公众号：「海盐社」
浙公网安备33011002017549号