课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 达内:提升效率的5个设计工具
  • 达内:提升效率的5个设计工具

    发布:南昌UI培训      来源:优设网      时间:2016-06-30


  •   南昌达内UI设计培训专家分享几个设计师用到的工具包,能让你们的工作更省力,效率更高。

    第1个小工具:Bootstrap Magic

    推荐指数:★★★★★

      最近的简历库项目中用到了bootstrap,他是目前很受欢迎的前端框架,简洁灵活,使得 Web 开发更加快捷。Bootstrap Magic这个在线工具支持可视化定制Bootstap。通过使用这个网站,您还可以创建自己的bootstrap主题。

      bootstrap-magic上的颜色选择都是支持颜色选择器的,在对navbar修改了色值后,直接就能看到效果了。

    第2个小工具:在线图标字体生成器IcoMoon

    推荐指数:★★★★★

      使用icomoon您可以轻松地搜索和下载矢量图标或生成的图标字体。这个工具也可以用于图标集管理。这样的字体图标可以像平时我们用字体样进行各种控制,例如颜色,字号,文字阴影等等。

      Icomoon使用起来很简单,如果想修改按键和字体的对应,要稍微注意一下。

      具体怎么使用,官网上都有详细介绍,相信都是很简单的。

    第3个小工具:TinyPNG

    推荐指数:★★★★

      如何把网页中要用到的图片压缩到最小,这是前端攻城师们在写网页时都会考虑的一个问题。

      这个网站使用起来非常简单,只需要简单的两步就可以把你要压缩的PNG格式图片压小很多,还基本不会影响图片的质量。

      基本上手机上的Html5页面的图片都会用这个站压一遍,一般手机上看的页面都会控制在2兆左右,以免影响观看效果。

    第4个小工具:微信官方设计团队出品的WeUi

    推荐指数:★★★★★

      这是一套同微信原生视觉体验一致的基础样式库,为微信Web开发量身设计,令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

      这有什么好处呢?其实就是让你的应用跟微信官方版本更加统一,而没有违和感。当然更重要的是,这样的库在某些时候可以提高你的开发效率哦。

    第5个小工具:移动设备触控js框架Swiper

    推荐指数:★★★★

      Swiper 是一款免费、轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站 。其实类似这样的滑动插件的效果库非常多,但像他这样,文档能做的那么专业的就很少了。 所以强烈推荐!





    原文地址:ued.qq.com
    原文来源:http://www.uisdc.com/5-useful-tools-easy-front-end
    推荐文章

上一篇:达内:免费图库+设计冷知识网站

下一篇:20个好玩有趣的游戏化网页设计

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56