1.背景
产品的目的决定了它所采用的模式
设计模式的选择,受到很多因素的影响。例如:产品领域及其核心功能影响功能模式(functional pattern)、产品的精神(或品牌)也形成塑造产品调性的感知模式(perceptual pattern)。
2.设计原则 Design Principle
对于构建设计原则,每个公司都有自己独特的方法,其表现形式也不尽相同。设计原则可以是笼统的,也可以是具体的。可以是临时的,也可以是持久的。
作用:包含团队如何理解好设计之精髓,以及如何体现这一精髓之建议的共享指南。
_
案例:简化
1.让产品尽可能的简单,简单到几乎感觉不到它的存在!我们应该努力消除平台上的摩擦,为用户创造一种可自由得获取内容的体验。如果我们的平台让人很容易理解,那么人们会更多地使用它!
2.消除无用的部分。每一个设计元素,无论大小,都必须有一个目的,并遵循它所属元素的目的。如果你无法解释一个元素为什么要在哪里,那么它便可能不应该在哪里。如无必要,勿增实体。
3.功能模式 Functional Pattern
指界面中有形的构件。它们的目的是让用户能够完成某种行为,或激励用户完成某种行为。
- 创建映射模式(早期设计探索和原型设计的基础)
- 为了了解用户的真实需求和目的,尽可能使用用户体验映射、JDBT或其他类似围绕用户旅程开展的实践
- 了解你的模式如何适应更大的图景,尝试将一些核心模块映射到用户轨迹的各个部分(一旦专注界面,容易陷入细节之中)
- 放眼全局
- 打造界面清单
- 将组建模块化
- 需定期维护
- 将模式视为操作
- 理解模式目的,需关注它的作用是什么,而不是你认为它是什么
- 用动词而且名次来描述模式,有助于扩展模式的潜在用力,并更准确地定义其用途
- 描绘模式的内容结构
- 按某个维度排列模式
- 将内容视为假设
4.感知模式 Perceptual Pattern**
有助于传递品牌形象,让系统更加连贯(特别是当某个产品更加依赖于原生时,就更加依赖于感知模式)
探索感知模式常用的方法:
- 情绪板
- 样式叠片(由字体、颜色等界面元素组成的能传递Web视觉品牌精髓的设计交付物)
- 元素拼接(在样式叠片的基础上,将界面元素拼贴在一起,探索品牌在界面中的表达方式)
关于迭代与改进:
在品牌发展的概念阶段。重要的是拓宽视野,而不是担心细节。
而当概念落实时,必须对它进行改进,以适应它们所处的新环境。
设计体系的参数
- 规则的严格程度(严格-宽松)
- 部件的模块化(模块化-集成化)
- 组织的分散程度(集中式-分散式)
关于本文资料
- 《视觉设计标准手册》NASA
- UI Pattern.com (有各种设计模式)
- 《建筑的永恒之道》《建筑模式语言》
- squarespace.com (著名的建站工具,有非常多的优秀模板)
- Dan Mall
- 设计原则:pinterest、GDS、medium早期的“方向大于选择”的原则
- 《网站情感化设计于内容策略》
- 样式叠片 Samantha Warren
- 《微交互》 Dan Saffer 将设计微交互并将其集成到产品中的实用建议
- TED加少水滴动画映射了播放按钮的涟漪效果
- Airbnb-DLS guide