freeCodeCamp/guide/chinese/user-experience-design/pattern-libraries/index.md

2.7 KiB
Raw Blame History

title localeTitle
Pattern Libraries 模式库

模式库

模式库是可重用用户界面设计元素的集合。由于这些ui元素在网站Web应用程序或软件应用程序中重复使用多次因此它们通过一致性强制实施结构。这使网站或应用程序更易于使用。

在模式库中找到的一些常见的ui元素是

  • 菜单
  • 纽扣
  • 页面布局
  • UI动画
  • 形式

模式库的好处

Paul Boag在他的博客Boagworld.com上解释了创建模式库的主要原因:

  1. “模式库确保了一致的用户界面。”
  2. “模式库有助于重用。”
  3. “模式库使维护更容易。”

模式库与设计系统与风格指南

将模式库与设计系统和样式指南混淆是很容易的。 Zack Rutherford为UXPin撰写的这篇文章阐明了三者之间的区别:

设计系统 - 完整的设计标准文档和原则以及工具包UI模式和代码组件以实现这些标准。

模式库 - 设计系统中的子类,这是在公司中使用的一组设计模式。

样式指南 - 设计系统中的另一个子类这个静态文档描述了设计系统本身产品的外观和感觉UI模式的用例正确的印刷比例等。

更多信息:

模式库示例

Mailchimp

IBM设计语言

微软

谷歌的材料设计

UI模式

移动模式

BBC GEL

用品

Natasha Hockey为Prototypr.io设计的“模式库”

“模式库他们是什么为什么你需要一个”由Meghan Lazier为Designlab提供

Rebecca Sorensen为Sumo Logic创建“模式库”

Anna Debenham的“模式库入门”A List Apart

维塔利弗里德曼为Smashing杂志“将模式库提升到新的水平”