本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.
参考设计截图
优点
- 主题鲜明,标题和描述让信息模块内容简洁明了
- 使用卡片将网站和创作者整合在一起,提高了视觉效果,卡片黑色的背景和小卡片图片(红色 & 白色)结合在一起,可以更加吸引用户的注意力
- 每个卡片的图片多的时候就以手动轮播的形式展示,可提高用户和网页的交互性
- 最后以 table list 的形式列举更多的作者,每个交互的元素都有 hover 效果,比如 View button hover 上去时和原来的颜色反转
- 秉承首页只起引导作用,其他额外的内容以链接的形式供用户选择
感悟
- 首页的作用是突出重点的内容,如果内容太多可以使用链接供用户了解更多
- hover 的效果进行反转也是一个不错的设计!