大学时期接触过墨刀,拖拽几个标签、加个图片算是完成作业,没有细细琢磨过动画实现,更别提产品设计。
进入新的公司,领导想把我往产品设计的路子上带,在上一家公司一直做的Web前端相关的工作。产品设计得会画原型吧,于是乎,重新学习了墨刀,说是重新学习,更多的是从零开始。
总结一些学习过程中的体会吧!
一开始也是贪心,想着之前有接触墨刀的基础,进入工作区,立马就创建了一个支付宝demo,很无奈看不懂呀,只看到一推线,一堆手势。
本事不到家,更加不能心浮气躁。沉住气,看教程呗。
墨刀的教程做的蛮清晰明了的,看完【快速使用墨刀-快速上手】【基础手册-工作区】大概就能制作一个有模有样的静态页面,这部分花十来分钟看一下还是很有必要的,能让你快速入门。
光光静态页面肯定不行呐,接下来就重点攻克一下【进阶效果】,讲真,我觉得墨刀的重点就是【母版】和【状态】了吧,请一定跟着教程好好练习【母版】和【状态】中的案例。这个过程会花费一定时间,但收获也是大大的,自己差不多花了一天时间把这部分案例看了遍。刚开始几个案例还会觉得吃力,两三个案例过后,定能领会其精要。
接下来用【****-玩转墨刀系列】来加深印象,这些****中不仅介绍了如何使用墨刀,也有分享产品设计经验,可谓是干货满满。看这些教程的时候,给我最大的感触就是,别看效果炫酷,其实也就那么些知识点,大部分动画效果,尽量往【母版】和【状态】这两个技巧上去靠,基本没什么问题,都能实现。
再回头看支付宝demo就不是先前懵逼样,能一一分析出每一部分用到的技巧,如果对哪一个动画效果的实现过程把握不准,可以借着demo细细研究下。
如果有心,可以将墨刀中的demo都看一遍,简单分析布局和动画实现,对于更好的使用墨刀有很大帮助。
看完教程,需要实践检验一下,自己临摹了网易云音乐App,尽量把教程中的知识点应用上去,之后也会继续完善这个demo。
https://modao.cc/app/ageipHA2FdkRKBRslNBAYzeuzH5XgCh
以前的自己不爱看官方文档,总觉得让费时间。每次遇到问题,先想到的都是百度搜搜,也是心态浮躁吧,总想着有什么速度获得的办法,其实,最精华的东西都在官方文档里啦。不是一定要把官方文档记得滚瓜烂熟,至少,你要花时间把官方文档细细浏览一遍,知道有这些知识点和注意事项,下次遇到问题能第一时间反应过来自己在官方文档里面看到过。温故而知新,大家都耳熟能详,真正去做的没几个。空余时间,多翻看文档,总有不一样的收获,一些工作中遇到的疑问,在文档中早已标明,而你没有审视过,还在那怨天尤人。也在好好锻炼自己看文档的能力,重点是沉住气,新的领悟,曾经忽略的知识点值得你所花费的时间。搜索出来的解决办法很直接,但原理还是在官方文档里。