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

参考设计截图

优点

• 标题黑色显眼直截了当的说明了该模块的主题
• 课程信息以卡片图文并茂的展示了各种课程的相关信息，展示了一个课程的封面、课程的名字、概述、课程的讲师，价格及价格的优惠折扣情况、学习该课程的学生人数、点赞数、以及评分情况、还有课程的销售情况（销售得好的往往有金色的tag TOP SALES)标识。
• 鼠标 hover 到课程封面的时候会有 opacity 改变的效果，目的在于提醒用户这是一个可点击可交互的作用
• 市场信息和卡片课程信息采用相同的布局，因为他们的本质都是在售卖，统一了风格
• 因为这两个模块目的都是围绕着 Academy 来售卖的，因此更多的扩展信息以链接的形式跳转到内容更丰富的专属页面

个人感悟

• 当某个模块的内容信息太多的时候，我们可以仅展示几个优秀的作品，然后通过扩展链接来将让用户自行选择，以用户为中心
• 有交互效果时，hover 时最好有提示性样式改变