以下分享来自微信群同学 米粒

分享正文：

参加百人百天是个很巧合的过程，刷知乎看到了马力老师的知乎 Live 《UI 和交互设计师的入门与成长》，在其中分享了一些自学UI的方法的素材，刚好当时的我很迷茫，想自学UI设计但没有系统的学习方案，不知道从哪开始学习，顺理成章的我就加入了百人百天的打卡活动了。

因为我本身的工作中就需要用到 PS 和 AI 这些设计工具，所以对我而言，开始还算是一个比较轻松的过程。

图标的临摹

一开始是从马力老师给的素材开始临摹的，从一些简单的线性图标开始，主要是从网上找一些图标的尺寸，这样才能更准确的画出图标来。

简单的结构画完之后，我开始在网上搜寻一些很有趣的扁平风格图标，成套的进行临摹，这种生活化的图标有些线条并不工整，画起来为了让线条看起来流畅，也需要费一些时间。

Dribbble 很有设计师风格的图标的临摹，比如 MEB 风格图标，很有特点，一边临摹的时候也一边分析特点，比如高亮度的颜色，粗的描边，偏移的色块做的阴影效果，还有一些星形，圆形的小点缀增加画面的趣味效果。

看到下面这幅画的时候觉得小女孩太可爱了，忍不住临摹了。虽然是扁平风格的画，但花了我两三个晚上的时间才完成。认真分析发现里面的细节很多，同色系颜色的使用，冷暖色的对比，背景的各种细节，都值得琢磨。

累积了一些扁平图标的绘制经验，慢慢地我想尝试一些更细节的图标绘制。拟物图标的绘制一开始完全无从下手，不知道那些真实的效果是怎么画的，硬着头皮找教程，跟着一步一步照着画，看源文件，好不容易能画的尽量像教程里那么回事。

做了那么多临摹，终于尝试自己做一个小图，从画线稿到PS实现，做完之后也很开心能得到群里的点评反馈。完成的图中显然问题还很多，比例、色彩搭配等等。一次自己的作业让我发现了自己前面的学习中存在的不足，所以还要继续临摹。

除了图标的练习，设计的规范也是一定要学习的知识。

上班期间可以尽量规律的保持电脑操作练习，但是春节放假回家没办法用电脑，所以加入了一个手绘小组，改成手绘临摹练习了。放假期间很放松懒散，一度有不想拿笔画的冲动，但是看到群里的朋友很认真的在打卡，还是坚持了一下。

在临摹了很多作品之后，我画的图感觉还是有很多的问题，但是自己却说不上具体哪里不对，要如何改。这时已经进项到 100 打卡的后期了，怎么办，开始看书吧，比如《移动应用UI设计模式》《格式塔心理学原理》《Web界面设计》《众妙之门-网站UI设计之道》看网页相关的书，看设计原则，看界面设计多看一些就知道了网页设计有哪些内容，移动应用有哪些模块。看书之后再看自己的图，才慢慢知道具体问题在哪，还有哪些不足。

100 天打卡的日子结束了，松了一口气，终于还是坚持下来了，中间不是没有偷懒过，不是没停滞过，还好，有相伴的人一起，坚持继续。100 天的时间，开始的时候感觉很长，结束的时候觉得很短。我做了一些练习，看了很多文章，看了书，练习了手绘，学会了 Axure。

打卡期间，从我做的练习中发现了自己很多的不足。还有很多是要花更多时间练习的。一开始是希望能跟着马力老师的计划，但是光每天下班的时间练，时间还是远不够的，还有一半的内容没进行练习。怎么办，继续呗，100天不够学会所有的内容，那就再来一个100天，继续没有学会的 AE ,没画的界面。

100天这个过程，开始的避免不了疲惫和想偷懒的情绪，坚持一下就好了，慢慢的就变成一个习惯啦，这只是跨进这行的第一步，踏实的做好第一步，后面才能继续，加油吧！

------------------------------------------

有兴趣一起学习的同学可以加下马力老师助理的微信，微信号LilySoNice，会有百天练习的配套资源可供参考，另，想要进群一起打卡的同学加助理时请备注【设计师百人百天】。她会把拉你到相应的群。

马力，设计师、产品经理，最美应用创始人，创新工场早期成员，豌豆荚创始成员、IBM用户体验设计师。最美应用每年评估上万个互联网产品，无论是产品设计，还是互联网的运营和推广等，都有丰富的实践经验。在高校里担任兼职导师，一直努力推动高校的设计专业领域教学。在知乎是用户体验和产品相关领域的优秀回答者，出版《产品设计师技能书》，撰写连载文章《产品设计与用户体验如何思考》、《设计师入门之路》等，希望以专业的力量帮到更多人

更多内容请见：

【设计师百人百天】总结分享（01）：http://www.ui.cn/detail/231685.html

【设计师百人百天】总结分享（02） ：http://www.ui.cn/detail/231825.html

优先级（产品设计的思考方式_连载1）：http://www.ui.cn/detail/228663.html

层次（产品设计的思考方式_连载2）：http://www.ui.cn/detail/228673.html

视觉的亮点与轻重（产品设计的思考方式_连载3）：http://www.ui.cn/detail/228982.html

交互的主线与支线（产品设计的思考方式_连载4）：http://www.ui.cn/detail/228987.html

功能的保健与激励（产品设计的思考方式_连载5）http://www.ui.cn/detail/229056.html