夜莺叫布咕

前几天发了几篇教程，有UI中国的小伙伴问我没有美术基础、也不是科班出身、是否可以学好插画？

01项目背景 米大师web是什么？ 米大师web是计费平台部为公司以及合作方提供的，web端泛娱乐业务支付解决方案。后台以SDK包提供给业务，前端以支付弹窗形式适配所有业务场景。

设计最多的时候就是在做信息传递这件事，所以信息组织非常重要。信息无穷无尽，但组织的方式是有限的：位置、时间、字母表、分类、层次。

先放上效果图，再说实现方法。 表情变化 实现的过程比较简单，不过大量用到了我在SVG变形动画里提到的虚拟曲线c0,0,0,0,0,0，需要补充相关知识的移步https://juejin.im/post/6844903478347694094 这篇文章。 这个案例因为用到…

SVG动画本质上是动图，我们并不能把它当做实现真正动画的工具，它比gif动图的优势在于小的体量，可交互，可矢量放大，方便修改色值，但它的劣势也很明显，渲染需要耗内存（所以能用基本的移动旋转等等实现就不要用路径变形），而且移动端应用需要第三方框架，即使web应用还要考虑到浏览器的…

确定了自己最牛、最核心的能力，就会发现做选择变得简单了。

跟大家分享一下我在经历需求不明确、设计反复改稿后，如何发现用 “十字法” 来梳理页面中的信息层级的。