一千柯橘

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

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

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

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

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

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

设计有一个原则：交互不能生硬，比如有一个链接，鼠标 hover 上去的时候不能只有 cusor 的变化，还应该有 text/background/color/opacity...

手风琴（一次只打开一个 tab）设计的好处： > 1. 提高专注能力：信息少了自然就能防止被其他 tab 分散注意力，让用户更关注于当前区域内容 > 2. 减少信息过载，提...

设计中的分割线的作用 提高视觉层次感，引导用户视线，分割不同的功能区域或者是内容区域，让页面看起来井井有条...

产品下载页面的布局应该具备以下一些优点： 清晰明了：好的产品下载页面布局应该清晰明了，使用户能够快速理解页面的结构和内容。重要的元素和信息应该突出显示，以便用户可以轻松找到...

卡片组中图片和文案描述交替交换位置的设计是一种有效的信息呈现方式，可以提升视觉吸引力、信息传递效率和用户互动性，增强用户体验。...

dropdown 最直接的作用就是弹出需要操作的列表，当页面的操作命令过多，为了将相同属性的操作放到一起，方便用户查找功能区，也为了让页面信息有分类，让页面保持简洁...

卡片通常提高了信息的可读性、增强视觉吸引力，也提高了交互性和灵活性，旋转的卡片让更多的信息得以依次有序的展示在页面上，让网站内容更丰富多彩...

一般页面的设计以简洁大方为宜，降低铺天盖地的信息或者诸多的广告而让用户感觉烦人，因此在某些信息展示的时候通常只是利用简单的关键词或描述来吸引用户的眼球，当用户需要了解某些关...

轮播图的使用场景 当有一组平级的内容。当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。常用于一组图片或卡片轮播。...

right sidebar/navigation 是一个位于网页主体内容旁边的垂直区域，通常包含导航链接，目录、标签或其他相关信息，它可以用于提供页面的导航、筛选、过滤或其...

本文仅用户个人学习记录使用，意在提高自己的交互设计，本次参考 Apifox 的价格页面设计，欢迎指正....

API Hub页面的设计依旧同 Apifox 的首页一样简洁，但是页面 Title 和 其描述占用太多空间了（本文仅用户个人学习记录使用，意在提高自己的交互设计，仅此而已，...

分析 Apifox 设计的第一屏： 优点 页面设计干净简洁、清晰 header 顶部是常规的固定布局 页面的滚动也保持在页面可视区域的顶部，方便用户快捷操作 将属性相同的功...