一千柯橘

参考设计截图 优点 首页第一屏简明扼要的展示了 Sundown Studio 的 icon 和 Work, Studio, Contact 菜单项，以及 Sundown 的简介，内容清晰明了，简单而操

参考网站页面截图 优点 首页动画效果拉满，让用户体验到了网站设计者的脑洞大开 首页第一屏左部分是 作者和地名，右边是一个简单的个人介绍，简洁明了 截图 2 的 嵌套相框根据设计层叠和颜色渐变的效果，让

设计学习截图 hover 到 黑色的 card 效果图 优点 当同主题的内容太多而避免设计单一时，可以使用类似设计节约空间的同时却不失内容的完整性，还能提高用户于设计的交互感 两种颜色看起来不同，但却

- 首页的作用是突出重点的内容，如果内容太多可以使用链接供用户了解更多 - hover 的效果进行反转也是一个不错的设计！

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

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

标签导航：如果页面拥有多个标签页或分区，快速定位栏可以显示这些标签或分区的链接，使用户能够快速切换和定位到不同的内容区域。

模块的背景颜色比整体的背景颜色深一些，突出模块，也突出描述重点 使用圆形进度条是为了保证页面看起来保持信息对等 虽然大多以卡片图文形式展示信息，但是根据卡片的大小进行了不同的排列方

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