设计体系 读书笔记
2023-02-24 14:27:48 1 举报AI智能生成
登录查看完整内容
设计体系 读书笔记
作者其他创作
大纲/内容
优先级
一致的标准
是什么
有标准
有观点
有共鸣
有效原则特性（验证）
从目的开始
寻找共识
为团队而写？
正确受众
定义原则方法
从原则到模式
设计原则
行为对应的解决方案
让用户完成某种行为
迭代改变形式，不该目的
模式核心 目的
界面组件整理 分类
定期更新维护
模式命名是目的（动词） 便于分类，内容即为假设
拆解整合统一模式结构
同目的 按某维度（层级）整理排列
对模式进行阐述，形成产品的感觉
通过小规模实验引入新的模式进入设计体系
了解系统各个部分如何协作，拆解各模块目的，统合所有，拆解为具有相同目的的多个系列
如何定义
宏观行为
目的导向清单
安排时间
多视角
选择人员
2份
打印界面
准备工作
多个行为关注核心用户轨迹
流畅改为参与
促销改为发现
措辞影响思考方式
人机交互行为
将行为分解成更具体的操作
确定关键行为分组
按目的对现有元素分组，评审
越具体，复用性越差
是否希望广告和活动两者感觉不一样？两者是否设计上有冲突？ 都是肯定则分开
具体（广告，活动2种模式结构）
越通用，设计越普通
通用（内容块，1中种模式结构）
具体性尺度，连续变量
列举内容 必要元素和可选元素
元素分组
组合
可合并的元素通常有相同底层结构
受环境和设计意图影响，相似结构可存在变体，变体 则必有默认模式
内容结构
考虑目的
考虑内容类型，但不仅基于内容
有效名称可指导使用，并减少模式重复的可能性
命名
定义模式
哪个是跳转新页，哪个是提交数据等
用户需对结果有预期，一致性
对目的的一致表述
例如 圆角直角区分，图标区分
定义基本用法，达成共识
默认使用基本按钮
主要按钮 每个页面只出现一次
视觉层次
偶尔出现
特殊外观
不能打破一般模式规则
特例
按钮和链接
标题
列表
标签页和菜单
单选按钮，切换按钮和复选框
反馈消息
导航
图像
图标
更小的颗粒度模式\t
在更小的维度重复目的导向清单过程
功能性模式系统化（定义和使用）
功能性模式（组件）
个性和氛围，产品被感知的方式
传递品牌形象
保持系统连贯
什么用
情绪版
样式叠片
元素拼贴
创建方法
平衡品牌与一致性
通过小规模实验引入新的样式进入设计体系
平衡业务需求 对品牌性的削弱
注意
团队练习，大家描述产品的标志性模式
寻找标志性模式
定义每个类别的特征
配色
交互状态
排版
间距
图标样式
形状和边框
插图
照片
语气和语调
音效
以下类别
收集现有元素 分组 评审
定义模式和模块
形成统一指导原则
定义步骤
识别感知性模式
感知性模式系统化（定义和使用）
感知性模式（样式）
分类
语言=编码
建筑模式语言
EXM
模式的重点
设计模式
遵循共同设计原则
品牌愿景理解一致
设计和前端架构方面有共享方法
知道什么模式有效，知道工作原理
多人协作仍能连贯，统一。整体感
避免草率加入的模式，重复或错误的模块
作用
传达目的
隐喻
个性
好名称 特征
协同命名，视角多样性（职位视角）
建群 专门讨论
用户卡片测试 匹配心智模型
为模式命名
贴在墙上便于讨论
模式可见
沟通对话中引用
作为入职培训
定期组织设计体系会议
让团队使用设计语言
维护术语表
怎么做
共享语言
设计体系
商业案例证明 有效的设计体系将有助于更快实现业务目标，降低成本
体系在设计和构建模块时能节省时间
体系在整站修改时能节省时间
体系能让产品更快上线
品牌统一
视觉一致性
团队协作
其他好处
获得高层支持
定义设计指导原则
定义可复用的设计模式并将其标准化
建立模式库
建立主设计文件，收集最新的模式
重构代码和前端框架，以支持模块化的方法
例如定义界面目标：将界面系统化
通过沟通，协作，结对子，培训等方法，建立知识共享的流程
在整个公司推广模式库，鼓励大家使用
面向所有部门推广共享的设计语言
在入职培训中引入对设计体系的介绍
例如定义团队目标：建立共享流程和治理
有助于预期管理，人们想看到渐进，稳定的发展，化而非大起大落
目标拆解为小的任务，绘制故事地图，表明优先级
就目标达成一致 需要取得的成果目标量化为具体的，可测量的步骤
成果公开
建群
模式墙
例会
入职培训
创造知道共享文化
一次性完成大部分工作，剩余持续完成
团队一起参与，主人翁意识
部分先行，剩余后入
先用截图整理，后续替换
持续推进方法
就目标达成一致
确定关键行为和美学特征
对现有元素进行评审
界面系统化三步
构建设计体系
优点 保证精确，可预期产出和视觉的一致性
缺点 僵化，为了保持一致性牺牲用户体验
清晰，全面，有说服力的文档是此基础
严格
适合对于实验优化性和环境敏感性产品
需要每个人都了解产品目的和设计方法
宽松
规则\t
敏捷，可并行设计构建
经济，可复用
好维护，一个模块问题不会影响别的模块
适应性强，可根据需求组装
生成性，新的组合会有新的效果
优点
模块化程度 取决于目标
需要扩张和发展
需要适应不同用户需求
需要大量重复部件
需要更多团队能够并行，独立开展工作
适用以下情况
对比集成化耗时更长
十分通用的模块会牺牲创造性与故事性
模块间的衔接性与关联性较集成化更差
缺点
模块化
针对特定内容，特定背景猛，或者特定创作方向
更加连贯，（模块化 脱节）
更快构建（无需考虑复用）
更易协调（目标统一）
专为某个特定目标设计
无需扩张改变
需要超越边际的艺术创作
几乎没用需要共享的重复部件
是一次性的，不太可能复用
集成化
部件
控制权，可靠性更好
个人能力限制产品发展
独裁
集中式
更敏捷更弹性
可持续性差
民主
分散式
组织
设计体系特性，风险控制
三组连续变量，非二元对立；取决于团队文化
记录共享设计模式的工具
简化产品（开发成本学习成本）剔除小范围偏群体设计方案替换为大样本方案
让每个人都能达成一致，何时该使用什么
目的
按字母（没价值）
按层级（坑，原子，分子）
按类型（导航，表单等）
按目的分类
展示
名称
示例
变体
版本记录
成员
相关模式
为功能性模式编写文档
应该XX，不应该XX
制定用法，而不仅是构建本身
交叉引用样式
显示元素间的关系
为感知性模式编写文档
模式文档
通过评审会添加新模式
新元素加入模式库
复用元素加入模式库
根据复用可能性加入模式库
一次性组件 需要评审解释原因
建立模式标准（增删改查）
审校者
制作者
人员责任
工作流程
CSS文档解析器
Pattern Lab
Brad Frost
Fractal
工具
分支主题
保持模式库与生产代码同步
保持主设计文件更新
模式库
价值；存在的意义
观；一组意见和观点
指称；名词，从无到有或新的事物
述谓；动词，诞生变化的过程
修饰；形容词，性质，状态，属性，描述
价值观必定包括
明确产品真实价值观
作用：推进正确，防止错误
原则必定真实
原则必定可操作
原则必定有观点
原则必定易于理解
制定保证价值观实现的原则
已有产品
已存在问题
已制定原则
现有状况
功能性模式
感知性模式
需要制定的模式
根据现有状况制定模式。
执行
内容（承载内容基本格式）
交互
显示
功能模式
语气
布局
插图和图标外观
形状和纹理
交互或动画
ps他们的组合和使用方式
感知模式
模式
需要便于查阅，便于引用，便于编辑
便利性，完整性，可交互性
管理模式
再定义前集思广益。
在定义中过程透明，验证效果
在定义后确保使用
及时定期更新模式
管理参与人员的积极性，包括清晰的向上管理，完备的责任分配，灵活的协作方式，正确的激励团队
在团队中推广和使用模式。
会议类
文档类
实验类
方法论(l落地）
总结
design system设计体系：数字产品设计的系统化方法
0 条评论
回复 删除
下一页
