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

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

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

【 tulaoshi.com - 平面设计】

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

Skala Preview 应用程序

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

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

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

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

animo.js插件

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

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

Brick 手机专用UI组件

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

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

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

Zoomer jQuery插件

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

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

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教程,图老师教程网
演示及下载

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

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

5个前端工程师必备的最佳开发工具分享

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

原文作者 Arnaud Breton 为前端工程师，特别专注于前端和使用者经验，这篇文章出自于mention blog。以下内容由作者以第一人称撰写。过去几年一直不断地提到 Web 应用新世代的成长，这些 App 内容变得越来越丰富，带动了前端整体的复杂度大幅增加。像是 Backbone（藉由提供模型）、AngularJS 和 EmberJS 框架都是创造新 App 非常好的框架，...

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

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

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

Web前端开发的Firefox插件

标签： Web开发

一、Web Developer Web Developer 可说是网页设计师最常使用的一个 Firefox 扩充套件，它可以协助我们在设计网页时能够更加的得心易手，内建 HTML、CSS、Feed等检验器，让我们所设计出来的网页能够符合标准化，不但可以省下日后维护的时间金钱，更能确保我们所设计出来的网页在各家不同的浏览器，均能正常地显示，且是符合我们预想的成果...

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

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

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

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

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

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

查看更多精彩>>