木子素材 首页 大神 神器推荐 查看内容

先到先得!8个提高效率的设计工具分享

2014-6-17 00:13| 发布者: admin| 查看: 438| 评论: 0

摘要: 很多网页设计师都身兼界面设计以及前端代码的职责,工作实在繁忙,所以我们经常使用一些辅助工具来加快和实现自己的项目。今天整理8个新设计工具和插件给网页设计师们,希望大家喜欢。 超实用资源: 《这效果超火! ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

很多网页设计师都身兼界面设计以及前端代码的职责,工作实在繁忙,所以我们经常使用一些辅助工具来加快和实现自己的项目。今天整理8个新设计工具和插件给网页设计师们,希望大家喜欢。

超实用资源:
《这效果超火!教你创建高大上的多边形字体
《大福利!350M高分辨率低多边形背景图打包下载!》

个别插件现在用不上,可马克到微博或印象笔记。

Scrollme jQuery插件

这是一个有点类似视差滑动特效的插件,当你页面滑动指区域,然后会加载对应动画。就是一边下拉滚动一边有动画跟着播放一样,具体看DEMO吧!

先到先得!8个提高效率的设计工具分享

Avocode

一个Photoshop扩展工具,主要用来预览和检查,很多小功能,比如点击某图层就能直接预览对应CSS代码样式、字体、颜色、SVG等等,具体没有测试过,因为目前是内测中,大家可以输入自己的邮箱去获取。

先到先得!8个提高效率的设计工具分享

Mocha

一个运动在node.js上的测试框架。

先到先得!8个提高效率的设计工具分享

Responsive Nav

一个自适应网站菜单,如果做兼容手机设备的网站,可以试用这个插件,只有1KB大小而已。

菜单是点击从上方展示出来。

先到先得!8个提高效率的设计工具分享

PSD文件转PNG工具(mac OS)

直接把一个或多个PSD文件直接输.jpg格式,使用方法很简单,直接将PSD拖入PSDt.jpg.APP里面即可。

先到先得!8个提高效率的设计工具分享

kreate.js

kreate.js插件可以快速生成DOM,适用于测试使用。

先到先得!8个提高效率的设计工具分享

Headroom.js

当用户向下滚动页面时,页面头部将会自动隐藏。

先到先得!8个提高效率的设计工具分享

Bootstrap Live Customizer

Bootstrap官方的自定义工具不够强大或不好用?这个在线样式生成工具你一会喜欢上,以后做BS架构的网页都用它来定义样式吧,实现太方便了,支持实时预览,喜欢!

第一次加载有点慢,但加载完后就好了哦。

先到先得!8个提高效率的设计工具分享

原文地址:shejidaren

【木子设计网 原创文章 投稿邮箱:13671295@qq.com】

================关于木子设计网================
"木子设计网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:https://www.muzisucai.com/。
设计微博:拥有粉丝量71万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:https://www.muzisucai.com/
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【muzisucai_com】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

先到先得!8个提高效率的设计工具分享

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×