10个新鲜的前端设计工具和插件网站分享

2016-02-17 00:11 5 1 收藏

每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情还，闲暇的时间怎么打发，关注图老师可以让你学习更多的好东西，下面为大家推荐10个新鲜的前端设计工具和插件网站分享，赶紧看过来吧！

【 tulaoshi.com - 平面设计】

现在出多新设计工具、前端工具和jQuery插件，很多都是新鲜而且实用！使用它们可以方便你的设计、提升网站的用户体验，是设计师、前端工程师值得收藏的好货，来看看今天设计达人网为大家整理的是什么新玩意？

Skala Preview 应用程序

Skala Preview是一个适合设计师使用的MAC程序，它主要功能是快速实现PC端与Andorid/iPhone端实际像素图像预览，感觉很不错。
进入网站后可以对应下载Andorid和iPhone版APP。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

annyang JavaScript 库

annyang是一个网站语音相关的JS库，你可以通过语音命令来实现与访问者的交互，有没有兴趣试玩下呢？

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

我想大家也见过animate.css的CSS3动画了吧？这个jQuery插件也是其实它的样式实现动画的，使用方法很简单，请大家浏览它的官网查看动画效果以及使用方法。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

Brick 手机专用UI组件

Brick主要用于手机的UI Components，组件有很多，而且有些不错的交互动画效果，比如日历、滑块、标签、tooltips提示等。

PS:UI组件就是有很多设计完成并可直接使用的元素，比如按钮、页码、布局等等。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
下载插件 | 查看组件DEMO

Zoomer jQuery插件

Zoomer是一个图像放大/缩小用的插件，缩放效果很流畅，支持鼠标拖动，喜欢。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

iosOverlay.js jQuery 插件

iosOverlay是模拟iOS弹出加载层风格的插件，比如loading/success/error弹出层效果。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

SCEditor 编辑器

SCEditor这个编辑器使用响应式设计，所以宽度是自适应的，估计以后会流行起来。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

StackEdit 文本编辑器

StackEdit编辑器使用markdown语法，可以方便为你的WordpressTumblrDropbox上传（写）文章了，对于喜欢markdown书写的用户，这是个不错的选择！

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

Sixpack

Sixpack是一个AB测试框架，具体设计达人还没去体验，大家自己试下哦:)

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

Ion Sound 声音类jQuery插件

从DEMO中可以看出，我们通过点击对应的按钮实现不同的声音，非常有意思，如果你服务器的速度很快的话，建议使用，用户体验很不错哟！
插件的运行环境要在jQuery 1.9或以上版本。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

来源:https://www.tulaoshi.com/n/20160217/1576719.html

看过《10个新鲜的前端设计工具和插件网站分享》的人还看了以下文章更多>>

10款设计师必备的响应式网页设计工具

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

随着便携设备用户的指数级增长，网页设计师采用响应式设计作为多平台布局解决方案，不但节省了设计师的时间，而且从长远角度来讲，响应式设计能够为用户提供更舒适的操作环境。如果你毫无经验，不知从何开始，那么这份工具列表将大大的帮助你，能够让你的布局更有弹性。 Simple Grid Simple Grid是难以置信的CSS框架，无所限制的栅格布局，...

PS插件工具：黄金分割工具分享

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

无论是设计或是摄影构图，合理使用黄金比例可以让你的作品更美观，但是要计算黄金比计算是很麻烦的，所以今天设计达人网图老师小编为大家分享Photoshop黄金分割工具，使用它可以轻易画出黄金螺旋，黄金三角，三分法，对角线等比例。 Divine Proportions Toolkit使用方法这个使用是很简单的，可以直接点击对应的黄金比例按钮就能自动生成...

50个线框图套件和在线设计工具

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

当开始进行新项目时，一般都会起步于线框图。本文收集了大量的在现线框图设计工具和套件。交互设计师必备哦。在线设计模板 Wirefy 以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。 Lumzy 网页设计和界面设计的原型设计工具。 Mockup Builder 另一款原型设计工具 Mobilizer 选择设备，输入网址，立即...

50个超好用的字体设计工具与资源

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

漂亮的字体设计总是招人喜欢的，感谢那些创造这些神奇设计技巧和工具的大神们，还有那些乐于分享他们所知的设计师。我们不断地寻找优秀的资源，进行编辑，并精心挑选其中最好的呈现给大家。接下来就为大家展示一些新鲜出炉的与字体设计相关的资源。为了帮助大家改善字体在设计作品中的运用，我们在这里提供一些与字体设计相关的文章、工具以...

15个为你设计工作提速的国外优秀PS插件

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

PS是强大的图形设计工具，但是如果配合插件、动作能够发挥更大的效用，本文提供了15个能够加速工作流程的插件，希望有所帮助。 Skeuomorphism.it Photoshop Plugin by Roy Barber 通过这个简单的插件几秒钟就能将效果扁平化，告别渐变、阴影，只剩下扁平与简约。 Layer Guides Photoshop Extension by Gaston Fig 参考线解决...

查看更多精彩>>