节后福利！2018年6月设计圈超实用干货大合集

端午节小长假刚刚才过去，想必大家都吃到了粽子吧？在这个热起来的6月，各种新鲜的工具和素材也层出不穷，稍微翻找一下，都能找到几款趁手的好东西。仔细看看今天的设计圈干货大合集吧，总会有几款你需要的。

Cool Backgrounds

Cool Backgrounds 是一个足够漂亮也足够有用的工具，它可以帮你创建带有渐变色彩、有着时尚风格的背景，无论是在博客网站还是在社交媒体当中，都可以用得上。

Record Label Logos

Record Label Logos 是一个颇为值得收藏的视觉灵感素材合集。这个项目是 Reagan Ray 所创建的，他将时尚最好的唱片厂牌的 LOGO 汇集到一起。许多老派的厂牌的 LOGO 设计简直令人震惊。

Beagle

Beagle 是一款安全工具，旨在预防黑客入侵你的网站。你可以用它来测试网站的安全性，并且能够将当前所有的分析结果直观地呈现在仪表盘中。

Priority Nav Scroller

Priority Nav Scroller 是一款帮你更好掌控网站导航的工具。如果你的网站当中包含大量的导航链接，需要优先考虑网站导航，那么它可以帮你进行相应的优化，看看是否需要额外的内联控件，简单的安装之后便可使用，总体设计足够简约。

Codacy

Codacy 能够帮你改进代码并且自动进行 Code Reviews。它被设计用来提升开发团队的生产力，用来跟踪和控制代码的质量。

Bokeh Effect

如果你喜欢模糊的气泡效果的背景，那么 Bokeh Effect 这款工具就一定不要错过。它能够生成带有这样效果的 CSS动画。

Rainbow Hover Buttons

Rainbow Hover Buttons 是一段代码片段，可以创建颇为有趣的按钮悬停特效。

Critters

Critters 是一个 Webpack 插件，用来串联关键的 CSS代码，并且让余下的部分延迟加载。这个库的特异之处在于，它不使用无头浏览器来呈现内容，速度快，轻量级，适用于单页应用。

Solna

Solna 是世界上第一个以信用评分数据为驱动力的发票平台，专门为小企业主和自由职业者所设计，实现现金流自动化，并且降低风险。

Fathom Analytics

Fathom Analytics 为你提供全新的网站数据搜集方法，无需分享或者购买数据。它能够给你提供你最关心的关键信息，无论是关于用户还是核心操作。

Wallpaper Generator

Wallpaper Generator 是一个颇为简单的壁纸和背景图案生成工具。

Goat

Goat 是一个设计和开发团队经常会需要的一款 URL 缩短工具，也就是我们常说的短链接生成器。它能够生成仅有你的团队才能打开的链接，它能够生成良好的关联组，并同 Slack 上的团队协作结合起来。

Roast

Roast 是一个静态web主机，它主要是为了纯HTML（JekyII、Hugo等）和 React/Angular/Vue 所准备的。它包括安全的 HTTPS，快速的 AWS、CDN、SEO报告和服务器端渲染。

Wired Elements

Wired Elements 是一款手绘风格的 UI Kit，所有的元素都像是纯手工绘制出来的，虽然在风格上有所限制，但是足够有趣，也算是非常独特了。

Optic

Optic 是一款人工智能编程工具，它可以帮助用户自动执行普通任务，以改善工作流程。

Lord Icon

Lord Icon 是一组50 个 SVG 动态图标合集，这些小图标能让 UI 更加有趣，更加富有调性。

12 Languages Icons

12 Languages Icons 是一组将语言拟人化之后的人物形象，每个人物形象都非常的简单，卡通风浓郁。

Clothes & Shopping Icons

Clothes & Shopping Icons 是一套线性风格的矢量图标合集，这些图标都是关于服装和购物的，每个图标都包含多个不同的文件格式，适合拿来直接使用，也适宜快速定制。

Libmoji

Libmoji 是一个为 Bitmoji 所定制的小型头像库，它使用了 Bitmoji 的API，并且允许你在没有 Bitmoji 和 Snapchat 帐号的情况下集成这一头像库。

Winds

Winds 是一款开源的RSS和播客APP，你可以用它来收听播客，也能使用它来订阅不同的信息源。这款 APP 中加入了机器学习的模块，能够帮你找到符合你口味的内容。

Tutorial: 1 Element CSS Rainbow Gradient Infinity

这个来自 CSS Tricks 的教程教你使用CSS创建彩虹色无限渐变。

Tutorial: Building a Responsive Image

还是不知道怎样最有效地创建响应式的图片或者 LOGO？Nils Binder 在这里为你提供了一个非常详尽的教程。

Cannes

Cannes 是一款充满艺术装饰风格的字体，包含整齐的连字效果，可以免费商用。

Delicious Adventures

Delicious Adventures 是一款新颖而简洁的手写字体，字体的比例控制确保能够适应各种不同的展示性的场合。

Kotori Rose

Kotori Rose 是一款有趣的几何非衬线字体，可以用来展示或者构成小块的文本。

Lash

Lash 是一款有着超高x高度的展示性字体，字体风格略显粗糙，包含锐利的边缘。

Megan June

Megan June 这套字体当中，每个字母都设计的窄而优雅，笔画简单易读，边角轮廓清晰而现代。

Quiet Meows

Quiet Meows 是一款猫奴专用的字体，字体中充满了蠢萌猫咪的各种姿势，可以说是非常具有针对性的设计了。

Sunset Beach

Sunset Beach 是一款现代的手写字体，字体中包含有各种连笔，但是不包含数字。

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

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

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

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

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