本期《设计漫步周刊》介绍了多个设计相关的发现、资源和资讯。在“发现”部分，推荐了Kino摄影软件、Superpower网站、Bear Powered CSS价格页面等创意设计，并分享了小宇宙Studio的播客剪辑工具和网易云音乐的「耳龄测试」功能。资源部分提供了UI作品集源文件、Bento布局模板、3D小家具素材等设计资源，以及Atropos JS库和Fontshare字体合集。阅读部分探讨了淘宝直播设计优化、电话键盘设计背后的故事，以及结构化设计流程。资讯部分提到Motiff全球发布、站酷App更新、支付宝NFC支付和Figma草稿改版。这些内容为设计师提供了丰富的灵感和实用工具。

文章内容

思维导图

常见问题

社交分享

> 感谢各位读者的支持🙏

🔍 发现

Kino — Pro Video Camera for iPhone↗︎

一款摄影软件的官网，喜欢他底部像视频一样的浏览进度条，与他们的产品性质呼应。

## Superpower↗︎

开屏的眼睛好帅

## Bear Powered CSS Pricing Page↗︎

一个动画很可爱的价格页面。

## 卡片翻转动效↗︎

原推作者分享了动效的制作思路

## 小宇宙Studio↗︎

小宇宙推出了官方剪辑工具，制作播客越来越方便。

## 网易云音乐「耳龄测试」↗︎

网易云音乐上线「耳龄测试」音效功能，为用户量身打造独一无二的音乐体验。该功能可精确测定用户在多频段下的听力阈值，全方位评估用户的听力健康状态。系统则会结合用户的独特听力特点，智能地进行听力补偿，并推荐最适合的音效设置。确保用户在享受音乐时，可以获得更清晰、更真实的音质，进而得到更优质的音乐体验。只需在播放页面点击「更多」，进一步选择「音效」，就能即刻体验这一创新功能。

## Figgy↗︎

一个可以获得 Figma 使用频率热力图的小工具，需要一个一个的手动添加文件，比月维↗︎的差远了。

## 文案断行的乌龙↗︎

逛京东可以捡到大便

—

📦 资源

UI作品集源文件分享↗︎

包含了B端医疗健康、旅游网站以及C端的泛娱乐

## 100+ Free Ultimate Bento Layout↗︎

Bento布局模板，插件 Bento Grid Maker↗︎ 更好用，输入数量可以直接生成布局模板。

## 3D 小家具素材↗︎

Atropos↗︎

一个轻量级的开源 JS 库，用于将图片创建 3D 视差悬停效果。

## Fontshare↗︎

免费英文字体合集，从经典到前卫，从复古到未来感，这里应有尽有。

## 50 button project↗︎

50 个按钮设计，可直接克隆用于 Webflow 项目，目前更新了二十多个。

—

📖 阅读

开播更轻松,贴心设计做到心坎上↗︎

文章分享了淘宝内容直播B端团队如何通过设计优化提升主播的开播体验，包括集中用户注意力、提高操作效率、确保行为预期，并介绍了移动端的极简开播设计。

## What telephones can tell you about good design↗︎

文章介绍了电话键盘设计背后故事，讲述了贝尔实验室在 20 世纪 50 年代为新型触摸电话设计键盘布局的过程。经过多次测试，他们最终选择了一种 “三排三列加一” 布局，这个设计在用户测试中表现最为符合大多数人的直觉。文章强调了设计中需考虑用户的实际需求和习惯，用户的偏好不一定就是最佳选择。最终，人的认知和习惯对产品的使用效果起着决定性的影响。

## 设计流程 8 步法↗︎

原推分享了一个结构化的8步设计流程，强调了深入理解问题、管理复杂性、早期和频繁展示以及在坚实设计基础上进行系统化的重要性。

—

📰 资讯

Motiff 妙多全球发布：设计生产力，AI 出新意↗︎

Motiff↗︎ 一直很低调，这次直接面向全球发布并同步推出付费计划。他的 AI 布局功能很方便，完美解决了 Figma 自动布局做好后想修改而“牵一发动全身”的情况，软件作图丝滑程度较国内几款 UI 在线工具也尤为出色。

## 站酷 App 更新

站酷更新了 App，logo 从黄色改成了橙红色，目前 Web 端暂未更新。

## 支付宝NFC支付

支付宝在上海地区推出 NFC 支付，相对二维码支付更加便捷很多。但是现在仅在上海的部分门店率先落地，希望后续能在全国大面积使用。从使用角度来看，NFC 支付与 Apple Pay 相似，只需在结账时，将手机靠近支持NFC的收款设备，即可完成支付。

## Figma 草稿改版↗︎

官方文档里详细说明了改版内容以及为什么改版。

总结：你们都白嫖草稿容量，现在看你们怎么嫖，快来付费专业版！

—

思维导图生成中，请稍候...

问题 1： Kino 这款摄影软件有什么特别之处？
回答： Kino 的官网设计独特，底部有一个像视频一样的浏览进度条，与其产品性质相呼应，增强了用户体验。

问题 2： Superpower 的开屏设计有什么亮点？
回答： Superpower 的开屏设计非常吸引人，眼睛的动画效果非常酷炫，给用户留下了深刻的第一印象。

问题 3： Bear Powered CSS Pricing Page 的动画效果如何？
回答： Bear Powered CSS Pricing Page 的动画效果非常可爱，为价格页面增添了趣味性和互动性。

问题 4： 网易云音乐的「耳龄测试」功能有什么作用？
回答： 网易云音乐的「耳龄测试」功能可以精确测定用户在多频段下的听力阈值，评估听力健康状态，并智能推荐最适合的音效设置，提升音乐体验。

问题 5： Figgy 和月维在 Figma 使用频率热力图方面有何不同？
回答： Figgy 需要手动逐个添加文件来生成热力图，而月维则更为便捷，整体体验更好。

问题 6： Atropos 是什么？它有什么功能？
回答： Atropos 是一个轻量级的开源 JS 库，用于将图片创建 3D 视差悬停效果，为网页设计增添了动态视觉体验。

问题 7： Fontshare 提供了哪些资源？
回答： Fontshare 是一个免费英文字体合集，涵盖了从经典到前卫、从复古到未来感的多种字体风格，满足不同设计需求。

问题 8： 淘宝内容直播B端团队如何优化主播的开播体验？
回答： 淘宝内容直播B端团队通过设计优化，集中用户注意力、提高操作效率、确保行为预期，并推出了移动端的极简开播设计，提升了主播的开播体验。

问题 9： Motiff 的 AI 布局功能有什么优势？
回答： Motiff 的 AI 布局功能解决了 Figma 自动布局修改时“牵一发动全身”的问题，作图过程更加丝滑，提升了设计效率。

问题 10： 支付宝 NFC 支付相比二维码支付有什么优势？
回答： 支付宝 NFC 支付更加便捷，用户只需将手机靠近支持 NFC 的收款设备即可完成支付，目前已在上海部分门店率先落地。

设计漫步周刊#001