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

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

作者: 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.haomeiwen.com/subject/quykkctx.html