把画面留给灵感:图鑑的设计笔记。
更安静的搜寻入口、更清楚的风格脈络。我们如何安排探索与阅读的节奏。
第一眼,先让图片说話
风格图鑑需要很多资讯,但不必在第一眼全部展开。首页把搜寻、用途与筛选集中在图片上方,让使用者先找到方向,再决定要看多细。
进一步的视觉特征放进可以展开的筛选区。已套用的条件保持可见,也能逐一移除,让每次缩小范围都有清楚的来由。
从缩图走进完整的风格页
缩图适合快速比较,完整页面则适合停下来观察。我们将大图、色票与风格资料放在阅读起点,再往下接续参考 Prompt 和相关风格。
相近风格依标签、视觉特征与用途排列;相近配色则参考示例图的取样色彩。两条探索路径回答不同的问题:你喜欢的是表现方式,还是颜色的组合?
让更新也有自己的阅读空间
NEWS 把介绍文章与设计更新分开整理。桌面版左侧保留分类与搜寻,右侧留给文章;手机版将分类收成橫向列,阅读内容回到单一栏位。
我们延续图鑑的藍色、圆角与清楚的字級,让探索图片和阅读文章有一致的感受。后续的调整与思考,也会在这里留下纪录。

需要安装或使用协助?前往支援中心 →
SREFLY / 收藏灵感,留给下一次创作。所有文章 →

