8个国外新设计工具和网页插件分享

2016-02-16 22:24 8 1 收藏

下面这个8个国外新设计工具和网页插件分享教程由图老师小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！

【 tulaoshi.com - 平面设计】

很多网页设计师都身兼界面设计以及前端代码的职责，工作实在繁忙，所以我们经常使用一些辅助工具来加快和实现自己的项目。今天设计达人网图老师小编整理8个新设计工具和插件给网页设计师们，希望大家喜欢。本文中的设计工具或jQuery插件可能一下字用不上，所以可以先mark到微博上，方便日后使用。

1.Scrollme jQuery插件

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

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

在线演示及下载

2.Avocode

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

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

进入Avocode网站

3.mocha

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

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

进入mocha网站

4.Responsive Nav

一个自适应网站菜单，如果做兼容手机设备的网站，可以试用这个插件，只有1KB大小而已。菜单是点击从上方展示出来，

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

查看演示及下载

5.PSD文件转PND工具(macOS)

直接把一个或多个PSD文件直接输.jpg格式，使用方法很简单，直接将PSD拖入PSDt.jpg.APP里面即可。 PS: 感谢设计群成员@Ko Sparta帮忙测试。

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

进入下载页

6.kreate.js

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

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

演示及下载

7.Headroom.js

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

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

演示及下载

8.Bootstrap Live Customizer

Bootstrap官方的自定义工具不够强大或不好用?这个在线样式生成工具你一会喜欢上，以后做BS架构的网页都用它来定义样式吧，实现太方便了，支持实时预览，喜欢! 第一次加载有点慢，但加载完后就好了哦。

8个国外新设计工具和网页插件分享,PS教程,图老师教程网

查看网站

来源:http://www.tulaoshi.com/n/20160216/1575668.html

看过《8个国外新设计工具和网页插件分享》的人还看了以下文章更多>>

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

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

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

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

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

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

60个简约的设计工作室网页设计作品

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

简约设计是一个不会过时的设计趋势，它无处不在，服饰、数码产品、建筑行业、工业设计以及网页设计都有使用简约的设计风格。但是简约并不是那么简单就能设计出来，就网站界面方面来说，要想制作一个好的简约网站，需要在排版、配色、图片、字体的运用等等的细节把握，每一个细小的局部和装饰，都要深思熟虑，如果能配合HTML5+CSS3来做些交互，...

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

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

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

25款新鲜出炉的实用网页设计工具大合集

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

工欲善其事，必先利其器，对于设计师而言尤其如此。好工具对于整个设计的加成是相当明显的。不同的工具配合不同的设计流程和设计对象，对于效果和效率的提升都有显著的效果。随着设计和开发壁垒的逐渐模糊，最新的设计工具也开始试图融合设计和开发的流程，而免代码开发的拥簇则将更多的精力投放到无代码平台的研发上去了。今天我们所搜罗的...

查看更多精彩>>