全栈设计师指南-事不过八总结下

全栈设计师指南系列的前端开发部分基本告一段落了,本篇是前端开发部分的最后一篇,这个系列后续文章会延续到产品交互等设计上下游部分,敬请期待吧!

前端是个大门类,拥有以JS为基础而扩散出的很多知识点,相应的生产力工具也从出不穷,也许上个月刚熟悉一个工具,下个月就已然不流行了,所以回归初心还是要学好基础的HTML、CSS、JS部分。作为设计想转行可能不是那么容易,但是想升级为全栈设计师或者更高级别的管理层,有必要深入了解产品交互以及前端开发,学习并不只是为了工作,也为成为更好的自己。

从业两三年的设计师,甚至一年左右的设计师都会存在迷茫,可能是能力提升太慢,也可能是思维跟不上潮流,做的东西始终不如意。这其实没有什么捷径可走,多看大咖作品做练习,多参与设计交流的活动,大牛成长手册中除了多看多练,还在于他们的社交圈。全栈设计师虽然不是一个新兴的职业,但是了解更多设计上下游的知识只会对后期的发展有帮助,在与不同的职位碰撞中,全栈设计师的优势也会更显著。

如果想深入学习前端部分,我们可以

● 先把HTML和CSS的基础学好,能够把自己的设计图布局出来

● 然后再是简单动效的实现,譬如放大、渐显、旋转等

● 再到交互部分,譬如点击出现弹窗之类,一般静态页面到此就结束了

● 最后升级版的数据交互存取可以自己学着做,更优的方式也可以交付给前端

如果深入学习前端开发,有些技术入门门槛还是比较高的,实际项目中用的少的话学习记忆周期也会很长,以下是一些常用前端技术的名称,更详尽的用法可以搜索对应的官网或者教程。

传统前端框架:jquery、bootstrap、zepto、layui

当前流行服务:Node.js、NPM、React、Vue、angularJS

前端自动化工具:Webpack、Gulp、Grunt

CSS拓展工具:Sass/Less、Postcss

前端调试工具:Chrome、Weinre、vConsole、 inspect、Charles、 Fiddler

效率工具:iconfont图表库、codepen、caniuse、unsplash、tinypng

数据交互:Postman、mockjs

PS:限于文章篇幅的原因,想全面展开颇有难度,后续会针对工作中常用的技术和工具进行拓展,如果可能也会尽量做更细致的全栈设计师教程,谢谢大家查看,继续关注等待新文吧。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180625G0VMI100?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券