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

设计学习截图

hover 到 黑色的 card 效果图

优点

• 当同主题的内容太多而避免设计单一时，可以使用类似设计节约空间的同时却不失内容的完整性，还能提高用户于设计的交互感
• 两种颜色看起来不同，但却不会给人冲突感太强
• 各种收藏区域展示了各种优秀的网站设计的信息，其中为了展示出收藏的人数，使用 avatar 叠加，加上数字，更能吸引用户点击进行预览
• 鼠标 hover 上去的时候可以看到收集的类别，也有 background opactiy 的效果

自我感悟

• 设计要简洁大方的同时也需要避免设计单一