热门相关搜索

过滤器

设计系统

你不断更新的设计系统的定义和 专题内容和文献的收集

什么是设计系统?

设计系统是一个 可重用组件库 而且 的指导方针 公司内部的人员可以将其组合成界面和交互. 设计系统的内容和实现方式因公司而异, 这取决于设计实践的规模和成熟度以及产品团队的需求. 

在他们的核心,设计系统提供 一致的风格 而且 交互 团队指南. 例如,一个设计系统可能有:

  • 接口中使用的标准元素,如输入框、下拉列表和菜单结构.

  • 一份批准的品牌颜色和字体列表,以及何时使用它们的指导.

  • 标准按钮和其他交互功能.

  • 互动的指导方针, 比如是否使用滑出侧板或支持扩展缩放来调整图像大小.

  • 一个灵活的网格系统,使屏幕布局一致, 包括卡片样式或内容分隔符.

  • 例如,皇冠老牌网站某些物体放置的规则, 始终保持登录/注销和配置文件图标在桌面的右上角.

  • 图标列表及其含义.

  • 例如,指定如何以及何时使用内容的内容指南, 所有菜单项应该是动词还是名词,或者公司是用第一人称还是第二人称指代用户.

  • 皇冠老牌网站何时使用图标以及何时使用文本作为标签的规则.

  • 某些类型的行动号召按钮应该在哪里的视觉指导方针.

  • 皇冠老牌网站是否使用自动保存或显式保存/取消按钮之类的规则.

设计系统可能有许多其他的指导方针. 谷歌的《皇冠官网登录》是一个相当一致的设计系统的例子,它包含了许多不同类型的元素,并且在何时以及如何使用每个元素方面提供了相当多的指导. 

谷歌的材质设计截图

谷歌的材料设计是一个很好的参考,全面的设计是什么样子的,它提供的优势.
©谷歌,合理使用

也可以为没有视觉元素的工具创建设计系统, 比如语音控制系统. 他们会, 当然, 是否有一组不同的功能更侧重于内容和行为, 但它们也同样有用. 

皇冠老牌网站设计系统最重要的一点是,最有效的设计系统会随着产品或产品套件需求的变化而不断增长和变化. 此外,设计系统只有在强制使用时才有效. 

在理想的情况下, 设计系统的不同元素实际上是开发人员可以放入界面中的代码片段,以便更快地构建功能或原型. 其他时候,它们只是原型工具中的设计元素,设计师可以重用. 

设计系统的优势

设计系统,如果正确实施,可以大大加快设计过程. 他们也这样做,设计师和产品团队的其他成员可以 更多地关注流程和逻辑 一个新的功能或屏幕,而不是视觉设计. 

这并不是说视觉设计不重要! 它可以是. 但设计系统意味着皇冠官网登录不必从头开始手工设计每个屏幕上的每个单独元素. 这也意味着, 当皇冠官网登录想出一个新的界面元素时, 它可以被整个设计团队有效地共享. 

如果使用得当,设计系统是有鼓励作用的 更多的一致性皇冠官网登录的界面中. 号召行动按钮总是以相同的方式设计,并放在不同屏幕上的相同位置, 这样用户就不用到处找东西了. 菜单工作一致,所以用户不会迷路. 在移动设备上,相同的手势在不同屏幕之间的工作方式是相同的.  

插图的设计师正在查看七种不同的保存按钮样式, 说:皇冠官网登录不需要六个这样的!

设计系统可以帮助你实现设计的一致性, 帮助你避免日后的头痛, 当你需要重用样式时, 或者更新一个特定的.
©Daniel Skrok和交互设计基金会,CC BY-SA 3.0

了解更多设计系统

你可以在这里了解更多皇冠老牌网站敏捷团队使用的设计系统和其他方法和技术: http://www.interaction设计.org/courses/ux-management-strategy-and-tactics

内部设计博客提供了一个全面的设计系统指南:
http://www.invisionapp.com/inside-design/guide-to-design-systems/

探索谷歌的材料设计,看到设计系统的全部潜力:
http://material.io/

点击这里查看更多设计系统的例子:
http://uxdesign.cc/10-great-design-systems-and-how-to-learn-and-steal-from-them-4b9c6f168fa6?gi=94f3c15a3eef

设计系统文献

这里是皇冠老牌网站皇冠老牌网站的全部文献 设计系统 by 交互设计基础,整理在一个地方:

了解更多皇冠老牌网站设计系统的知识

深入研究设计系统 皇冠官网登录的课程 皇冠老牌网站的敏捷方法 .

敏捷, 以这样或那样的形式, 已经占领了软件开发世界,并准备进入几乎所有其他行业. 问题是,许多自称“敏捷”的团队和组织之间似乎没有太多共同之处. 这对于一个新的团队成员来说是非常困惑的, 特别是如果你之前在一个“敏捷”团队工作过,而这个团队对“敏捷”有着完全不同的定义。!

自2001年敏捷宣言发布以来, 敏捷方法在许多组织中几乎已经变得面目全非, 即使它们已经变得非常受欢迎. 

了解现实世界的挑战和在敏捷团队的约束下工作的最佳实践, 皇冠官网登录采访了数百位在敏捷环境中工作过的专业人士. 这项研究引导皇冠官网登录创造 皇冠老牌网站的敏捷方法.

在本课程中, 皇冠官网登录的目标是向您展示什么是真正的敏捷,以及敏捷方法与设计的关系有多紧密. 您将皇冠官网登录敏捷的理论和实际实现, 不同的味道, 以及如何与不同版本的敏捷团队合作.

您将了解敏捷的关键原则, 执行所有敏捷“惯例”但实际上并不敏捷的团队的例子, 还有一些团队跳过了仪式,但实际上体现了精神.

您将了解用于研究和设计的特定敏捷技术, 比如设计更小的东西, 练习持续发现, 重构设计, 和迭代.

您还将获得与团队更好地合作和改进公司流程的实用建议,从而获得真正敏捷的一些好处.

这门课程的目的是 那些已经知道如何设计或研究的人 (或想与设计师和研究人员一起工作的人),但他们想皇冠官网登录如何在特定的环境中更好地运作. 设计师在敏捷环境中使用的许多工具与他们在其他地方使用的工具没有什么不同, 皇冠官网登录不会讲到如何使用这些工具, 但皇冠官网登录将讨论敏捷交付成果与传统皇冠老牌网站团队的不同之处. 

您的课程指导老师是产品管理和皇冠老牌网站专家Laura Klein. 劳拉是 打造更好的产品 而且 精益创业的用户体验 以及播客的联合主持人 用户体验有什么问题?

拥有超过20年的技术经验, Laura专注于帮助企业负责任地创新和改进产品开发流程, 她特别喜欢与精益创业公司和敏捷开发团队合作.

在本课程中, 您还将听到行业专家Teresa Torres(产品讲座的产品发现教练)的演讲。, 詹娜·巴斯托(ProdPad的首席执行官和联合创始人)和亚当·托马斯(产品管理策略师和顾问).

所有的文学

请检查值,然后重试.