今天分类推荐的这些基础工具和网站中，涵盖了素材、色彩、字型、图示、主题、原型设计等多种类别，足以组成一个网页设计师的日常用工具合集了，非常值得网页设计从业者们收入囊中。
三、字型图示类

1 、 Fontea

网站地址：https://fontea.madebysource.com/

Fontea 可以帮您在 Photoshop 中直接呼叫涵盖 700 多款在字型的 Google Fonts 。这款外挂 zui 大的优势是您再也不用开启浏览器找字型，而是直接在程序内呼叫了。
2 、 Perfect Icons

网站地址： http://perfecticons.com/

PerfectIcons 是一款生成社交相关图示的工具。
3 、 Font Awesome

网站地址： https://fortawesome.github.io/Font-Awesome/

我们曾经推荐过 Font Awesome 这款向量图示字型，您可以在 CSS 中直接呼叫，极为省心。
4 、 Boxy SVG

如果您此刻电脑上没有安装 AI 和 Sketch，或者是压根不想开启它们，那么您可以使用向量图形编辑工具 Boxy SVG 来编辑图形。 Boxy SVG 是一款跨平台的向量图形编辑工具，只要您有浏览器就可以执行了，不需要安装，还可以借助网络汇入 Google Fonts 字型，各种图形变幻、路径编辑也都手到擒来，是个相当顺手的替代工具。

四、主题类

1 、 Frontify

网站地址：https://frontify.com/

Frontify 可以让您在 5 分钟内建立一套漂亮而完备的风格指南！这个线上工具有趣而简单，让您维护品牌风格和样式快速而方便。由于 Frontify 优秀的多用户体验设计，您可以很快上手，即使您有专业的需求，Frontify 的说明文件也可以引导您实现一些更细致更专业的东西。
2 、 Shopify Timber

网站地址：http://shopify.github.io/Timber/

ShopifyTimber 是一款前端框架，用于快速便捷地构建 Shopify 主题。其实从广泛意义上来说这是一款可以广泛应用的主题制作工具，并不全限制于在 Shopify 中运 用。不论是经验丰富的设计师和前端还是新手都可以灵活运用，其中包含了模板、标记、模组和 CSS 框架，根据您的需求呼叫就好了。
3 、 Be Theme

网站地址：http://themes.muffingroup.com/be/splash/

Be Theme 系列主题，这个团队提供了超过 200 个预搭建网站，超过 40 项核心功能，覆盖的网站型别非常的全面。如果您需要特定功能的 WordPress 主题，就去挑一个吧。
4 、 X Theme

网站地址：https://theme.co/x/

如果您更倾向于功能完备可以自行定制的主题的话，那么这个几乎在 ThemeForest 平台上近乎登顶的 X Theme 可能就是您的菜。 X Theme 严格按照目前 zui 高的标准来开发，基础扎实，设计创新，功能也足够前沿。 zui 重要的是，围绕着 X Theme 有一个完整的多用户社群，您可以得到 zui 全面的帮助。
5 、 Shopkeeper

网站地址：https://themeforest.net

Shopkeeper 是 ThemeForest 平台上的另外一个热卖的电商类主题。这个主题为您提供了足够优秀的多用户体验，并且沿着 WooCommerce 的思路来进行整体的设计，它能让多用户近乎无障碍的使用，并且内建了漂亮炫酷的主题。
6 、 Xstore

XStore 是一款迷人而小巧的主题，简单看看他们官网上提供的演示模板就能体会到这一点。主题中所使用的特效被广泛使用，但是在这里用的恰到好处，不显累赘。

五、原型设计类

1 、 Proto.io

网站地址：https://proto.io/

Proto.io 是一款强大的原型设计工具，让您可以在几分钟内建立功能丰富功能完备的互动原型，无需编写代码。同时它还是一款协同工具，可以让团队成员、客户和利益相关者都参与到专案当中来，在设计过程中实时分享设计原型。
2 、 Power Mockup

如果您更习惯使用 PowerPoint，那么您应该会喜欢 PowerMockup 这个工具。作为一个 PowerPoint 的库，您可以使用您所熟知的 PPT 来快速搭建一个桌面端或者移动端介面的原型，简单的托拽就可以搞定一切，有了它，展示起来也更加便捷。如果您愿意新增自己定制的形状和控制组件，您还可以同其他的 PowerMockup 多用户进行分享哦。
3 、 Grid.Guide

网站地址：https://css-tricks.com/snippets/css/complete-guide-grid/

Big Bite 的员工发现计算栅格的宽度是一件非常恼人的事情，尤其是在巢状结构下。正是在这种需求的驱动下，他们发明了这款 Grid.Guide 工具。这款工具会根据 zui 大宽度和列数来帮您计算可能的排列组合，生成对应的 PNG 档案，让您可以直接托拽到相应的工具中使用。更重要的是，Grid.Guide 是完全免费的！
4 、 XPRS

XPRS 也是一款网站搭建工具，它会让您的网站搭建像乐高一样简单好玩儿。 XPRS 让您告别复杂、混乱、昂贵的开发过程，优秀可靠的设计和可靠的托管服务，加上简单易用的整合编辑环境，还有什么样的 Web 专案搞不定的呢？