来看看吧！2018年4月设计圈超实用干货大合集

你是不是喜欢尝鲜的设计师？如果是，那就太好了！这个月的干货大合集对你而言绝对是难得一见的福利大礼包，大把的新工具新资源，让你好好享受一把发现的乐趣。

FirstSiteGuide

FirstSiteGuide 是一个资源、教程和工具的大合集，它可以在你获得第一个网站之后，进行有效的引导，提供有用的资源和工具帮你测试、优化。

There

There 是一个远程的团队协作效率工具。它会记录全世界各地不同的团队成员所在时区的信息，这样避免了在不合适的时间打扰到对方休息，也可以更好的安排产品的研发设计测试的时间周期。

AI Color Wheel

这个名为 AI 色轮的应用非常有趣，此处的 AI 应该指的是人工智能。你可以上传一幅仅有灰阶的图片，然后它会生成配色方案并且为之着色，帮你寻求配色的灵感。

Driver

Driver 是一款轻量级的 JavaScript 引擎，它可以帮助设计师更好地引导用户在不同的页面之间穿行。它能够帮你突出显示特定的元素，创建功能介绍，并且以多种形式进行自定义提示互动。

Tabler

Tabler 是一款包含响应式仪表盘模板所需要源代码的工具，它的模板看起来很棒，并且可以针对项目进行自定义。它当中带有大量现成的组件，并且代码是完全开源的，它使用 Bootstrap 进行构建，并且使用了 CSS3 表单组件。

Wormco

Wormco 是一款简单的动画状态指示器，非常有趣，你可以在 CodePen 上找到它。

UI Faces

UI Faces 是一个用户头像聚合器，其中包含许多「真实的」用户头像。在设计视觉稿的时候，UI Faces 能够让视觉稿看起来更加真实，可以使用 API 或者 Sketch 插件来实现。

Trueface

Trueface 是一个基于人工智能的身份验证系统。可以用于 OCR、数据提取、文件验证、面部识别和用户验证。

Storyboarder

Storyboarder 可以帮你将草图编程实际的动画故事板。这样的故事板可以轻松的分享，展示。在实际使用的过程中当中，你可以进行编辑绘制，也可以导入图形，可以添加对话和行为来实现它。StoryBoarder 与 Photoshop 集成，可以更好地编辑。

Egg Shape Background Gradients

Egg Shape Background Gradients 是一个全新的渐变生成工具，不过它展示的外轮廓是蛋型的。找个你喜欢的渐变色彩，复制色彩或者 CSS 便能使用。

Sheet2Site

Sheet2Site 是一款付费的工具，可以将你的 Google Sheet 转化为一个网站，在此过程中无需编写代码。对于简单的或者基于数据的网站而言，这种方式还是蛮好用的。

Crunch

Crunch 是一个Mac 平台上优化 PNG 图像的软件，虽然它速度并不快，但是在功能上非常完善，也非常强大。

Papaya

Papaya 是一个着陆页的模板大合集，可以用于多种不同的项目。这个合集独一无二的地方在于，每个设计都是快速的、响应式的且可定制的。

Cloud Text-to-Speech

这个是测试版的 Google Cloud 的文本转语音工具，可以将文本转化为30多种不同音色的多种语言。根据谷歌的说法，这款工具「将DeepMind 和 WaveNet 在神经网络中的开创性的研究应用到文本转语音当中，确保音频输出高保真。有了这个API，许多应用和服务能够提供更为逼真的语音交互。」

Pixelify

Pixelify 是一款不断更新设计素材的合集。这个网站是一个设计共享社区，你可以上传并且针对设计进行评分。有些素材可以个人使用，有的可以商用。

Site Palette

Site Palette 是一款谷歌浏览器插件，它可以从网站中提取配色方案，用来创建配色方案。

Medical Icons Set

Medical Icons Set 是一个使用医疗相关的矢量图标合集，合集中包含 PNG 和 SVG 两种格式。

200 Vector Icons

这是 Henrik Ostergaard 所创建的200个矢量图标的合集，合集是 AI 格式的。这套图标包含普通的样式和线性图标两种。

Deck

这是 InVision 所创建的一个有趣的卡片式 UI Kit，可以免费下载。Deck 中所包含的 UI 元素都是矢量的，便于定制。

Bootstrap Templates & Themes

想要 BootStrap 4 的主题或者模板？这个合集当中包含了从仪表盘页面模板到轮播图各式各样的免费素材。

Tutorial: CSS Techniques and Effects for Knockout Text

文字排版设计是目前关注度最高的一个设计趋势。这篇来自 CSS-Tricks 的文章主要帮你搞明白，如何用好 CSS 属性来创建时髦而现代的分层文本效果，包括过渡效果和动画。

Variable Fonts

可变字体是一种看起来如同包含多种字体一样的字体。目前它还是 Beta 版本，它可以作为素材进行使用和测试。每种字体的描述当中都包含了相关的设计，许可证，以及在哪里下载、预览和相关的更多信息。现在，想找到一个可变字体还是很容易的。

Altero

Altero 是一款全大写的展示性字体，字体是完全免费的，可个人使用还可以商用。

Bimbo

Bimbo 是一款具有独特风格的手写字体，这款字体有6中不同的字重和300个不同的字符。

East Border

East Border 是一款非常厚重的模板字体，带有完整的大写字母、数字和常用的标点符号。

Element 120

Element 120 是一款有着完整字符集的略粗的衬线字体，字体展示性很强，免费版为演示性的版本，有一定的限制。

Spring is Coming

Spring is Coming 是一款非常轻量的字体，其中包含花卉的符号，带有明显的手写风格。

「2018年设计趋势，一个都不要错过」

《2018年，这10个LOGO设计趋势值得你关注》 《超全面总结！2017年UI设计领域流行过这21个设计趋势》 《掌握这12个移动端UX设计趋势，你就掌控了2018年》 《这款独特的紫色，是为你指引2018年设计方向的年度潘通色》

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： http://hao.uisdc.com