ABOUT STYLE GALLERY

让界面知识
随时可以再次取用。

构建一个界面，需要做出许多判断。
如何布局、如何回应、同一个词该如何理解。

StyleGallery 汇集了做出这些判断所需的模式与指南。你可以按想做的事搜索 6 个领域中的 134 份资料，亲手试玩小示例，并继续在英文原文的语境中阅读。

按想做的事搜索

试着用任务来搜索，例如“search screen”“saving”或“scroll”。标题、关键词与英文原名都会被搜索。

缩小区域宽度、中断过渡、调换响应顺序。在代表示例中即可观察行为的变化。

确认原文的适用范围与出处。实验性的指南与示例，请先在自己的产品中验证后再使用。

用于对齐、网格、响应式布局与滚动的小型 HTML 与 CSS 模式。

兼顾过渡、反馈、中断与重试的动效指南。

关于状态归属、保存中编辑、异步响应与恢复的实现模式。

按来源与适用范围比较 Apple、Android 与 Windows 的交互。

看看设计术语出自哪个来源、以何种含义使用。

用于品牌研究与展示的表现方向、质感、渐变与 WebGL 技法。

OPEN KNOWLEDGE

本站的资料来自 StyleGallery 仓库。原文与模式代码在仓库中维护，网站则把这些知识呈现得便于人们浏览。

智能体也可以从任务指南出发，结合每份文档的 Markdown 读取所需资料。