2017年值得收藏的八个设计工具和资源
这是一个锤子。更准确的说，这是一个 1960 年代末的老式 Estwing 羊角锤。它制作精美，做工牢固，但跟我们今天生产的 Estwing 锤子差别不大。锤子——他们使用的方式，在过去 50 年并没有发生多大变化。但是，我们使用的 web 设计工具和资源则完全不同。
可以比对下你现在使用的工具和 5 年前使用的有什么不同。在 2012 年，你可能使用 PNGs 做图标。Photoshop 无处不在。Sketch 是一个做条纹设计的应用，SVG 是一个怪异的格式。这些东西都已经发生了变化，未来也将继续改变。很有可能的是你下一个需要使用的工具已经存在了。
所以，哪个设计工具和资源会加入到你的2017工具箱？
这是我们今天需要帮你解决的问题。经过不停的反思、查看我所知道的每个设计师和开发者使用过的工具，整理了一个精炼的列表。列表主要是一些应用、扩展、在线工具，看下它们是否有适合你的吧！
Illusion.ai
随着 2017 年新兴的会话 UI 趋势，Illusion.ai背后的旧金山团队提出了要创建一个服务，允许用户在 web 和移动网站上都能设计和使用会话界面。 这个提议可以让访客和用户通过对话了解你的产品或者服务。通过收集各类模板，你可以创建一个高度定制的用户体验和界面。
- 网站：https://illusion.ai/
- 类别：UI 设计
- 价格：免费（当前是 Alpha 版本）
- 结语：Illusion.ai 不仅让可定制，专注于会话的界面更容易创建，又很方便的嵌入到你的网站。
Web Developer Checklist
Web Developer Checklist 是 Chrome 的一个扩展，用来替代 web 应用。此扩展主要是为 web 开发者设计的，允许他们检测 web 界面是否有错误，或者是是否违反了常规实践。
确认表被广泛使用和认可后，未来会计划把 Rails 和 Python 选项也包含进来。当前，此扩展已经能帮助开发者检测和纠正网站上的存在的任意潜在问题了。
- 网站：http://webdevchecklist.com/
- 类别：通用
- 价格：免费
- 结语：一个帮 web 开发者实时检测潜在问题的全方位确认清单。
Freebiesbug
Freebiesbug是由Pasquale Vitiello创建的，其风格是将自己作为一个一站式的、用于网站和平面设计师寻找最新的免费资源的网页设计博客。 以最好的品质为特色，Freebiesbug的目标通过提供大量的资源，包括PSD，Illustrator和Sketch文件以及字体，代码和库存图片，让设计师能够轻松快捷地创作。
- 网站：https://freebiesbug.com
- 类别：资源
- 价格：免费
- 结语：Freebiesbug是为设计师和开发人员提供的高品质资源的免费的策划集合。
Hype 3
Tumult的Hype 3是由两位前苹果工程师创建的Mac专用工具，其唯一目的是帮助您为您的网站创建和制作交互式HTML5内容。 除了Hype Reflect和HyperEdit之外，Mac用户可以使用响应式布局来设计从电子贺卡到图表和动画网站元素的所有内容，而无需学习代码。
- 网站：http://tumult.com/hype/
- 类别：设计
- 价格：免费试用14天或49.99美元
- 结语：Tumult Hype允许Mac网页和平面设计人员创建HTML5内容，而无需了解代码。
Brand Briefer
一个专为设计师和商业设计的在线平台，BrandBriefer是一个致力于品牌创作的网络应用程序。 BrandBriefer不仅仅是一个您可以在其中找到品牌资产的资源中心，您也可以在其中找到设计师来帮助您。 通过创建品牌指南，让利益相关者真正成为设计流程的一部分，BrandBriefer致力于成为一个品牌设计中心。
- 网站：http://brandbriefer.com
- 类别：生产力和商业
- 价格：免费的试用版
- 结语：BrandBrief是一个在线平台，可帮助您快速开始品牌流程。
Itmeo’s WebGradients
Itmeo是来自俄罗斯圣彼得堡的一个小团队，他们自豪地为包括WebGradients在内的网页设计师和开发人员创造产品。 免费的线性渐变源，目前总共达到180个，Itmeo的收藏有Sketch，Photoshop，CSS和PNG格式，让所有设计师都可以使用它们。 使用一个简单的实现系统，你可以在你想要的时候添加任何渐变到UI。
来自作者的更多内容：
GIF, PNG, JPG or SVG. Which One To Use?
5 Emerging Trends to Amp-up Your Web Designs in 2017
- 网站：https://webgradients.com/
- 类别：资源
- 价格：免费
- 结语：网站设计师寻找轻松实现UI内容渐变的一站式商店。
Lunacy
Sketch对前端设计产生了相当大的影响，但也给Windows用户带来了新的麻烦。Lunacy是Windows专用的Sketch浏览器，Icons8提供同步和插件，允许Windows用户访问Sketch文件而不会有麻烦。
目前，Lunacy为Beta版，因为Icons8团队正在添加更多功能。 现在，Windows用户能够以与Avocode和Zeplin一样的方式复制CSS和导出资产。 除了可以免费下载到您的桌面之外，还可以下载一个便携式的Lunacy。
- 网站：https://icons8.com/lunacy
- 类别：通用
- 价格：免费
- 结语：Lunacy为Windows用户提供了一种可以免费访问Sketch文件的方法。
Shoutem
Shoutem就像可以构建，发布和管理应用程序的移动应用程序的WordPress一样。 通过应用构建器和CMS工具，任何人都可以通过其开源扩展来创建新的或自定义当前的应用功能。 通过使用React Native编写的超过200个可定制布局，以及40多个内置屏幕和大量预先构建的扩展，Shoutem为无需编码技术的移动应用开发人员提供了无限的可能性。
- 网站：http://www.shoutem.com/?utm_expid=.H5EqvYGARkmHbMn-woGSzA.0&utm_referrer=
- 类别：生产力
- 价格：前三个版本可以免费试用，基本版19.90美元/月，高级版49美元/月，无限版 119.90美元/月，企业版请联系Shoutem
- 结语：Shoutem是一款拖放式应用程序制作工具，可让您轻松快速地建立跨平台的移动应用程序。
原文：8 Fresh Design Tools and Resources For Your 2017 Toolbox
来源：2017年值得收藏的 8 个新的设计工具和资源
译者：可译网——toypipi，Lan
更多精彩，欢迎关注CSDN大数据公众号！