✨ 用好连续性,让你的产品更丝滑——《999 个小技巧,让你 Vibe 的产品更有质感》015
连续性指的是:界面状态变化时,用户点到的元素不会消失再重新出现,而是直接过渡成下一个状态,让人始终清楚自己从哪里来、现在在哪里。
之前发过一条相关的帖子,很多人感兴趣。这次用 iOS 里几个常见的场景,完整演示一遍。
做好这些细节,让你的产品体验狠狠加分!
附一条 Prompt:它会先诊断你的产品,找出值得做连续性的地方,再给出具体的改造方案,可以直接复制使用 ⬇️
Navigation:行标题延续为页面标题,原标题收为返回按钮;滚动时,标题收入顶栏
Card:卡片展开为正文,图片延展为头图;下拉时,沿原路收回
Player:迷你播放条展开为播放页,封面、标题与按钮各归其位
Search:搜索框移至顶部,匹配项随输入上移,其余淡出
Chart:数据卡片展开为图表,卡片中的小柱延续为图表的柱
Menu:菜单自按钮原位展开;新增项落入首位,其余依次后移
Tab Bar:选中胶囊先伸展,再落位
001–015 期都在主页 Highlights,栏目日更中
正在冲刺万粉(10k),期待你的推荐!🫶 非常感谢
显示更多