Zayn Hao's banner

Zayn Hao

@ZaynHao • 19,819 subscribers

design engineer & building solo products. @minttrapp @getgridea https://t.co/wRg29sCYAW https://t.co/fJiWJkILDK https://t.co/RyZb7c6elh https://t.co/mNKhJ9IwOI https://t.co/4lm6iHAFg6 https://t.co/4ty0bXKUl0

Shorts

Codex 这个左下角的套餐用量 UI，属实是没看懂呀，关键细节是，hover 的时候，圆环进度条还会减少一些。所以是用了多少呢。圆环进度条不代表百分比是么。另外，中间的灰色小方片也没有看懂。 🥲

Codex 这个左下角的套餐用量 UI，属实是没看懂呀，关键细节是，hover 的时候，圆环进度条还会减少一些。所以是用了多少呢。圆环进度条不代表百分比是么。另外，中间的灰色小方片也没有看懂。 🥲

44,460 views

大家千万别眨眼，这款 macOS 邮箱 app 使用起来已经很丝滑了。无论是 UI 视图切换，还是快捷键操作，都应该很丝滑、很流畅才对。

大家千万别眨眼，这款 macOS 邮箱 app 使用起来已经很丝滑了。无论是 UI 视图切换，还是快捷键操作，都应该很丝滑、很流畅才对。

24,748 views

抱歉，我今天才发现这个...

抱歉，我今天才发现这个...

16,467 views

最近发布的一些 personal agent 的 UI 设计，或许或多或少有参考当初 AI 时代之前来自 Jason Yuan 的 MercuryOS 的这个设计。当然了，倒是没有这个做的好。以环境、氛围感的背景来营造出安静、亲和的私人空间。以卡片式，专注、附带快捷操作的交互来完成事情。视频来自 rauno 在 AI 时代之前制作的 Demo，百看不厌。

最近发布的一些 personal agent 的 UI 设计，或许或多或少有参考当初 AI 时代之前来自 Jason Yuan 的 MercuryOS 的这个设计。当然了，倒是没有这个做的好。以环境、氛围感的背景来营造出安静、亲和的私人空间。以卡片式，专注、附带快捷操作的交互来完成事情。视频来自 rauno 在 AI 时代之前制作的 Demo，百看不厌。

35,469 views

看到大家对这款邮箱 app 很感兴趣，十分感谢，我正在努力推进 Google 的应用验证，将尽快推出内测版本。如果你好奇，这是它运行在 iPhone 上的样子。

看到大家对这款邮箱 app 很感兴趣，十分感谢，我正在努力推进 Google 的应用验证，将尽快推出内测版本。如果你好奇，这是它运行在 iPhone 上的样子。

12,369 views

喜欢这款 Mac 清理工具的 UI 设计。干净、轻量、速度快。

喜欢这款 Mac 清理工具的 UI 设计。干净、轻量、速度快。

57,424 views

不是，哥们儿，你也藏彩蛋了啊。😀

不是，哥们儿，你也藏彩蛋了啊。😀

143,782 views

如果说当初 Arc 浏览器有什么我最喜欢的功能，那就是这个：滑动切换 Profile！现在终于在 Dia Dia 浏览器中实现了。这才是浏览器多工作分区的最佳设计！

30,071 views

周末了，各位 builders 在干嘛？ Minttr 的价格页设计细节正在完善中。如何使用仅有的文字和空间表达地更完整的意思，真是个有挑战的事情。这两天又有新的英文朋友加入了 Minttr partner plan，谢谢信任。继续为正式发布努力！ 💪

周末了，各位 builders 在干嘛？ Minttr 的价格页设计细节正在完善中。如何使用仅有的文字和空间表达地更完整的意思，真是个有挑战的事情。这两天又有新的英文朋友加入了 Minttr partner plan，谢谢信任。继续为正式发布努力！ 💪

23,389 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

推荐两个非常好看又好用的动效组件： - 动态边界光束 - 动态思考球

推荐两个非常好看又好用的动效组件： - 动态边界光束 - 动态思考球

119,417 views • 3 months ago

这大概是本周最精彩的文章了。如果你是工程师、设计师，可能非常适合阅读。 Fey 原创始人加入到 Wealthsimple 后，如何将代码工程和 UI 设计带领到下一个级别。其中，我最喜欢的是文章这些可实时交互的 UI 小控件，可以直接感受到这些组件的设计质量与愉悦。

这大概是本周最精彩的文章了。如果你是工程师、设计师，可能非常适合阅读。 Fey 原创始人加入到 Wealthsimple 后，如何将代码工程和 UI 设计带领到下一个级别。其中，我最喜欢的是文章这些可实时交互的 UI 小控件，可以直接感受到这些组件的设计质量与愉悦。

81,075 views • 2 months ago

Safari 有一个对比 Chrome 的网站，这讲的也太不客观了。整体看下来就是 Chrome 垃圾，Safari 遥遥领先... 但是 Safari 的网页渲染引擎就是差、内置翻译也拉胯、不支持 Windows。虽然 Chrome 也由于近期的很多内置 AI 功能变得越来越复杂，但 Chromium 内核还是很好的。

Safari 有一个对比 Chrome 的网站，这讲的也太不客观了。整体看下来就是 Chrome 垃圾，Safari 遥遥领先... 但是 Safari 的网页渲染引擎就是差、内置翻译也拉胯、不支持 Windows。虽然 Chrome 也由于近期的很多内置 AI 功能变得越来越复杂，但 Chromium 内核还是很好的。

24,488 views • 28 days ago

对这个新实现的图片打码功能还挺喜欢的，能够自动根据所处环境来自动适配颜色变化，做到比较平滑的元素消除。下面是一个例子。

对这个新实现的图片打码功能还挺喜欢的，能够自动根据所处环境来自动适配颜色变化，做到比较平滑的元素消除。下面是一个例子。

70,252 views • 4 months ago

推荐一个好用、制作精良的用于支持流畅文本和数字动画过渡效果的库—— Calligraph. 不仅提供了丰富的示例、试验场、还提供了与其他同类库的对比。效果非常好看。

推荐一个好用、制作精良的用于支持流畅文本和数字动画过渡效果的库—— Calligraph. 不仅提供了丰富的示例、试验场、还提供了与其他同类库的对比。效果非常好看。

39,203 views • 5 months ago

发现一个 UI 过渡动画制作非常精良的 UI 组件库，与常规的组件库不同，这个库包含的是一些专门场景实现的组件。例如文件夹、导航、数字、二次操作、通知等。非常适合作为当开发软件的某个场景与其类似时，作为 AI 实现过渡动画的参考原型。一个小技巧：AI 生图时，垫图可以得到更好的风格和预期结果。AI 制作过渡动效，也是类似。

发现一个 UI 过渡动画制作非常精良的 UI 组件库，与常规的组件库不同，这个库包含的是一些专门场景实现的组件。例如文件夹、导航、数字、二次操作、通知等。非常适合作为当开发软件的某个场景与其类似时，作为 AI 实现过渡动画的参考原型。一个小技巧：AI 生图时，垫图可以得到更好的风格和预期结果。AI 制作过渡动效，也是类似。

18,305 views • 2 months ago

什么？Arc 浏览器的 Folder（文件夹）功能还没有在 Dia Dia 浏览器中实现？今天学到了：将 Group 拖拽到 Pin 的区域，即可创建一个常驻的文件夹。也就是 Pinned Group = Folder。

什么？Arc 浏览器的 Folder（文件夹）功能还没有在 Dia Dia 浏览器中实现？今天学到了：将 Group 拖拽到 Pin 的区域，即可创建一个常驻的文件夹。也就是 Pinned Group = Folder。

14,188 views • 3 months ago

✨ - UI 设计小技巧分享：如何实现一个既美观又用户体验友好的 Tooltip？当用户 hover 到菜单时，delay 600ms 再出现；当快速在其他菜单切换时，delay 0s 顺时切换。 - 首次触发 delay 600ms 避免是避免每次操作都触发显示。 - 相邻菜单切换顺时切换是方便快速查看功能说明。

✨ - UI 设计小技巧分享：如何实现一个既美观又用户体验友好的 Tooltip？当用户 hover 到菜单时，delay 600ms 再出现；当快速在其他菜单切换时，delay 0s 顺时切换。 - 首次触发 delay 600ms 避免是避免每次操作都触发显示。 - 相邻菜单切换顺时切换是方便快速查看功能说明。

16,903 views • 4 months ago

分享一下我制作的 Claude Code 通知提示音 Skill，再也不用担心忘记有没有需要确认的操作、会话有没有完成了。 1. 需要用户确认时，会循环播放 progress 的提示音， 2. 会话完成时，会播放 celebration 的提示音。即刻安装：

分享一下我制作的 Claude Code 通知提示音 Skill，再也不用担心忘记有没有需要确认的操作、会话有没有完成了。 1. 需要用户确认时，会循环播放 progress 的提示音， 2. 会话完成时，会播放 celebration 的提示音。即刻安装：

17,777 views • 7 months ago

永远想不到这里有多少 UI 设计细节。🤨

永远想不到这里有多少 UI 设计细节。🤨

11,215 views • 4 months ago

Graker - grammar checker. 英语语法检查小工具来啦！免费用！使用条件：自备 Gemini API key。使用英文写作，选中文字，快捷键一键进行语法检查。来不及整官网了，先在 Telegram 群里发一下安装包，有需要的朋友欢迎体验：

Graker - grammar checker. 英语语法检查小工具来啦！免费用！使用条件：自备 Gemini API key。使用英文写作，选中文字，快捷键一键进行语法检查。来不及整官网了，先在 Telegram 群里发一下安装包，有需要的朋友欢迎体验：

15,373 views • 6 months ago

使用 Claude fable 5 开发截图工具有点儿酷。一下就实现旋转、倾斜等景深效果，还有边缘模糊、背景噪点等。这在以前简直难以想象。看看接下来它会进化成什么样子。

使用 Claude fable 5 开发截图工具有点儿酷。一下就实现旋转、倾斜等景深效果，还有边缘模糊、背景噪点等。这在以前简直难以想象。看看接下来它会进化成什么样子。

11,707 views • 5 months ago

当你看到一个充满设计创意的网站时，可以使用原生的分享扩展保存到 Minttr 了。 Minttr 网站来自 bao to ᝰ.ᐟ 🦆🦆🦆

当你看到一个充满设计创意的网站时，可以使用原生的分享扩展保存到 Minttr 了。 Minttr 网站来自 bao to ᝰ.ᐟ 🦆🦆🦆

11,386 views • 6 months ago

No more content to load