

首页  思维导图  详情



设计体系读书笔记

2023-02-24 14:27:48   1  举报





AI智能生成

设计体系读书笔记

交互设计

模版推荐

作者其他创作

大纲/内容

设计体系

设计原则

是什么

优先级

一致的标准

有效原则特性（验证）

有标准

有观点

有共鸣

定义原则方法

从目的开始

寻找共识

正确受众

为团队而写？

从原则到模式

设计模式

是什么

行为对应的解决方案

分类

功能性模式（组件）

让用户完成某种行为

模式核心目的

迭代改变形式，不该目的

如何定义

了解系统各个部分如何协作，拆解各模块目的，统合所有，拆解为具有相同目的的多个系列

界面组件整理分类

定期更新维护

模式命名是目的（动词）便于分类，内容即为假设

拆解整合统一模式结构

同目的按某维度（层级）整理排列

对模式进行阐述，形成产品的感觉

通过小规模实验引入新的模式进入设计体系

功能性模式系统化（定义和使用）

目的导向清单

宏观行为

准备工作

安排时间

选择人员

多视角

打印界面

2份

确定关键行为分组

多个行为关注核心用户轨迹

措辞影响思考方式

流畅改为参与

促销改为发现

将行为分解成更具体的操作

人机交互行为

按目的对现有元素分组，评审

定义模式

具体性尺度，连续变量

具体（广告，活动2种模式结构）

越具体，复用性越差

是否希望广告和活动两者感觉不一样？两者是否设计上有冲突？都是肯定则分开

通用（内容块，1中种模式结构）

越通用，设计越普通

内容结构

列举内容必要元素和可选元素

元素分组

组合

可合并的元素通常有相同底层结构

受环境和设计意图影响，相似结构可存在变体，变体则必有默认模式

命名

考虑目的

考虑内容类型，但不仅基于内容

有效名称可指导使用，并减少模式重复的可能性

在更小的维度重复目的导向清单过程

更小的颗粒度模式

按钮和链接

对目的的一致表述

哪个是跳转新页，哪个是提交数据等

用户需对结果有预期，一致性

定义基本用法，达成共识

例如圆角直角区分，图标区分

视觉层次

默认使用基本按钮

主要按钮每个页面只出现一次

特例

偶尔出现

特殊外观

不能打破一般模式规则

标题

列表

标签页和菜单

单选按钮，切换按钮和复选框

反馈消息

导航

图像

图标

感知性模式（样式）

是什么

个性和氛围，产品被感知的方式

什么用

传递品牌形象

保持系统连贯

创建方法

情绪版

样式叠片

元素拼贴

注意

平衡品牌与一致性

通过小规模实验引入新的样式进入设计体系

平衡业务需求对品牌性的削弱

感知性模式系统化（定义和使用）

寻找标志性模式

团队练习，大家描述产品的标志性模式

识别感知性模式

定义每个类别的特征

以下类别

配色

交互状态

排版

间距

图标样式

形状和边框

插图

照片

语气和语调

音效

定义步骤

从目的开始

收集现有元素分组评审

定义模式和模块

形成统一指导原则

模式的重点

EXM

建筑模式语言

语言=编码

共享语言

是什么

遵循共同设计原则

品牌愿景理解一致

设计和前端架构方面有共享方法

知道什么模式有效，知道工作原理

作用

多人协作仍能连贯，统一。整体感

避免草率加入的模式，重复或错误的模块

怎么做

为模式命名

好名称特征

传达目的

隐喻

个性

协同命名，视角多样性（职位视角）

建群专门讨论

用户卡片测试匹配心智模型

让团队使用设计语言

模式可见

贴在墙上便于讨论

沟通对话中引用

作为入职培训

定期组织设计体系会议

维护术语表

构建设计体系

获得高层支持

商业案例证明有效的设计体系将有助于更快实现业务目标，降低成本

体系在设计和构建模块时能节省时间

体系在整站修改时能节省时间

体系能让产品更快上线

其他好处

品牌统一

视觉一致性

团队协作

就目标达成一致

就目标达成一致需要取得的成果目标量化为具体的，可测量的步骤

例如定义界面目标：将界面系统化

定义设计指导原则

定义可复用的设计模式并将其标准化

建立模式库

建立主设计文件，收集最新的模式

重构代码和前端框架，以支持模块化的方法

例如定义团队目标：建立共享流程和治理

通过沟通，协作，结对子，培训等方法，建立知识共享的流程

在整个公司推广模式库，鼓励大家使用

面向所有部门推广共享的设计语言

在入职培训中引入对设计体系的介绍

有助于预期管理，人们想看到渐进，稳定的发展，化而非大起大落

目标拆解为小的任务，绘制故事地图，表明优先级

成果公开

创造知道共享文化

建群

模式墙

例会

入职培训

持续推进方法

一次性完成大部分工作，剩余持续完成

团队一起参与，主人翁意识

部分先行，剩余后入

先用截图整理，后续替换

界面系统化三步

确定关键行为和美学特征

对现有元素进行评审

定义模式

设计体系特性，风险控制

规则

严格

优点保证精确，可预期产出和视觉的一致性

缺点僵化，为了保持一致性牺牲用户体验

清晰，全面，有说服力的文档是此基础

宽松

适合对于实验优化性和环境敏感性产品

需要每个人都了解产品目的和设计方法

部件

模块化

优点

敏捷，可并行设计构建

经济，可复用

好维护，一个模块问题不会影响别的模块

适应性强，可根据需求组装

生成性，新的组合会有新的效果

模块化程度取决于目标

适用以下情况

需要扩张和发展

需要适应不同用户需求

需要大量重复部件

需要更多团队能够并行，独立开展工作

缺点

对比集成化耗时更长

十分通用的模块会牺牲创造性与故事性

模块间的衔接性与关联性较集成化更差

集成化

优点

针对特定内容，特定背景猛，或者特定创作方向

更加连贯，（模块化脱节）

更快构建（无需考虑复用）

更易协调（目标统一）

适用以下情况

专为某个特定目标设计

无需扩张改变

需要超越边际的艺术创作

几乎没用需要共享的重复部件

是一次性的，不太可能复用

组织

集中式

独裁

控制权，可靠性更好

个人能力限制产品发展

分散式

民主

更敏捷更弹性

可持续性差

模式库

是什么

记录共享设计模式的工具

目的

简化产品（开发成本学习成本）剔除小范围偏群体设计方案替换为大样本方案

让每个人都能达成一致，何时该使用什么

展示

按字母（没价值）

按层级（坑，原子，分子）

按类型（导航，表单等）

按目的分类

模式文档

为功能性模式编写文档

目的

名称

示例

变体

版本记录

成员

相关模式

为感知性模式编写文档

制定用法，而不仅是构建本身

应该XX，不应该XX

交叉引用样式

显示元素间的关系

以下类别

配色

交互状态

排版

间距

图标样式

形状和边框

插图

照片

语气和语调

音效

工作流程

通过评审会添加新模式

建立模式标准（增删改查）

新元素加入模式库

复用元素加入模式库

根据复用可能性加入模式库

一次性组件需要评审解释原因

人员责任

审校者

制作者

保持模式库与生产代码同步

工具

CSS文档解析器

Pattern Lab

Brad Frost

Fractal

分支主题

保持主设计文件更新

总结

明确产品真实价值观

价值；存在的意义

观；一组意见和观点

价值观必定包括

指称；名词，从无到有或新的事物

述谓；动词，诞生变化的过程

修饰；形容词，性质，状态，属性，描述

制定保证价值观实现的原则

作用：推进正确，防止错误

原则必定真实

原则必定可操作

原则必定有观点

原则必定易于理解

根据现有状况制定模式。

现有状况

已有产品

已存在问题

已制定原则

需要制定的模式

功能性模式

感知性模式

模式

功能模式

执行

内容（承载内容基本格式）

交互

显示

感知模式

语气

排版

配色

布局

插图和图标外观

形状和纹理

间距

交互或动画

ps他们的组合和使用方式

管理模式

建立模式库

需要便于查阅，便于引用，便于编辑

便利性，完整性，可交互性

在团队中推广和使用模式。

再定义前集思广益。

在定义中过程透明，验证效果

在定义后确保使用

及时定期更新模式

管理参与人员的积极性，包括清晰的向上管理，完备的责任分配，灵活的协作方式，正确的激励团队

方法论(l落地）

会议类

文档类

实验类

 Collect

Get Started

与大数据同行读书笔记

 Collect

Get Started

《怎样选择成长股》读书笔记

 Collect

Get Started

读书笔记-向前一步

 Collect

Get Started

《万历十五年》读书笔记





0 条评论

下一页

设计体系 读书笔记

设计体系读书笔记