|
Post by account_disabled on Dec 31, 2023 7:45:31 GMT
风格迭代 基于模式的工作流程的一个关键要素是拥抱迭代并认识到模式和设计将继续发展。零件塑造整体,整体塑造零件,而相互关联的组件系统将作为这一过程的结果而出现。 这个过程的另一个自然结果是,生产点更早地从用户体验和视觉设计师手中转移到前端开发人员手中。设计工作可以从静态文档转移到浏览器中,您的团队可以更快地解决网络的现实问题,而不是花费大量宝贵的时间来创建大量高保真合成和详细的线框图。 通过模式实验室作为整个团队的水源,设计师可以更好地了解在一个领域做出的决策如何影响其他领域。 使用 ISH 进行视口测试。 对于我们的组件以及页面来说,在整个分辨率范围内保持灵活性非常重要。烘焙像 ish 这样的视口调整大小工具。导入模式库可确保每个元素在任何屏幕尺寸下都具有精美的外观和功能。当元素查询和Web 组件完全成熟时,花时间制作。 完全灵活的模式将使我们更好地为未来做好准备(我们等不及了!)。 等等。 是一个嵌入到 Pattern Lab 中的视口测试工具,它允许您以与设备无关的方式查看整个分辨率范围内的图案和页面。 等等。是一个嵌入到 Pattern Lab 中的视口测试工具,它允许您以与设 Whatsapp 号码列表 备无关的方式查看整个分辨率范围内的图案和页面。(大预览) 通过将这些视口工具直接融入到前端环境中,设计人员和开发人员可以挤在模式实验室周围以确定在设计中的何处插入断点。此外,客户、质量检查和其他同事可以查明用户界面因任何原因而崩溃的特定区域。 准备启动 该项目进展顺利,但在将其推向世界之前,需要加强、跨浏览器/设备测试并正确记录。让我们来谈谈 Pattern Lab 如何帮助您的设计系统代码和文档为黄金时间做好准备! 平易近人的模式文档 有些模式可能会将自己呈现为自我记录,但模式通常需要一些上下文或附加信息才能使事情变得清晰。像定义之类的东西。使用指南、注意事项、资源和示例。 图像可以而且应该进入模式文档。Pattern Lab 2 的文档使用 Markdown 和 YAML front Matter 来创建此文档。markdown 文件伴随着模式(例如,media-object.md必须位于 旁边media-object.mustache),并且可以采用如下格式. 当文档 Markdown 文件位于模式旁边时,它将显示在模式实验室的 UI 中。 当文档 Markdown 文件位于模式旁边时,它将显示在模式实验室的 UI 中。(大预览) Markdown 文档意味着 IA、视觉设计师、内容策略师、业务人员等可以更轻松地为动态文档做出贡献。产品所有者甚至可以在创建模式之前存根新模式的功能注释。计划进行改进以使模式文档更加强大,进一步使模式实验室成为您团队的常青空间。 更容易 QA 的沿袭 当查看库中的各种模式时,缺乏上下文可能会导致很难辨别它们实际使用的位置。定义和描述模式特征是一回事,但还有机会提供有关 UI 模式的其他上下文信息。 由于模式实验。
|
|