AI 与设计消息

把画面留给灵感:图鑑的设计笔记。

更安静的搜寻入口、更清楚的风格脈络。我们如何安排探索与阅读的节奏。

第一眼,先让图片说話

风格图鑑需要很多资讯,但不必在第一眼全部展开。首页把搜寻、用途与筛选集中在图片上方,让使用者先找到方向,再决定要看多细。

进一步的视觉特征放进可以展开的筛选区。已套用的条件保持可见,也能逐一移除,让每次缩小范围都有清楚的来由。

从缩图走进完整的风格页

缩图适合快速比较,完整页面则适合停下来观察。我们将大图、色票与风格资料放在阅读起点,再往下接续参考 Prompt 和相关风格。

相近风格依标签、视觉特征与用途排列;相近配色则参考示例图的取样色彩。两条探索路径回答不同的问题:你喜欢的是表现方式,还是颜色的组合?

让更新也有自己的阅读空间

NEWS 把介绍文章与设计更新分开整理。桌面版左侧保留分类与搜寻,右侧留给文章;手机版将分类收成橫向列,阅读内容回到单一栏位。

我们延续图鑑的藍色、圆角与清楚的字級,让探索图片和阅读文章有一致的感受。后续的调整与思考,也会在这里留下纪录。

srefly NEWS 初版桌面画面:左侧分类与搜寻,右侧两篇文章。
2026-09-07 的 NEWS 初版介面纪录。 · srefly

探索 SREFLY Style →

需要安装或使用协助?前往支援中心 →

SREFLY / 收藏灵感,留给下一次创作。所有文章 →

继续阅读

srefly for Chrome