设计师们在日常设计过程中常常需要对产出物“条分缕析“,给出更加“入情入理“的设计。小编收集了一些能够帮助大家“精准出稿”的网站及工具,快一键加入书签吧!
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笔记设为星标,这样才不会错过每一篇新文章❤️