到位！2018年5月设计圈超实用干货大合集

新的设计工具和设计素材多数时候都是在新的需求之下诞生的，又或者开发者或者设计师发现了更优的解决方案，它们应运而生。新的工具和素材让设计师的工作更为便捷，一些新的设计问题因此而有了解决方案，这也是为什么这些工具和素材令人着迷。5月份的设计圈干货素材来了，仔细看看，里面总会有一些素材和工具是你用得上的。
 

Duotone Effect Generator

这款双色调配色生成器能够快速帮你生成时尚的双色调配色。不仅如此，如果你上传一张图片到这个网站上，它能够一键生成特别漂亮的双色调效果，你可以下载处理后的图片到自己的项目中使用。
 

Curtains.js

Curtains.js 是一款有趣的 WebGL工具，它可以让图片拥有移动的窗帘特效。开发者是这样说的：“这是一个小型的 Vanilla WebGL JS库，它可以将包含图片的 HTML 元素转换为 3D WebGL 纹理化的对象，你可以通过着色器将它动画化，你可以通过CSS来定义每个对象的大小和位置。”
 

Solis

Solis 是一款实时输出的应用，可以借助它看到你所输入的代码的实际效果。你可以通过多个窗口，同时获得 HTML、CSS、Sas 和 Less 的实时预览。这款工具目前仅支持 Mac 平台。
 

Cards Webflow UI Kit

如果你是 Webflow 用户，那么 Cards Webflow UI Kit 这款工具对你而言就非常有用了。这是第一款完全可克隆的 UIKit，并且是完全服务于 Webflow 的。其中包含常用的UI元素，诸如按钮、标签、社交媒体图标，其中的UI元素多是以卡片式的样式呈现出来的。
 

BBC Sound Effects

你可能一直在设计项目中使用 Creative Commons 协议下的图片，那么声音素材要从哪里来呢？英国广播公司 BBC 旗下有一个音效库包含了超过16000种音效，不过它只能用于个人、教育和研究的目的。
 

ScreenFocus

ScreenFocus 是一款生产力工具，它包含了一套非常完整有用的双显示器设置体系，包括在屏幕之间切换的设置，包括各种属性的控制，确保多个显示器的内容能够被更好的管理，而不会被分散注意力。
 

React Circle

React Circle 可以为你生成一个环形进度加载器动画，它是使用可定制的SVG来实现这一功能的。
 

Unavatar

想要在多个社交媒体中统一使用一个头像？Unavatar 这个服务只需要几行代码和一个用户名或者电子邮箱地址就能帮你实现这个功能。
 

Login Critter

想让你的登录头像是自定义的可爱的小动物头像么？Login Critter 能够帮你做到这一点，你可以在它的 Github 页面中获得它。
 

Lobe

Lobe 是一款视觉化的人工智能工具，它可以帮助你的应用构建深度学习模型，这款工具目前还处于测试阶段，可以被广泛应用。
 

Blobby Background

Blobby Background 所生成的独特的形状让它在 CodePen 上疯狂流行，它的Demo 是使用 SVG 和过滤器来实现的。
 

HueSnap

HueSnap 是一款配色方案生成工具，你可以一边浏览各种配色一边收藏，以供之后使用。这款配色工具的高效之处在于，你可以一次浏览许多的配色方案，在更多的配色方案中作出选择。
 

Findshot

Findshot 是一款全新的、免费的图片库，通过电子邮箱注册之后，可以免费使用其中的图片。
 

Pico-js

Pico-js 是一款仅有200行代码的 JS 人脸检测库，它的简约和轻量级是优势所在，它比其他的许多的库都要小巧得多，保存下来仅仅只有2Kb这么小。
 

Modular

Modular 是一款免费的 Android 平台的 UI Kit，其中包含了大量的 Material Design 风格的自适应元素，其中涵盖了13个类别的78种元素，总计167 个项目。
 

Tutorial: Responsive Knockout Text with Video

这个教程来自CSS-Tricks 的 Giulio Mainardi，他为你展示了如何使用视频构建炫酷的剪切蒙板文本效果，这个效果的实用性非常高，适用范围也非常广。
 

Semantic Experiences

语音搜索正在成为越来越流行的一种交互，这也是Google 团队研发语义表达式的原因，它能够帮助开发人员更好的在产品中利用自然语言。

Design Systems Repo

这个网站包含大量关于设计系统的文章、工具和案例。整个数据库非常的庞大，是搜集灵感、获取素材的好地方。
 

Science of Color Codes

Color Codes 不仅仅是一个能为你输出配色代码的工具，它的背后有专业的配色系统（RGB、HEX、CMYK、Pantone）作为支持，还有专门的配色专家将它作为一门科学来进行钻研。

Fontisto

Fontisto 是一个巨大的SVG 图标合集，你可以使用 CSS 对它进行自定义。它是一款快速响应的工具，无需 JavaScript 就可以轻松使用，另外， Fontisto 可以免费商用。
 

Aloja

Aloja 是一款免费的手写字体，字体风格显得拙稚有趣，非常适合用来展示。
 

Dank Mono

Dank Mono 是一款看起来很整齐简约的等宽字体，用来显示代码颇为不错，它的细节非常到位，适合视网膜屏幕的显示。
 

MD Tall

MD Tall 是一款x高非常高的字体，它看起来非常纤瘦也非常富有凝聚力。它包含完整的字符集，包括连字和斜体。

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

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

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

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

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