theme: fancy highlight: shades-of-purple

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

今日参考截图

优点

• 该布局可以进行编辑，当开启 Edit layout 模式之后，可以对卡片进行拖拽，能够让用户自定义卡片显示的优先级
• 将卡片对不同的模块进行分组，有效地提高了信息组织的效率，增强了用户的体验，提升了视觉效果
• 可以对卡片进行缩放功能，当点击 扩展 icon 时，响应模块的内容将会以 modal 的形式放大展示，避免用户离开当前页面

• 将常用的功能放置到卡片的右上角，方便用户快速对该卡片进行管理，不常用的功能集被放到 popover 里边，用户点击 more icon 的时候将会展示更多有关该模块的更多操作

• 卡片内容过多之后可以滚动预览，避免布局因为内容而错乱

感悟

经常用的功能放到显眼的地方，方便用户进行操作，将不常用的功能集放置到 more icon 中，点击 more icon 的时候使用 popover 来进行展示