"\u003Cdiv\u003E\u003Cp\u003E设计除了有用的一面，还有好玩的一面。有很多设计工具和设计素材，在本身的功能性之外，还会具备令人愉悦的体验，让人会心一笑的元素，甚至非常好玩的构思。所以，在这个炎热的夏天，希望我们所提供的素材能够帮到你，还能让你更加高兴。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E404 Illustrations\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002Fc1215d3087b14cd6a77ad8a142c99b35\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E有没有想过创建一个很酷的 404 页面，但是又没有灵感？现在不用担心了，这个名为 404 Illustrations 的插画网站能够为你提供时髦的插画，并且每个插画都会有一个可爱的描述，都可以免费使用。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ESpotlight\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F5b094502076e46ee809e35c800519460\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ESpotlight 是一个轻量级的 Lightbox 库，易于运行，没有依赖关系的组件。不需要额外的 JavaScript 、 HTML 和 CSS 代码库，也不需要额外的图片或者素材，基本上下载就可以使用。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EEva Design System\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fcb3bb16527364ce18311321689a24ed5\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EEva 是一套免费的开源设计系统，你可以根据你的需求和团队的需求进行调整。它适用于 Sketch 并且提供相应的符号以及样式的配置。这套系统让你可以尽可能规避重复性的工作，能够快速地推进设计和开发。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EScreenzy\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Fce1b28695f754fc8ac47a5d403e78df0\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EScreenzy 是一个快速创建和编辑截屏的工具，你只需要粘贴图片或者 URL 就可以预设的5种不同的设置，快速地选择合适的编辑效果。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EDrag and Drop Sticky\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F7f83ce6f67e04476b36288fdb4afde84\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EDrag and Drop Sticky 是 Scott Kellum 所创建的一套无需 JavaScript 支持的好用酷炫的元素，当你移动它的时候，技术上只需要调整 textarea 的大小，以及相应的注释。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EFreezeframe.js\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002F89766f68491d4eacb1fe33e82099b05e\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E感觉 gif 图片自动播放比较烦？Freezeframe.js 可以帮你暂停 gif 动画，然后通过悬停、鼠标单击、触摸等其他的触发来恢复。由于它使用了更为现代的 JavaScript ，所以这款工具的新版本将不会再使用 jQuery 。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ESpace Shooter\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F0cb808387aa54e8abf2d0f63814c971c\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ESpace Shooter 是一款由 Andrew Rubin 所创建的射击小游戏。如果你正遭遇某个设计难题，或者想找些灵感，放松一下，那么你可以直接切过来玩儿一下。如果你是一个开发者，想写写代码，也可以直接基于这套代码来进行修改。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ESwipemix\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002F27ad05b239cd40068444599a09cff460\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ESwipemix 可以帮你在 Instagram 上设计更好的拼贴和布局，它让你可以在几分钟之内通过 iPhone 上的 APP 和内置的模板，快速地对图片素材进行排序和布局。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ESource Wireframe Kit\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002Fbc6b31ca4d8540b281d8744de12af082\" img_width=\"2333\" img_height=\"1609\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ESource Wireframe Kit 能够帮你更快地进行原型设计，这套工具内置的 500 多种不同的模块相互之间都可以进行快速的搭建，并且构建成为完整的设计系统。所有的内容都能够按照类别进行分组，帮助你更快地工作。你可以使用 Sketch、Figma、Marvel 或者 Invision 调用它并且创建自己的原型。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EHubcap\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F9fb8522c988d4ad2947cb7bfe3df6911\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EHubcap 是一款免费的录屏工具，无需安装任何软件就它就可以用——因为它是借助 Chrome 和 Firefox 浏览器来运行的。它让你可以快速录制屏幕，并且进行分享。这款工具能够记录长达5分钟的视频，并且最多可以存储2周以内的内容。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EBrutalism Web Kit\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002F7df95b377ee7412fb436aad2340e8738\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EBrutalism Web Kit 是一套紧跟时下潮流趋势的网页设计元素的模板合集，其中涵盖了70种不同的样式，以及相应的免费工具，以及可供利用的谷歌字体。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EAntDesign UI Kit\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002F31707464edfb47eea460863ba507533f\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E来自阿里的 AntDesign UI Kit 如今也推出了针对 Figma的版本了，其中包含2100个组件，630个图标，140 个可自定义样式和43个界面，它是目前 Figma 中最大的组件库之一。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EAnggada\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002F995467d6317d4874958c7e6f83aaa43f\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E这款名为 Anggada 的字体看起来应该受到阿拉丁电影的启发而设计出来的，它包括一整套适合展示的完整字符集，Demo 版是完全免费的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EBasier Mono\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Fea19086937134ac3976ac06ae247196a\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EBasier Mono 是一款现代风格的等宽字体，字体的外轮廓基本上是基于圆形和方形来设计，字体包含免费和收费的高级版。这套字体中还包含有非常酷的替代字体，包含数字以及多种不同的语言。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EBright Salkiy\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F7096d9647cf047179041cd001ffb0b3b\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EBright Salkiy 是一款潦草纤细的手写字体，具有优雅的标志性的形象。免费版仅供个人使用，完整版的会包含有全部的字符和数字。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ECataclysmo\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fab8de4decd9f44c2b7a096b9599fd5d7\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ECataclysmo 是一款纤瘦加粗的衬线字体，字体主要用于展示，所以它仅包含大写字母字符集和数字。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ENairi Amber\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Fb870b95ec1684adeac90f9fb20c4fb2c\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ENairi Amber 这套字体的免费版当中，涵盖有普通的无衬线字体、手写字体以及相应的斜体。这套字体非常适合和圆润的字体进行搭配，其中手写字体会显得很紧凑。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ERise of Kingdom\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Ffd800d62e9fe471a8a6dda905c8eaeb8\" img_width=\"1856\" img_height=\"1280\" alt=\"第二波！2019年7月设计圈超实用干货大合集\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003ERise of Kingdom 是一款大写的衬线字体，它有着非常优秀的显示效果，给人的整体感知是大气的，衬线利落而恰到好处。\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E"'.slice(6, -6), groupId: '6718341299587514887