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

www.awwwards.com/ 这个网站是评选和展示全球顶级网站设计的平台，因此自然是离不开评选的，本次主要参考提名者模块的设计

参考设计截图

优点

• Nominees 作为该屏的标题，旁边挂了一个金色的 "Cool Sites!" 标签，标题下边的描述阐述了该模块的作用（为了给最新的网站投票），标题加上描述将该模块的内容突出出来
• 最新提名者的作品以卡片图文并茂的展现出来，鼠标 hover 到 卡片上会展现出提名者的网站内容以及 Vote button， Vote button hover 上去会有交互动作（背景变成灰色）
• 这里当内容过多的时候，会有左右箭头让当前使用者翻滚作品，能让用户和网页有交互性
• 每一个提名者（Nominee） 都是一个链接，方便更快捷了解当前提名者的其他作品
• 为了让当前用户了解更多提交的网站，特意使用右箭头提示用户，站在了用户的角度去设计！

自我感悟

• 卡片能图文并茂的展示简洁的内容，但是当图片在 hover 的时候应该给用户展示出更多详细的信息，让用户能更详细也让用户能更了解当前的 item 内容
• 有时候只需要把重要的内容给用户展示就好