网站开发的网页设计师常用的15款辅助工具

在项目和应用程序被发布后，是用来帮助开发人员和设计人员发挥应有的功能。每个人都想要收集这些网页设计常用的工具，这样可以让我们的工作变得得心应手，这些工具可以让我们简化项目的工作时间。 

在这篇文章中，我们已经收集的网页设计师有用的辅助工具，并给大家列举了出来，其中包括字体、网站页面结构、以及很酷的设计者的工具。这些免费的工具对于设计人员是非常有用的，它可以帮助设计人员实现在一定时间的期限内达到预期和想要的网页效果。 

下面的工具是就是那些免费的工具，其中包含了高级的功能，你可以把这些工具用于商业和非商业的网页设计项目中。如果您在平常的使用中找到其他的很实用的网页设计工具，请让大家分享一下！ 

1. Google Noto

诺托是谷歌的字体系列，其目的是支持世界上所有语言。它的设计目标是要达到视觉协调跨语言。具有多种样式和重量。免费提供给所有。诺托字体是根据Apache许可证2.0。

http://www.google.com/get/noto/

2. CSS Colorguard

每一个CSS项目开始时有良好的愿望，但不可避免地，一个太多人滴管色入角落和缝隙，你从来不知道存在。 CSS Colorguard帮助您保持您想要的颜色设置，并警告你，当你添加的颜色是太相似了那些已经存在。当然，它的所有配置您的口味。

https://github.com/SlexAxton/css-colorguard

3. SCSS Waves

用CSS创建一个美丽的日落效果。

http://cssdeck.com/labs/scss-waves

4. Visual Designers Checklists

视觉设计师清单仅仅是为您的工作流程的建议。您可以在Github上作出贡献，或使叉子和创建自己独特的工作流程清单。此列表是为了在团队的环境，让视觉谱曲和探索将与开发者共享工作的可视化设计。复选框是持久的（他们不会取消在刷新），其中支持localStorage中。

http://webdesignerschecklist.com/

5. Baby Mega Pack

伟大的免费赠品，开始新的一天：一个婴儿万包。可编辑样。这是在方便的在寻找围绕图标的用户集。婴儿和母亲的早期阶段。有32个图标集合，它们涵盖所有那些出生前的瞬间，内置高达盛会和周后的喜悦，与变化的准妈妈，宝宝洗澡的时候，第一步中，欢迎进入世界和令人振奋的消息的其余部分。

http://www.freebiesgallery.com/baby-mega-pack/

6. Google Design

谷歌一直挑战自己创造一种视觉语言为他们的用户，合成与创新科技和科学的可能性，良好的设计的经典原则。谷歌设计规范是一个活的文件，因为它们继续发展材料设计的原则和细节将被更新。你可以阅读他们的设计指南，下载资产和资源。

http://www.google.com/design/

7. Visual Captcha

visualCaptcha是一个可配置的验证码解决方案，专注于可访问性和简单性，同时保持安全性。它也支持移动，视网膜装置，并有一个创新的可访问性的解决方案。 visualCaptcha现在可以跨多个后端语言。如果您是使用JavaScript，Ruby或PHP中，你可以使用visualCaptcha。

http://visualcaptcha.net/

8. Compressor.io

Compressor.io是大大减少你的图像和照片的大小，同时保持高品质，几乎没有区别前后压缩一个强大的在线工具。

http://compressor.io/

9. Scratchy Grunge Brushes

这个免费的东西是垃圾刷子的集合，完美创造传单，海报等平面设计。这些垃圾刷子的设计与复古风格的它是这么热，现在和微妙的色彩。

http://www.bestpsdfreebies.com/freebie/scratchy-grunge-brushes/

10. Hand Crafted Apple iOS7 Icons

Themify图标是一套完整的图标用在网页设计和应用程序，包括320+像素完美，手工制作的图标中汲取灵感来自苹果的iOS7 - 向公众提供，100％免费。您可以使用或分发为任何目的，无论是个人或商业。

http://themify.me/themify-icons

11. Velositey

Velositey是一个Photoshop插件，更快的网站布局。

http://dandkagency.com/velositey/

12. Stack

堆栈包含了最好的Mac OS X优胜美地的UI PSD模板。旨在帮助设计师和开发人员制作伟大的Mac OS X的优胜美地应用设计像素完美的元素。每一个层是可扩展的，并且可以很容易地落实到你的模拟窗口。栈经过精心微调为您服务。利用这个工具箱打动你的客户，投资者和同事。 *显然优胜美地是处于测试阶段，如有更改。他们将定期更新这个PSD。

http://34orange.com/

13. MotoCortex

MotorCortex使网页动画轻松，提供通过CSS的语法来形容他们和停止搞乱动画逻辑与实际的javascript代码的能力。 MotorCortex.js渴望通过提供软件一个新的抽象层，它负责处理，并描述一个HTML应用程序的各种要素在所有的计时效果不与逻辑（决策干预的方式运动，以模仿人类大脑的运动皮质层）的软件和加上每个“过渡”被视为整个应用程序本体的每个元素不与单独的问题。而这一切与一个简单而直接的类似CSS的语法和JSAPI，它尊重并匹配了所有的现代MV* JavaScript框架。

http://motorcortexjs.com/

14. JS Nice

JS尼斯使得即使模糊JavaScript代码的可读性。它是一种新型的统计去模糊化和去微小引擎的JavaScript。给定一个JavaScript程序，JSNice自动建议新的可能的标识符名称和类型。 JSNice采用先进的机器学习和程序分析技术，了解名称和类型规律从大量的可用的开源项目。然后，赋予了新的JavaScript代码，JSNice概率推断新建议的名称和类型的所有局部变量和函数参数。

http://www.jsnice.org/

15. Kaboom Pics

KaboomPics是质量好的照片集免费提供给博主，网站主，小企业，自由职业者和社交媒体忍者。这个简单的网站给你一个机会，通过成千上万的图片浏览，甚至没有用于商业用途的任何款项。

http://kaboompics.com/