美文网首页
构建验证设计风格(空状态例子)-学习总结

构建验证设计风格(空状态例子)-学习总结

作者: Sooophiaa | 来源:发表于2019-07-13 21:21 被阅读0次

https://www.uisdc.com/build-and-validate-design-styles

文章目录

1品牌定义
2品牌映射(设计风格构建)
3验证方案设计
4空状态设计
5验证实施及结果
遗留问题及后续关注

1品牌定义

  1. 收集相关数据
    提炼高频词汇


    image.png
  2. 建立品牌心智地图(Mental Map
    将以上零散的信息分类及提炼,以此来组织并简化我们对产品品牌认知的心智结构


    image.png
  3. 提炼品牌精髓(Brand Mantra
    品牌功能描述了产品或服务的性质,即品牌能够向用户提供的体验或益处的类型;描述性修饰语将进一步分类及明确品牌所传达出样貌之性质;情感性修饰语则解释了给用户带来的益处是什么。


    image.png

小结
通过以上步骤,基本能够逐渐抽象出所要表达之物。可简单将上述过程的目的理解为定义视觉风格的方向。


image.png

2品牌映射(设计风格构建)

明确所要表现的对象后,便可开始构建从内容到形式这一转化过程,最终构建出契合品牌的设计风格。

a文案风格构建

b视觉风格推导

  • 风格构建
    构建思路:以品牌精髓中的情感修饰语及描述性修饰语作为核心意象,同时解构对应表现形式的形态要素,其后分别以形态要素为对象将核心意象进行演绎。由于品牌精髓所处抽象层次较高,无法直接指向具体表达方式的选择——再以得到的具体情感意象作为标尺,寻求契合的表达方式。

色:将品牌精髓以颜色能够触发的感受为视角进行演绎,并根据颜色与人类心理感知的映射关系确定基本色相范围


image.png

形:在实际建构「形」的表达方式与情绪感受的映射关系时笔者发现,不同于颜色的千变万化,「形」在各维度的表达方式上更多的呈现一种二元对立的局面,这种情况下,不对品牌精髓进行演绎亦可对表达方式作出选择。


image.png
  • 风格应用
    风格的应用体现在页面的什么地方

3.验证方案设计

验证思路推倒
我们的设计目标是形成契合品牌的视觉风格,若目标达成,用户应当能被具备明确视觉风格的界面激发相应感受,从而可得到如下测试过程:安排被试浏览相关界面,测量其情感感受。


image.png

样本量设定
量表设计

相关文章

  • 构建验证设计风格(空状态例子)-学习总结

    https://www.uisdc.com/build-and-validate-design-styles 文章...

  • 空状态设计

    之前关于空状态看了一些文章,整理如下: 导致空状态的几个原因: 初次使用(用户未操作) 清空,完成等状态(用户操作...

  • Chakram学习笔记 - chakram-expectatio

    这篇文章会通过具体例子介绍chakram-expectation模块的常用验证方法。 状态码验证 status c...

  • 为空状态设计

    本文原作者是Craig Dennis,原文地址 理解如何通过设计空状态来为App增加一些愉快并且给用户一个更好的体...

  • 设计模式——空状态

    打开一个新应用程序并看到一个悲伤的空白页面并不令人鼓舞,是吗?了解如何将空状态转化为良好的用户体验,而不会让用户感...

  • API介绍7:实时通信

    第7章:实时通信 第6章中,我们通过构建自己的API学习了如何设计API,还看了几个实际的例子。现在,我们有了很多...

  • 设计分享

    分享流程 制作设计规范过程可以帮助去总结自己的项目, 熟悉自己的设计风格 个人的设计风格可以在日积月累中渐渐体现....

  • 如何做好「空状态」设计?来看资深设计师的总结!

    大家好,我是Clippp。今天为大家带来的文章是「空状态」设计,良好的空状态设计能提升产品体验,有效留存用户。文末...

  • 在设计中淡化空状态

    在设计中淡化空状态 ——Translate the article on medium ...

  • 消灭空状态

    设计师在做设计的时候,常常会忽略的一个页面状态就是空状态。空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中...

网友评论

      本文标题:构建验证设计风格(空状态例子)-学习总结

      本文链接:https://www.haomeiwen.com/subject/quykkctx.html