在信息爆炸的今天，要找到真正可靠且素质优秀的素材，也越发的不容易。
在海量的网站中寻找一个符合需求的素材，花费在搜索和筛选上的时间也越来越长。
这种情况使得今天这样的设计工具/素材推荐类的文章与合集显得更有意义，也弥足珍贵。
由于网页设计师和开发者之间的界限越来越模糊，两者所用的工具和素材的交叉重叠的情况也非常普遍。
今天所推荐的这 15 项全新的工具/素材里，应该有 很多都值得网页设计从业者们收入囊中。
这当中涵盖了设计类应用、框架、分析工具、栅格系统等多种类别，单把它们放到一起，就足以组成一个网页设计师的日常 用工具合集了。
接下来就请大家和跨飞外贸派一起具体看看这些新工具能帮您做哪些事情。
1. Frontify Frontify 可以让您在 5 分钟内建立一套漂亮而完备的风格指南! 这个线上工具有趣而简单，让您维护品牌风格和样式快速而方便。
由于 Frontify 优秀的使用者体验设计，您可以很快上手，即使您有专业的需求，Frontify 的说明文件也可以引导您实现一些更细致更专业的东西。
2. Flarum Flarum 是一套简约易用的开源论坛系统。
如果您需要一个相对简单的论坛网站的话，可以考虑 Flarum，它介面简单且可以快速上手，让您更多的专注于话题讨论。
Flarum 的论坛页面滚动载入流畅，无需等待页面载入。
3. Lightning Design Systems 这个名为闪电设计系统的工具专注于构建体验优秀的企业级 APP 。
在这套系统的支持之下，您可以快速地对整个介面进行深度定制，保持整个介面保持高度 的一致性而无需让工程师在此耗费更多精力，您所需要做的就是下载那些无平台限制的 CSS 框架，然后开工就可以了。
您可以参考这套系统的详细说明作出符合 SalesForce 生态的优质 APP，轻松地呼叫 SalesForce 的核心视觉元件和互动模式，拿出最佳的方案。
4. Rucksack Rucksack 是一款有趣的 CSS 工具，让 CSS 的开发过程更加有趣了。
Rucksack 是基于 PostCSS 构建的，模组化设计，没有冗余，执行起来飞快。
将 Rucksack 融入到您的开发流程是很简单的，Rucksack 对绝大多数的工具 都有相应的插件。
由于它是基于 PostCSS 来构建的，所以它同其他的 CSS 处理工具都能很好的相容，甚至能够同 Stylus 直接协同。
5. GridLayout GridLayout 是一款轻量级的栅格系统，用以制作水平滚动或者垂直滚动的 Web 应用，并且能够相容旧版的浏览器。
如果您需要建立复杂的布局， 并且需要对旧版的浏览器进行相容，选择 GridLayout 是很不错的。
这套工具涵盖了 1KB 大小的 CSS 文档和大概 0.5KB 的 JS 文档，如果您只需要 支持更为现代的浏览器，最好不要使用 Flexbox 。
这个工具是基于 MIT 的协议来分发的。
6. Bonsai Bonsai 是一款为自由设计师所准备的工具，用来建立、签署和储存工作合同的工具，并且可以协助付款、托管。
目前这个签署协议的模组已经完善并且释出了，而支付和托 管的部分还处于内测阶段。
现在 Bonsai 对于专业的设计人员的工作合同签署的支持已经做的很不错了，尤其是支付方式的规定、智能财产权保护等环节。
7. Apostrophe Apostrophe 是一款设计驱动下、基于 Node.js 和 MongoDB 的内容管理系统。
这套 CMS 为您提供了灵活的工具，您可以以此为基础设计内容向的网站，不论是简约风还是繁复的结构都可以轻松 Hold 住。
这套系统的开发者相信，内容编辑应该是简单而易用的，也就是在这想法的驱动下 Apostrophe 的编辑体验设计的非常容易上手，网站编辑也可以轻松 掌控网站内容。
8. Grid.Guide Big Bite 的员工发现计算栅格的宽度是一件非常恼人的事情，尤其是在巢状结构下。
正是在这种需求的驱动下，他们发明了这款 Grid.Guide 工具。
这款工具会根据最大宽度和列数来帮您计算可能的排列组合，生成对应的 PNG 文档，让您可以直接拖拽到相应的工具中使用。
更重要的是，Grid.Guide 是完全免费的![page] 9. Quantity Queries Quantity Queries 是一款帮您进行数量查询的工具。
10. Timber Shopify Timber 是一款前端框架，用于快速便捷地构建 Shopify 主题。
其实从广泛意义上来说这是一款可以广泛应用的主题制作工具，并不全限制于在 Shopify 中运用。
不论是经验丰富的网页设计师和前端还是新手都可以灵活运用，其中包含了模板、标记、模组和 CSS 框架，根据您的需求呼叫就好了。
11. Now UI Kit InVision 所提供的这套 Now UI Kit 是一套堪称完美的跨平台 UIKit，可以用于网页设计、平板和手机的介面，当然，最重要的是它是免费的。
其中包含了 52 个完整的设计模板、 35 款可以自定义的图示以及可以运用在各种介面中超过 180 个 UI 元件。
12. Unsplash 我们其实已经不是第一次推荐 Unsplash.it ，它是用于网页中的图片占位符，其中所用的图片是来自于网站 Unspalsh.com，这个网站提供了许多高品质的图片，这也使得 Unsplash.it 的效果非常不错。
13. Gitup Gitup 是一款为 Git 所准备的图形化客户端。
在 Gitup 的协助下您可以便捷的提交、建立新的分支、合并等等等等。
Gitup 赋予了 Git 全新的互动方式，让代码管理更加迅速、安全、无痛。
14. Color Hunt ColorHunt 包含了一系列漂亮炫酷的色彩组合，网站会每天更新配色方案，并且根据浏览数排列出最漂亮的配色方案。
15. TinyCon TinyCon 是一款管理 Favicon 的库，借助它可以方便地管理 Favicon 和弹出框。
以上就是跨飞外贸派总结的 15 款实用的网页设计工具，总有一款适合您!
