飞书(日历)交替图片布局的参考

167 阅读2分钟

本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.

卡片组中图片和文案描述交替交换的适应场景: 图文并茂展示产品亮点、增强用户互动、提高信息传递效率、增强视觉吸引力

参考页面:

image.png 说明: 为了将整个设计展示出来,故意缩小了页面的百分比

设计亮点

  • 产品功能点和功能解决的痛点描述和功能点交互图展示在第一部分,更具吸引性
  • 卡片组中图片和文案描述交替交换位置的好处有:
    1. 增强视觉吸引力:
    • 交替排列的图片和文案可以打破单调的布局,形成更丰富的视觉效果,吸引用户注意力
    • 图片和文案相互补充,可以更生动地传达信息,提升用户阅读体验
    1. 提高信息的传递效率:
    • 图片可以直观传递信息,而文案可以提供更详细的解释
    • 交替排列的方式可以使用户在浏览卡片组时快速获取关键信息,同时也能深入了解详细的信息
    1. 增强用户的互动:
    • 交替排列的设计可以引导用户滑动卡片组,探索更多的内容
    • 打破单调的布局,吸引客户的眼球

个人感悟:

为了吸引用户的眼球,不能千篇一律的统一布局,单一的布局会让用户感觉产品无亮点,因此需要用布局来打开产品的亮点,但是如果卡片组中图片和文案如果比例不适合会导致页面不协调,文案过长,也有可能会影响用户的阅读体验。