设为首页收藏本站学习中心

无忧雅思

  • 公众微信: ielts51
  • 业务合作: 4006805851

新浪微博登陆

只需一步, 快速开始

QQ登录

只需一步,快速开始

返回列表 发新帖

学习黑科技!拒绝颓成一个没人要的胖子

[复制链接]

新浪微博达人勋

  • TA的每日心情
    开心
    2018-3-19 10:42
  • 签到天数: 63 天

    [LV.6]常住居民II

    发表于 2018-2-7 17:27 |显示全部楼层 | 阅读模式
    本文作者May

    爱丁堡大学Design Informatics硕士毕业,擅长交互设计与用户体验作品集辅导与Arduino原型开发辅导。

    此篇文章由马克笔设计留学原创首发,禁止一切商用目的的转载和引用!

    正文:

    这个时间点,绝大部分学生已经放假啦,回家啦,可是回到家里干啥呢?经过紧张而密集的考试周,乍一到家总是要昏天黑地休息几天,见老朋友、聊天吹水、煲剧网购、当键盘侠。。。当代青年的假期日常多半是这样吧。或许最开始你只是想在最初的几天短暂放飞自己,然而由于没有提前做好时间规划,一松懈起来覆水难收,拖延症晚期发挥是淋漓尽致。

    若果你不想颓成一个“躺在家的胖子”,又没有足够的御寒属性去参加一些体育活动,那么也没有关系科学实验显示,相同单位时间的脑力劳动比体力劳动消耗的热量更多,推荐一个很多设计专业学生在一开始都会排斥的脑力消耗方案——学代码

    学代码这件事,我说过大概有八百次了,不论是上课时还是在往期的文章里,其重要性自是不言而喻。此前关于Arduino和Scratch这类“傻瓜”式编程工具的强推(传送门:Arduino为什么这么火一起玩弄“积木”,高兴地像个孩子,大家可以作为备选的学习方向来参考。若这类侧重逻辑、弱化语法的工具不是你的“菜”,那么现在来安利另一种学代码的方向:前端设计

    前端的学习也是“所见即所得”的,同时也可以满足对于手敲代码的仪式感内心渴望。倘若外貌至上的你对于编程开发环境的“look”忍无可忍,animejs.com(如下图)这个打擦边球的动效代码生成器工具或许可以聊以慰藉,成为你强啃代码的起点。
    1.jpg


    Anime是一个online代码生成工具,主页显示了它具有三大块功能,最左侧的DOCUMENTATION是一个动效库,进入后,工作界面分工明确,左侧是预设的动效演示,右侧是对应的脚本语句。小伙伴们可以通过左侧的动效预演目录预览切换想要的效果,右侧则会出现相应的脚本语句,自行复制粘贴到相应的开发环境下便可以实现狂跩酷炫的效果。

    2.jpg


    中间的CODEPEN板块是一个作品展示区,点开后我们能看到的是“达人”们已经完成的动效作品,既有充满科技感的数据可视化,也有构思巧妙联动设计,小伙伴们也可以把这里当做创作灵感的获取地。打开每个作品,它的HTML、CSS、JS都是全的,还对应动效的演示,观感体验简直不要太友好。

    4.jpg

    5.jpg


    最右侧的GITHUB按钮是进入animejs的github传送钮,注册一个github账号后,fork一下,便可以把整个animejs的资源作为笔记本收入囊中,可以任性进行修改操作,不过要知道,修改后的效果只是在你的git里面发生改变,要想改变呈现在原网站,还是需要有权限允许的。
    6.jpg


    目前这一类“所见即所得”的前端工具也很多,开始尝试后你会发现,[size=11.0000pt]代码其实也可以很美的

    最后
    [size=11.0000pt]学习使我进步
    [size=11.0000pt]学习使我快乐
    [size=11.0000pt]学习使我走向人生巅峰
    。。。
    懂点代码,交出让开发大哥高兴的设计稿,不仅使得团队合作高效,也会使设计师的自身满足感得到提升。
    [size=12.0000pt]

    发表回复

    您需要登录后才可以回帖 登录 | 注册用户 新浪微博登陆

    本版积分规则

    帮助中心
    网友中心
    购买须知
    支付方式
    服务支持
    资源下载
    售后服务
    定制流程
    关于我们
    关于我们
    友情链接
    联系我们
    关注我们
    官方微博
    官方空间
    官方微信
    快速回复 返回顶部 返回列表