58UXD：我们认为，视设计在产品中主要以下用，视用、信息设计、品牌输出等。
借空状态改版，我们试落实视觉设品牌输出层面的价。具体言，逐抽象出品牌概念后，我们通过构建对应感与表达方式的映射关系构建契合品牌的视觉风格；且秉承对于设验证的理念，我们探索了针对视觉风格的验证思与方法，这不仅使得设目标得以验证，保证了整设过程能够形闭环，同时也使得设方案能够设过程中速迭。
△ 整体构建流程
文章目录
- 品定义
- 品牌映射（设计风格构）
- 验证方案设计
- 空状态设
- 验证实施及结果
- 遗留问题及后续注
品牌定义
此，除了产品及言人的形象露出外，产品层面未过明确且体系化的品牌概念传达，因此无既的概念或相关信息可遵循或参考，需从理清。
1. 收集相关数据
如所述，由于目所处阶段，本次将以品牌自身单方面输出主，因此我们访谈了相关业务负责人，探讨了产品当服务层面关注的方向以及力争用户营造的体验。
同，也想了解用户在使用安居过程中所形成的总体印象并将其作为补充，因此，抓取了应用市上安居用户的正面反馈并从中提炼出高频词。
△ 用户评价词云图
2. 建立品牌心智地图（Mental Map）
通过绘制品牌心智地图，可将以上零散的息类及提炼，以此来组织并简化对产品品牌认知的心智结构，最终描绘出一幅由品牌内核所延展出的图景，其组成可以是品牌的各个方面，凝练了关于一个品牌之所以是一个品牌的构成。
△ 品牌心智地图
3. 提炼品牌精髓（Brand Mantra）
进一步的，从品牌心智地图中提炼出构成品牌的核心部，别从品牌功能（Brand Functions）、描述性修饰语（Descriptive Modifier）及情性修饰语（Emotional Modifier）这三个维度去诠释。
牌功描述了产或务的性质，即牌够向户供的体验或益处的类；描述性修语将进一步分类及明确牌传达样貌之性质；情感性修语则解释了给户带来的益处是么。
安居客而言，作为连接房地业介与需求端平台，其本质上是个信息服务平台；而由其信息深度、广度及有效性努力以及信息传效率追求可看出，其力求提供是专业信息服务；结合监管制设力争为用户造可靠、安心体验。
△ 品精髓
小结
过以上步骤，基本能够逐渐抽象出所要表物。可简单将上述过程目理解为定义视觉风格。
△ 品概念抽象过程
品牌映射（设计风格构建）
明确所要表现象后，便可开始构从内容到形这转化过程，最终构出契合品设计风格。
1. 文案风格构建
首先，尝试将品概念格化，以作为后续导过程灯塔，避免偏离航。基于所提炼出品精髓，演绎出以下设定：
- 牌性别：男性
- 品色：专家
- 品牌：沉着、从容
- 与用户的关系：安居客之于用户就一专业、贴的「私人顾问」，用户遇到问题时沉冷静其指点迷津，用户产疑惑时体贴入微其答疑解惑。
改版前文案风格分析
现有案可窥见以下特征：
△ 改版前文案风格
设计策略
为了贴合所设定格化形象，笔者制定了以下策略来调文案写作风格：
- 书面语语体替代口语语体——遣词更丰富、正式。如：挑房源（看看房子）；楼盘优惠供你参与（快看看哪些房子有）；查看楼盘详情（你还可看看他的哦~）。
- 以平铺叙叙事风格替代销口吻及俏皮语。如：除了旁观，你也能发表自己真知灼见（快参与你喜欢话题发表评论吧！）；可查看全部楼盘资讯（先看看其他动态~）。
- 构建统一的句式结构。
此前，空状态经手不设计师，团队尚可遵从写作风格指南，原有文案多少显混杂零乱，而句结构也是文案风格构成要素，此，笔者尝试构统句结构来满足现已发现五十多处以及将来仍会不断生空状态在表时需求。
将重新设计的所有文案按句式结构的异同分类，从中现明显的规律，其对应的正是针对不同场所使用的差异化策略，对单独出现的句型，在分析其所属场及所需引导策略，判断其是必要句型还是复用其他句型，最终形成能够覆盖当前所有场的种句式结构，指导未来同类场的应用。
△ 句式结构构建程
2. 视觉风格推导
风格构
构思路：以品精髓情感饰语及描述性饰语作为核心意象，时解构应表现形形态要素，其后分以形态要素为象将核心意象进演绎。由于品精髓所处抽象层较高，法接指具体表选择——再以到具体情感意象作为标尺，寻求契合表。
：将品牌精髓以颜能够触的感受为视角进行演绎，并根据颜与人类心理感的映射关系确定基相范围。
对颜色具体的义可相同的表达诉求下一控制色彩素获取，如中性色的视觉表于色相的控制，我们通过色相加入蓝获取「高级感」；由于安居客本身的品牌色即属绿色，因此我们直接选用；对于蓝色，考虑到实际应用时与绿色的搭配，色相融入绿色使两者呈时能够相互融合。
△ 色的义
形：在实际建构「形」的表达方式情绪受的映射关系笔者发现，不同于颜色的千变万化，「形」在各维度的表达方式上更多的呈现一种二对立的局面，这种情况下，不对品牌髓进行演绎亦可对表达方式作出选择。
△ 形的定义
风格应用
色的应用：由空状计中对所有景的象定，可对景刻画中所需的素进行如下类：
- 人
- 物
- 光影
- 背景
针对插画，且处于空状态这种非正场景，当前浓郁的牌色直接使，因此从明层面对进行处，得到适的颜色。
△ 牌色的处
作为场景构组成部分，并主体，需要与物形成比，此使用白色。
△ 颜色应用
物在场的构筑中承担以下角：
- 与交互形成为意象传；
- 为对境的勾勒，构成对场的代或境意象的传达。
应到结构，分为：
- 作为体的单一物件；
- 构成近景与远景不物件。
对于前者，中性色呈现体，色点缀于次一级元素；而后者，远景作为要场景元素施中性色，景混合应色。如此，既保证情绪色的露，丰富画面的细腻程。
△ 物的颜色应
影
- 背景光：在表达虚无的场景中，线性渐变来表达此概念，此时混合应两个色来呈现调性。
- 照：于自然呈现，另取暖色来表现影，进步增加质感。
- 投影：阴影当使用中。
△ 光照的颜色应
背景：白色或明亮颜色更让有安全感，我们希望图示能融入界，此设定为白色。
形的应用：元素形状、元素方向、主占比、主位置。
元素形状：避免锐利的切角，多的用矩形及圆形这类相对稳的形状。
△ 元素形状义
素方向：以水面或不同面构成的稳定体系为主，避免独应用斜切面。
△ 素方向定义
体占：占据画面中较大例。
△ 体占定义
主体位：于画心偏下。
△ 主体位定义
验证方案设计
1. 验证思路推导
我们的设计目标是形成契合牌的视觉格，若目标达成，户应当被具备明确视觉格的界面激发相应感受，从而可得到如测试过程：被试浏览相界面，测量情感感受。
那如何测量情感呢？
在对情感测量方法的搜寻中，笔者现心理测量（相对的是生理测量）中常用的语义差异量表（semantic differential scale），其由若干表达情感验的词汇和量尺组成，由用户根据感受程度选取相应的等级，从而获取到情感信息。
终，可得到如下验证思：
△ 验证思
2. 样本量设定
性研究方法并非如研究方法那般天然具备确样本的统技，目也无通用的技，业界较熟知的 Jakob Nielsen 所提出的「可用性研究只需测试5用户」的法，由于其限于可用性研究，「测试5用户」的法也只总结性的论述，实际也需酌判断，因此，了确保获取足够的数据，笔者试寻求精确通用的解决方案，终锁了市场研究公司 Research by Design 的 Donna Bonde 所提出的指南（Qualitative market research: When enough is enough）。
笔者认为其建性在于：
- 从不同研究方法的用途出发，论证了性研究用样本的数级迥异于研究的合理性；
- 从实际的操作过程来探究本量所发现问题数量的关系；
- 在上述论述范围，再尝试解构对样本量构成影响的因素，这使够根据具体情况进行相对精确的样本量估算；
- 这思路，使其脱离了具体使用场景——所使用具体定性研究法，单纯针「样本量设定」这问题本身，这使其具备了相用性。
因此，笔者参照分析进行了对样本量的设定。先根据实际项目及团队情况，对相因素进行赋值：
△ 样本量设定
再根据以下公可出适用于本项目样本量：
3. 量表设计
量尺计
量表类型：由于对评价对象提供了对立的形象，然需要使用双量尺，即要求被从0点开始向端方向发展的数值中做出评选。
标数：设定标数时需平衡两点，足够精细，充分满足被试表达的需求；控制数量，避免项太过琐碎。
常用标度数，七评分量表相比五评分量表能够到更准确结，而11量表所能收到数据虽然最接近正态分布，被试来说成本也会随增加，增大疲劳效应，此，笔者最终选择了七标度：
△ 量尺标度数
修饰词：对量尺的数字，需要通形容词来赋予意义，否则被试很难进行判断；且修饰词需在意义上和相应数值对应，似乎很难现，幸而前人已对不同量尺形容词就其表示的程度水平进行系统的评估，使得笔者能直接绕个问题。
笔者按照所用的标度数，选择了对应能产间距的修饰词：
△ 尺修饰词
测对象的语义转化
基于输出的文案风格与视觉意象及其对应策略，可分别确具体的测对象，再以此设能够显示其对立形象的形词：
△ 语义转化过程
表结构设
了避免语义启动造被试价时产偏差，需将关系的条目随机摆，并将褒义词贬义词分布表两端不互相集中一，以起到语义抑制效果，避免被试作答不思考。
另外，在第一轮测中，笔者发现不止一位被在对某一条目评价混淆了其描述对象，除了其个人认知水外，某些条目在当前语下所展现出的描述关系依然不够确，因此笔者按照条目的描述对象对其进行了类，并说其描述对象。
△ 量表结构
空状态设计
关于空状本身，相对于本文所涉及的其内容，其作为范式更被计所熟识，但在计策略及视觉表现上似乎并非如想象中简。
「空状态」之称乃立足于表现层之观察，承载的实际是若干种场景，反馈「空」只是中的一种是最后一种手，条件允许的情况，应当首先考虑如何引导户。因本项目落地于空状态，上述他设计策略在此展开，将详述空状态的设计。
1. 表现空状态
空状内容
空状由部构成——反馈和引导。基于当前情的反馈能让用户获悉所发生的事；在此基础之上，还需提供引导以帮助用户完成最终的任。
反馈：反馈通由图像与案组成，格应契合牌调性，容除了基本的反馈信息外应更多地考虑如何引导户。
引导：此处引导指是最终根据实情境提供操作，如可支持功能，可以文案形进表。
空状态结构类型
针安居客品场景，除了完空状态结构，于模块化页，由于模块本身高度有限，在数据为空时，取描述文案作为反馈，并在样上弱化按钮使其在前结构下保持原有视觉权，以其为另空状态结构。
△ 空状态结构
视图结构类型
空状态本身结构和布局应致，于平台型品，伴随着业务复杂性是页结构多样性，这使空状态呈现于不容，为到致视觉效在视觉输出环节需要针性地定义布局逻辑。
而上述所谓的一致效果即为空状态模块应当居中展示所有容器中，但由空状态模块的重心并非在其物理中心上，因此为达到视居中的效果，在将其物理居中的基础上还需在垂直方向上相应整。
完整视图：视图的高度随设备变化，因此使用相对，布局逻辑即将空状态模块相对于视图中垂直移固距离。
△ 完整视图的布局逻辑
模块列表：对于相近的模块，可统一其高度（无法通用的景还需另外定义高度），此可使用绝对定位，布局逻辑即为空状模块相对容器顶部保持固定距离。
△ 模块布的局逻辑
对于列表，由于固定，在空状态时规的处方式是将空状态置于背景之上或 cell 之中，前者适于基于白色背景的空状态设计，而后者的形式与实际层级系符，因此我们最终择了添 view 来实现效果，如此就需定义来满足此种场景中的有情况，布逻辑就与模中应的相同。
2. 图示的设计策略
图示的设计策略核心在于容的表达即意象的设定，规的空对象为意象的做法，无更多信息传达，亦无助于信息传达，是一种徒增冗余的可视；情绪为意象的做法由于抽象程和表意当应于有空状态，这种重复容易户厌烦且无趣；而来越来越多见的场景表现形式，设计者对于意象的设定依旧未脱离于上述范畴，更有甚者，一股脑钻进表现形式中可自拔，竟无明确意象的设定。
基于上述分析，笔者认为更合适做法是：内容上表现所引导为（如有），形上以场景构筑接表意象。此作法更丰满地引导了为，表上也更具感染力。
根据场笔者设定三类意象：
- 平台内容：虚
- 用户无操：行为
- 异常况：环境
对「虚无」的概念，即以写的方式在空间面描绘出来，并让人置身其中，营造出一种孤寂的氛围。
△ 「虚无」的意象表达
对于行及环境，笔者将抽象的概念具象化，以其意象。以「用户未曾对相关对象发表论」例，对事行主观或客观的阐述一种抽象的概念，难以直接可视化，因此笔者将视角落了行的表达或实施形式，从中选择了「书写」这一动作作意象，同时构建场景时，打破人的比例关系并夸张处理，形一种趣性的观感，一触发用户的共。
△ 「论」的意象表达
其景示例：
△ 其景示例
验证实施及结果
定性类验证方法相对于埋点数据这类定量方法附带的优势是可在计过程中帮助改进计，因此，整个过程中根据测结果和测过程中遇的问题迭代着计方案以及测流程本身。
第一轮测试中，被试被触发的情感感知与我们的目标方向相反，且还发现了超我们预期的视觉可性问题；案方面，多组条目户无法感知（本身为中性对象除外）。
△ 第一轮测试轮廓图
具体分析如下：
△ 第轮测试结分析
经对结果和反馈的分析，我们着手整视表现：进一步地分插画中视表达构成的元素，并探究不同的处理手段与受众感受间的关系，以此摸索达成目标风的设计策略。并在此基础上，整对应的形容词词对，使其更精确的表达对应的情感感受。
△ 迭代前方案对比
其后，我们选择了几具表性的场景行了应用便行了第二轮测试，得到了命中预范围的测试结果后，再对其他页面行了统一调整。
△ 第二轮测试轮廓图
在所有方案产出后，针对整体视觉和文案风格进行了第三轮测，最终的结果基本都达了预期，测此结束。
△ 第三轮测轮廓图
遗留问题及后续关注
1. 明确「品牌精髓」的义及应用
撰写此文的过程中，伴随对品牌精髓产了深的理解，笔者对于描述性修饰语及感性修饰语的义及提炼方式产了疑问——如「专业」一词作描述性修饰语否会显得宽泛？且由于品牌精髓作后续加过程的源，决了整加过程的顺利准确，因此，对其的准确理解应用显得尤重。
2. 一探索感转换及其应用
形产品设领域，早世八十初便始关注人的感性需求及意象与产品设的形态素间的关系，并形了体系化的理论——感性学，并从日本汽车行业的应用渗透到了日本各产品设领域，逐渐传播到方家及中家。但「用户体验设」行业，停留对「感化设」一词朗朗口却又浑然无知的阶段。
而目前业界所「熟知」的 Donad. A. Norman 教授提出的三层次理论——亦是情化计领域除性工学理论外另一个被公认的理论体系，更近于一种界观，解决「是什」的问题，而非方法论；解决「怎」的问题。这和 Jesse Jame Garrett 提出的「用户体验要素」在软件产品计领域知识框架中的定位类似，因此，在实际应用于交互计界面计还需弥补中间的断层。
借此次空状态改版，笔者在牌输的过程中摸索着情绪感受与设计格的映射系，形成了初步的构建思路，且在于感性工程的相献中得到了印证，但在格应层面，此次只是初作尝试，尚存在很大优空间。未来，将此为基础针对界面进行尝试，并在情感转换层面进行更深入的挖掘与探索。
3. 尝试建立视觉情感语义词库
在设计量表的过程中，笔者明显感受到为测量对象设定形容词词对的困难——准确把握测量对象与对应形象间的联想系，甚至在实际测试过程中基于户的测试结果和反馈，笔者持续迭代着问卷条目及对应形容词词对的。
而以笔者目前语义量表理解和应用，其作为「测量某客体受众意义」工具，于视觉风格构将会是要设计验证手段。
基此，有必要寻求并建立一套视情感语义词库，以证量表设计的有效。
4. 确认情感测试中建立基准的必要
在测试程中，笔者明显察到不同被试对相同概念显著的理差异，大致分为下两种情形：
- 认识不样：如某被试于文案是否有趣判断标准为是否白。
- 锚定偏差：某被试认为文案就应该是比俏皮、小清新的，当他看到的方案没达到其预期时，便认为其是沉闷的——际上是中的。
这接影响到数据收准确性。
笔者当下的反应是应当对被试先建立基准，从而能够对数据进行加权处理，但鉴需要针对问卷条目设计对应的问题及素材，笔者选择更敏捷的做法——把通访谈所认定的存在明显偏差的结果为异常值剔除出最的统计。
因此，如后将语义差别表列入针对视觉风格构建的标准验证方法之中，保证数据的准确性，必对否加设「建立被试对相关概念理解及程度的基准线」这一环节行研究确认。
本文以项目为描述对象，因此，并未冗述所涉及方法的更多细节（诸如其概念、优劣、使用则、注事项等），待机成熟会陆续输出相关方法及工（如定性研究中本量的定、量表中量尺的计、访谈中的注事项、语义差别量表的计和使用等）的使用指南，包括封装好的文档工，望能抛砖引玉。
注「58UXD」的微信公众号：
浙公网安备33011002017549号