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

设计有一个原则：交互不能生硬，比如有一个链接，鼠标 hover 上去的时候不能只有 cusor 的变化，还应该有 text/background/color/opacity 等变化，目的是为了提醒用户这是一个可交互的元素

今日参照的网站介绍：Dribbble 是一个设计师社区，提供了大量的创意、精美的 UI 设计作品展示。你可以浏览不同类型和风格的设计，获取灵感和参考，还可以与设计师进行交流和分享。

设计学习截图

优点

• 页面干净简洁
• “Over 3 million ready-to-work creatives!” 是一个 Alert 提示公告，有渐变的效果，根据不同的时间有不一样的 background-color，当点击的时候会跳转到注册页面，这真正的起到了为网站引流的效果
• 紧接着是网页的标题和描述，标题换行后居中这样不会让页面失去对称性、协调性
• 点击 ’Get started‘ 和点击 Alert 提示公告交互相同，此处的目的是更加显化提示用户可以点击此按钮进行开始
• 轮播图展示设计师，更突出了该网站的专业性！
• explore inspiring designs 部分以图片卡片的形式展示了各个 designs，鼠标 hover 上去的时候会展示 design 的 title 还有常见的操作（收藏 icon 和 点赞 icon）方便了用户不需要点击进去就可以进行操作

个人感悟

• 大多数好的网站都是干净的，这样的目的是降低用户了解产品的复杂度