Design systems

Alla Kholmatova

出版社

出版时间

2017-08-31

ISBN

9783945749586

评分

★★★★★
书籍介绍

Not all design systems are equally effective. Some can generate coherent user experiences, others produce confusing patchwork designs. Some inspire teams to contribute to them, others are neglected. Some get better with time, more cohesive and better functioning; others get worse, becoming bloated and cumbersome.

AI导读
核心看点
  • 系统阐述设计体系构建方法论
  • 区分功能模式与感知模式
  • 强调设计原则的可操作性
适合谁读
  • UX/UI设计师与产品团队
  • 前端开发与交互设计师
  • 关注设计系统化的从业者
读前提醒
  • 结合实践案例理解抽象概念
  • 关注设计原则的具体执行细则
  • 思考如何建立团队共享语言
读者共识
  • 内容清晰,极具实践指导意义
  • 帮助建立系统化设计思维
  • 适合反复阅读以深化理解

本导读基于书籍简介、目录、原文摘录、短评和书评生成,不等同于全文精读。

精彩摘录
  • "What does innovative entail? When is a design considered useful? How do you know if it’s really delightful? Good design principles define qualities that can be interpreted in different ways, and ground them in the context of a specific product."
  • "A principle should offer practical guidance on how to solve a design problem within the context of a specific product. Compare these two versions of one of FutureLearn’s principles: “Make it simple. Make it so simple it’s almost invisible! We should always work to remove friction on the platform, cr"
  • "“In practice, the question “Is it simple?” is much harder to answer objectively than “Does this contain needless parts?” The latter can be acted on by going through the interface and questioning the purpose of every element.”"
  • "在 Futurelearn,我们先让两个人(一名设计师和一名前端开发人 员)突击性地为设计体系开了个头,当我们弄清楚了应该如何 开展这项工作之后,才根据需要将其他人拉了进来。 用这种方式安排任务,能以最低的成本将收益最大化。在Future Learn,我们曾立下目标,让所有的组件都能够实际使用。 这意味着网站上和模式库里的模块代码应该是一致的。但要做到这一点,就需要对每个模块进行重构。于是,我们一边重构它们,一边将它们逐个添加到模式库里。这是一个缓慢而痛苦的过程,团队开始失去动力。 后来,我们意识到,如果我们只用屏幕截图而非代码,就能迅速添加完所有的模式,这样楼式库就能更快地产生价偵。这让团队"
  • "设计体系是为了实现数字产品的目的而组织起来的一套相互关联的模式和共享实践。模式指的是界面中那些重复的要素:用户流程、交互方式、按钮、文本框、图标、配色、排版、文案,等等。实践则是我们如何创建、捕获、共享和使用这些模式,尤其是在团队协作时做这些事情的方法。"
  • "消除无用的部分。 每一个设计元素,无论大小,都必须有一个目的,并循它所属元素的目的。如果你无法解释一个元素为什么要在那里,那么它便很可能不应该在那里。"
  • "我们来看接下来的这个例子。 Salesforce公司的 Lightning设计体系的原则是“清晰、高效、一致、美观”。该体系强调,这些原则的优先级必须遵从以上顺序。“美观”不应该高于“高效”和“一致”,而“清晰”应该始终放在第一位。按照这种方式对原则进行排序,可以让团队在做设计决策时明确哪些东西应该优先考虑。"
  • "TED的用户体验架构师Michael McWatters在接受采访时提到,红色以正确的比例出现对于TED品牌是非常重要的。他说:红色应该谨慎使用。如果用在错误的地方,或者用得太多,就会变得不像TED了。"
作者简介
Alla Kholmatova is a UX and interaction designer with a nine-year experience of working on the web, for a range of products and companies. Most recently she was a senior product designer at an open education platform, FutureLearn. She’s particularly interested in design systems, language, and collaborative ways of working. In the last two years, she has been spending a huge amount of time working on and researching the subject. She’s been sharing her insights with people through articles, workshops, and projects. Alla contributes to design publications, such as A List Apart, and speaks at conferences around the world.
目录
Chapter 1: Design Systems
Chapter 2: Design Principles
Chapter 3: Functional Patterns
Chapter 4: Perceptual Patterns
Chapter 5: Shared Language

显示全部
用户评论
2020年8月第一遍,2022年1 月第二遍。make my hands dirty 之后的阅读着实深刻了不少。过程中时而会心一笑「妈的对啊我们也遇到了这个问题」;时而眉头紧锁逐字细读「诶我倒要看看你是怎么处理的」;时而感叹当时如日中天的 Sketch 如今苟延残喘……
设计体系的主要目标就是“扩展创意方向”,将模式明确地阐述出来分享出来,从而让让一群人可以持续可靠地开展设计
感知性模式是短板
01. 特别好,类似的阅读感受曾经出现在一本游戏设计书籍《体验引擎》02. 这个是在研究感知这个概念发现的一本好书 03. 内容非常周全,讲述的好多点在实际工作中有发生过,但被自己忽略了,很有启发性
专业书就不写短评了, 本月会写个系列blog,既是实践日志,也作为日后retrospect的素材。#最后还是推荐每一位设计师都读读
读完Atomic Design再看这个,觉得有点少实践而偏理论。略略看完了。觉得有用的是Perceptual pattern的概念。
对已经在自己探索使用组件化的团队指导意义不大。书的阅读体验不佳。
1. design system是个有点刁钻的领域,要做成功长远看还是靠培养团队。2. 虽然是讲ds这个特定话题,但就系统性地看待人机互动和设计交互元素十分有启发。用户体验设计(ux)和纯粹的交互设计(ui)最大的分别毕竟还是回到问题本身的大局观态度。
讲解如何制作设计系统
收藏