UXD笔记
设计师们在日常设计过程中常常需要对产出物“条分缕析“，给出更加“入情入理“的设计。小编收集了一些能够帮助大家“精准出稿”的网站及工具，快一键加入书签吧！
01. 体验及界面设计的“金句铁律”
爱好理论研究的设计师狂喜！Laws of UX 集合了现在设计界较有名的 21 项设计准则（比如 Fitts’s Law，Hick’s Law 等）。每篇都包含了概述，来源，扩展阅读等，结构清晰，页面也非常易读。不多说了，这还不迅速学习起来？？？
▲ Laws of UX 网站（截图仅用于展示）
🔩 传送门 🔗
lawsofux.com
02. 设备适配查找手册
一份非常全面的 Apple 设备的屏幕适配手册，包含了「安全区域」及 Widgets 的大小。对于需要多设备适配的设计师们，ScreenSizes 是可以收进收藏夹的小工具。
▲ ScreenSizes官网（截图仅用于展示）
🔩 传送门 🔗
www.screensizes.app
03. 入门 AR 的高能手册
iAR Design 是一个 AR 资源共享空间，也是一本帮助你入门 AR 的 Handbook。全站内容侧重于 AR 产品设计，也包括 AR 硬件产品介绍、AR 技术知识普及、AR 产品应用分享，同时也会涉及 VR、人机交互、智能硬件等内容。
案例非常丰富，简单浏览一下都能获得很多信息。尤为难得的是对国内资源的收集上，相较之前很多 Handbook 更加全面，更好的能看到中外在这个领域的思考。
▲ iAR 项目网站（截图仅用于展示）
🔩 传送门 🔗
iar.design
04. AE 的表达式“实用知识库”
After Effects Expression Reference 可能是目前最全面的AE表达式手册。大家经常用的循环，wiggle 等表达式，都可以直接搜索详细的解释和具体使用方法。非常实用方便。
▲ After Effects Expression Reference 网站（截图仅用于展示）
🔩 传送门 🔗
ae-expressions.docsforadobe.dev
05. 年度最佳设计工具排行表
熟话说，工欲善其事，必先利其器。又到了每年设计工具“出道”的时间了！
UX Tools 是一个追踪设计工具的使用率及热度的数据库，里面详细可视地展示了每款设计工具的使用度，评分，特性等；同时还区分了比如 UI 设计工具，原型工具，白板工具等 8 类工具类目，便于各位设计师们比较及选择。
今年的调研也已经开始了，大家快去为自己喜欢的工具点赞投票吧。
▲ UX Tools 网站（截图仅用于展示）
🔩 传送门 🔗
uxtools.co/tools/design
06. 你的一站式设计系统清单
颇为细致的 Design System 设计清单。从「设计语言」、「元素」、「核心组件」、「工具」及「项目管理」五个方面详述了建立一个完整的设计体系的设计及开发工作项。既适合实际项目实施，也适合自己学习。
▲ Design System Checklist 网站（截图仅用于展示）
🔩 传送门 🔗
www.designsystemchecklist.com
07. 轻量但好用的 Web 动画库文档
Motion One 是轻量且性能表现优异的 Web 动画库。API 丰富，文档易于学习。对于设计师来说，可以很方便的利用 Motion One 实现一个真实 Demo，推荐给大家。
▲ Motion One 项目网站（截图仅用于展示）
🔩 传送门 🔗
motion.dev
08. 也许是最佳阴影生成器
所见即所得的平滑阴影生成器，提供「阴影层数」、「最后透明度」、「灰度曲线」、「横纵阴影距离」等选项可供选择；并且实时生成 CSS 代码，可供线上还原。
▲ Smooth Shadow 项目网站（截图仅用于展示）
🔩 传送门 🔗
shadows.brumm.af
与52822位读者一起成长
因微信公众号推送机制改版，现文章不按发布时间排序。如果大家还想早上准时收到我们的精选文章，麻烦多给我们的文章点“在看”、“赞”、“分享”，并在公众号主页点击右上角“...”将UXD笔记设为星标，这样才不会错过每一篇新文章❤️
