10月份的设计圈干货合集到货了!还有2个多月的时间,今年就要结束了,现在是时候为了后面的工作,准备一点靠谱好用的工具了!这个月的合集当中,包含不少素质极高的设计工具,还有一些每期都有的常驻内容,希望你会喜欢。

UIPrint 是一组非常实用的设备线框图外框,适合将其打印出来用笔来绘制 UI 草图。目前这个合集当中,已经包含有 10 种不同的设备外框线框图。

Haptics 为开发者和设计师提供了一套便捷的方法,便于他们来快速查看 iPhone、Apple Watch 等苹果设备的触摸反馈。目前你可以在 Apple Store 中购买,系统版本需要是 iOS 13 以上。

你可以借助 HTTP Mock 这款工具来拦截或者查看 HTTP/HTTPs的模拟端点或者整个服务,它还提供重写、重定向等功能。

Art of Symbols 是一个由 Emotive Brand 所发起的项目,它旨在从根本上解决常见的图标和符号设计的含义的问题,这个项目最开始是在 Instagram 上发布并每天更新的,现在则已经被编译成为一个内容丰富的独立网站。

Smoother & Sharper Shadows 是一个系统教程,教你使用 box-shadow CSS 属性来清理阴影的视觉效果,帮你生成平滑和锐利的阴影。借助它你可以更好地控制阴影的造型,以获得更优美的设计。

CopyMonkey 使用机器学习的方式来学习你的手写风格,不过实际效果看起来像狗啃的一样,这个功能可能没有太多的价值,但是真的挺好玩的。

CTRL+Z 是一个有趣的交互式的在线宣传单,它带有非常炫酷的3D故障效果,你可以通过拖拽来与之互动。

Shape 是一个包含 1000 款动态和静态图标/插画实用合集,你可以调整其中元素的颜色、样式和边框,导出到 React、SVG 和 Lottie 等工具当中,这款工具还包含 UI 模板,非常好使。

这组获奖图标总计有 50 款,它们包含有3种不同的风格,都是为获奖和胜利而设计,包含有 SVG 和 JPG 三种格式。

Sketch Devices 是 Facebook 团队为 Sketch 所设计的一套现代的硬件设备的样机。他们的设计团队说:「Facebook 支持全世界各地的不同受众的多样化的硬件设备,为此我们专门重新为一系列设备绘制了专门的样机,以应对全球多样化的设计需求。每个设备都带有相应的位图版本(带或者不带阴影的版本)以及原始的矢量 Sketch 文件。」

Animated Icons 是一组有趣的线性图标合集,带有有趣的动画,可以为你的项目添加一些额外的乐趣。为 Lottie、GIF或者 AE 下载相应的 JSON 格式文档,就能使用。

Fresh Folk 是一组有趣的插画,包括人物、地点、物品,可以用它们来提升你的整个设计的效果和质感。

在表单中使用按钮最好的位置是哪里?这通常取决于你的表单中包含哪些信息。Adam Silver 通过这篇教程为你详细解释了这背后的设计逻辑,确保你在设计按钮的时候,能够对于用户更加友好。

Mozilla Developer 团队发布了一个全新的系列视频,其中包含有如何使用最新的 Web 技术和工具,你可以在它们的网站中找到视频,也可以关注它们的 Youtube 频道。

Fliplet 是一个「预制」的无代码应用编辑器,它可以帮你在无需编码的情况下构建不同的应用程序,它使用开源的组件库,你也可以创建你自己的库。它的核心功能库已经包含了你所需要的一切。

Quickmetrics 是一个基于仪表盘的数据搜集和共享工具,它可以跟踪各种数据,包括注册、响应时间等几乎所有的内容。

Deep Work Stats 是一款可以帮你了解自己在工作中时间分配的生产力工具。它会扫描你的日历和计算机的工作内容,帮你确定你有多少时间花费在深层工作上,多少时间花费在浮浅工作上,有多少时间花费在会议上,并且你可以和全球范围内的同事和同行进行对比。

Bridamount 是一款手写字体,带有有趣的特殊字符。它是完全免费可商用的,包含完整的大小写字符集。

Cascadia Code 是一款仍在开发中的等宽字体,你可以使用 FontTools 对它进行修改。它包含有可变成的连体字,可以让 Windows 系统中的文字显示更加清晰有力。

Dealerplate Cailfornia 是一款非常时髦的字体,用来模仿车牌上的字母样式。

Krisha 是一款展示用的字体,拥有全部大写的字符集,线条时髦,样式大气整饬,是可以拿来商用的免费字体。

Mallie 是一款支持多语言的风格融合的字体,它是通用字体,可以用来打造有趣的品牌设计。

虽然现在为圣诞节做准备还为时过早,但是这款圣诞风格的大写字体还是非常值得收藏的。

Scarekrowz 是一款为万圣节所准备的字体,这款字体时髦且怪异,字体包含有 94 个字符,有趣且个性十足。

|