1.背景
    产品的目的决定了它所采用的模式
    设计模式的选择,受到很多因素的影响。例如:产品领域及其核心功能影响功能模式(functional pattern)、产品的精神(或品牌)也形成塑造产品调性的感知模式(perceptual pattern)。

    2.设计原则 Design Principle
    对于构建设计原则,每个公司都有自己独特的方法,其表现形式也不尽相同。设计原则可以是笼统的,也可以是具体的。可以是临时的,也可以是持久的。
    作用:包含团队如何理解好设计之精髓,以及如何体现这一精髓之建议的共享指南。
    _
    案例:
    简化
    1.让产品尽可能的简单,简单到几乎感觉不到它的存在!我们应该努力消除平台上的摩擦,为用户创造一种可自由得获取内容的体验。如果我们的平台让人很容易理解,那么人们会更多地使用它!
    2.消除无用的部分。每一个设计元素,无论大小,都必须有一个目的,并遵循它所属元素的目的。如果你无法解释一个元素为什么要在哪里,那么它便可能不应该在哪里。如无必要,勿增实体。

    3.功能模式 Functional Pattern
    指界面中有形的构件。它们的目的是让用户能够完成某种行为,或激励用户完成某种行为。

    1. 创建映射模式(早期设计探索和原型设计的基础)
      • 为了了解用户的真实需求和目的,尽可能使用用户体验映射、JDBT或其他类似围绕用户旅程开展的实践
      • 了解你的模式如何适应更大的图景,尝试将一些核心模块映射到用户轨迹的各个部分(一旦专注界面,容易陷入细节之中)
      • 放眼全局
    2. 打造界面清单
      • 将组建模块化
      • 需定期维护
    3. 将模式视为操作
      • 理解模式目的,需关注它的作用是什么,而不是你认为它是什么
      • 用动词而且名次来描述模式,有助于扩展模式的潜在用力,并更准确地定义其用途
    4. 描绘模式的内容结构
    5. 按某个维度排列模式
    6. 将内容视为假设


    4.感知模式 Perceptual Pattern**
    有助于传递品牌形象,让系统更加连贯(特别是当某个产品更加依赖于原生时,就更加依赖于感知模式)

    探索感知模式常用的方法:

    1. 情绪板
    2. 样式叠片(由字体、颜色等界面元素组成的能传递Web视觉品牌精髓的设计交付物)
    3. 元素拼接(在样式叠片的基础上,将界面元素拼贴在一起,探索品牌在界面中的表达方式)

    关于迭代与改进:
    在品牌发展的概念阶段。重要的是拓宽视野,而不是担心细节。
    而当概念落实时,必须对它进行改进,以适应它们所处的新环境。

    设计体系的参数

    1. 规则的严格程度(严格-宽松)
    2. 部件的模块化(模块化-集成化)
    3. 组织的分散程度(集中式-分散式)

    关于本文资料

    1. 《视觉设计标准手册》NASA
    2. UI Pattern.com (有各种设计模式)
    3. 《建筑的永恒之道》《建筑模式语言》
    4. squarespace.com (著名的建站工具,有非常多的优秀模板)
    5. Dan Mall
    6. 设计原则:pinterest、GDS、medium早期的“方向大于选择”的原则
    7. 《网站情感化设计于内容策略》
    8. 样式叠片 Samantha Warren
    9. 《微交互》 Dan Saffer 将设计微交互并将其集成到产品中的实用建议
    10. TED加少水滴动画映射了播放按钮的涟漪效果
    11. Airbnb-DLS guide