大屏时代手机中的照片日益增多，同时随着AI技术的发展，可以利用人脸识别、OPI识别等技术帮产品从照片中获取更多的信息。内容爆发的上半年，我们就基于AI技术做了一款图片内容型产品—拾相，并在从0到1的产品实现过程中，探索了设计如何在全新的产品中创造设计价值的经验，与大家一起分享。

    1、以“智能、唤醒、幸福”为目标，将体验植入规划（价值渗透）

    拿到一个全新的产品设计，很容易因为紧张的工期而急于入手，最后忽略了设计真正的价值和目标，因此，前期设计应该积极参与到产品的规划中，建立与产品理念高度一致的目标，从而站在更好的视角，对产品形态给出意见，从需求的承接者转变为体验的规划者，更多地去影响产品，并且前期建立的一致目标将建立良好的信任合作关系，后面给予设计在专业领域更多的发挥空间，创造更多的价值。

    在拾相的规划阶段，设计就与PM同步投入工作，一起做用户访谈和产品调研，让设计更深入的了解了用户痛点和产品需求的本质——相册类产品只是承担着不完善的分类整理的工具化功能，其实用户更在意照片背后的故事和心情，在意产品能不能懂自己的照片和自己。因此相册类产品的价值不仅在于工具性，更重要的在于其故事挖掘聚合的内容性。从而拾相把“发现小幸福”作为产品目标，帮助用户挖掘自身照片背后那曾被忽略的幸福故事，找到产品突破点。围绕突破点设计也明确了“智能· 唤醒·幸福”的设计目标，来传达出产品先进的AI能力，内容化属性以及温暖人性的体验感受。在此过程中设计对依赖的AI技术也有了深刻认识，进而将一些在功能和形态上的体验意见有机会融入需求，达成更加接近预期体验的需求方案。

    2、跳出专业角色，多维度具象设计价值（价值分解）

    设计目标的实现需要以全面的设计策略为指导，将设计价值在体验层面具象出来，看看我们究竟要做什么和能做什么？这需要设计跳出UI的视角，勇于不割裂设计本身，以设计目标为中心深度设计，主动承担产品、交互、开发等角色的部分责任，各因素并联地去把控设计方向，由内到外串联的把问题考虑透彻，从而避免“无思考的设计”，充分去考虑设计究竟能为用户带来哪些真正的优质体验，将价值步步做实。 拾相从体验设计的战略层、范围层、结构层、框架层、表现层5个纬度，将“智能、唤醒、幸福”的目标分解细化，跳出专业角色，在各层面形成具体的设计策略和标准，指导后续设计实施： 表现层 高效的浏览体验 统一的品牌认知 舒适阅读体验，控制文字、图形、色彩、留白的呼吸比例 产品性格建设 场景的惊喜感和情感化烘托 框架层 标准化栅格 合理的卡片容器 合理安排信息层次，控制内容节奏 每个元素都有合理和极致的存在，赋予双重价值 结构层 架构清晰，操作流程明确 内容架构兼具稳定性和扩展性，便于不同内容的组合 动静结合，稳定的架构上制造变化性， 带来惊喜 范围层 内容化和工具化能力双建设，注重体验预期和隐私保护 精准聚合有价值的多品类内容， 封装成小故事推送用户 细分阅读、分享、刷新、识别、关联等场景，针对场景特色和诉求设计 战略层 获得高性能的产品功能和安心、流畅的体验 挖掘让用户惊喜的故事，找到共鸣点，拉近用户和产品距离， 丰富展现场景 为用户制造情感带入 智能 唤醒 幸福。

    3、赋予产品光的形象，塑造人性化的拾相形态（价值展现）    

    归根到底设计最重要的是展现给用户一个生动的产品形态，不仅要有有型更要有态度和性格，产品形象要复合产品的定位，产品的性格可以通过寻找用户真正的情感输出点来定义。其中产品性格所传达的并不是单一、刻板的情绪，而是掺杂了更为丰富的表达：好奇，惊喜，鼓励等等，可以根据不同的交流场景有不同的表现。在界面系统中所有能传递产品形态的地方都要统一，例如图形、文字、动效等，传递出去的产品形态要一致，用户在使用过程中才会感受到产品是真实可靠、生动存在的。    

    1）通过统一的品牌树立明亮的形象。突出的色彩和形象总能给人建立第一印象，拾相要做更懂用户的时光伴侣，照片又是光的造物，因此设计的时候特别注意去渗透光的概念和赋予产品光的人格魅力。采用阳光黄作为主色调，通过透明度形成不同层次的色感，并打造了一套自己的图形语言——“光线”运用在各个场景，还有加大加粗的巨型标题，从颜色、图形到文字建立了统一的品牌认知，打造了一个高对比、中饱和的明亮形象。    

    2）通过舒服的节奏打造细腻温暖的气质。产品的气质往往在细节渗透让用户印象更加深刻。图片类产品照片是主体，过多的设计反而会和图片一起形成繁重的视觉负担，所以特别注重浏览的舒适性和节奏感，在故事的展现上以烘托图片为主，舍弃一切多余的元素，引导阅读；推敲字体比例做到无障碍设计最佳的70%，缓解视觉疲劳；调节一屏一个半卡片信息的展现，合理安排信息量级，收束注意力；设置10-20%比例的留白，调节阅读呼吸感，达到最舒适的阅读感受，从以往的注重展现博取用户到注重体验引导用户，让体验变得细腻温暖。

    3）通过情绪点的设计折射产品有料贴心的性格。有了性格，产品才是生动真实的。拾相的用户希望他能懂自己，拾相的性格应该是有料贴心的，并在不同场景中表现出来。例如下拉刷新的场景设计是有料且惊喜的，当用户在刷新的时候是等待惊喜的时候，所以刷新的设计在已有的布局上没有生硬地增添一个新的刷新模块，而是将固定的title中的圆形做了意外的互动和形变，动效缓和连贯，不招摇不干扰，小小的，静静的等待着出现的时机，用户有期待的时候，就让他眼前一亮充满惊喜，在感叹产品细节上的打磨和用心外，会让用户有一种继续探寻乐趣的冲动，情不自禁的期待下一场‘惊喜’。同时针对情绪点表达的图形和文字也进行了系统梳理，用来直观传达产品情绪，画如其人、见字如面，图形文字的表达就代表了产品的表情和声音，处处折射出产品有料贴心的性格。

    4、构建设计方法库，推进拾相可持续化设计（价值推进）    

    成体系的设计方法能将产品的形态规范下来，并推进常态的设计工作和开发，释放更多的精力在精细化的创新工作上做的的更好，常用的方法库有5个内容：

    DNA库——核心目标，决定着产品的特性和发展定位。通过深入的用户和市场调研，拾相建立了统一的设计目标“智能·唤醒·幸福”，核心目标下制定了明确的设计策略分解诠释目标的运用方案。

    组件库——标准化组件，分解界面组件，由点到线再到面全面高效工作。拾相将页面分解成6个内容并制定了明确的规范，在不改变设计架构的情况下只需要简单的组合就可以完成页面交付开发，留出更多的时间专注于设计优化和创新本身。

    模块库——立体装配，与开发共建标准化，节省成本。将标准化组件与开发达成共识，形成立体的装配区，双方可以同步调动，交付成品。拾相的视觉和开发共同商量出统一的组件内容，由视觉给出规范，形成统一的支配“代码”，可快速装配页面输出成品。

    组装库——封装模块，遇到相同的操作调用统一的流程，合作时也可以输出固定的流程，保证产品体验的稳定和统一。拾相封装了分享模块，在与网盘和手助skill合作的时候都保持一致的操作体验。

    审查库——审查风险，设置红线，降低修改成本。拾相设置了图形和文字的设计红线，包括不能出现的和建议出现的，例如文字不能出现那理解的专业术语，建议运用一些语气词增加对话感等。  

    5、“引、上、共、通”链接上下游，确保设计落地质量（价值落实）

    设计完成交付开发，要确保设计落地质量，防止出现买家秀和买家秀的差别，就需要有效的沟通上下游角色，从单纯的界面设计到全链路设计，建立合理的设计流程和沟通机制，以良性的方式建立设计的权威，达成一致的目标，实现有品质的落地。通过拾相的项目流程总结了以下4个关键点 ：“引·上·共·通”。    

    引——预先引领，梳理并向团队各角色介绍完整的设计流程，包括关键节点、交付物、进展、下一步目标以及关键节点期望得到的各方的支持和反馈，这样一来各角色对于如何帮助设计成功建立了共同的责任。    

    上——向上沟通，在与同级交流遇到障碍或着瓶颈的时候，可以向上一级了解最本质的需求和期望，从更高的角度扩展解决思路。    

    共——共情理解，有时一个问题因为各角色的侧重不同导致不能达成一致的方案，就不能只从事情结果死杠，可以通过沟通统一的高层目标先站在统一的出发点，建立轻松的环境，让对方放下戒备，再从共情的角度思考问题，利用共情地图找到用户真实的需求和任务，建立统一的认知，拉近你和各角色的距离，挖掘更合理的解决方案。    

    通——通畅链接，在与上下游角色进行任务交接的时候需要建立合理高效的交接机制，包括如何交接、交接内容、交接平台、交接审核等，从而避免反复的沟通影响各自进度，建立可靠的角色形象。

    6、设计复盘，验证并持续优化体验（价值迭代）    

    项目上线不代表任务的结束，要对产品持续追踪，追求更好的体验优化。这就需要对需要验证的设计和关键价值点进行后台数据埋点，通过数据的反馈有理有据的支撑再设计。但很多时候我们的产品是不容易得到强大的数据支持的，可以运用水晶球占卜法，时刻问问自己，用户最需要的是什么？我们的价值究竟是什么？现在是最好的解决方法吗……用这些答案来审查下设计，找到不足和有待改进的地方，不断总结经验和教训，为更好的产品体验和设计价值不断努力，知己知彼，厚积薄发。

    全新的设计需要更大的激情和更全面的能力，现在的UI需要不断向UX去发展，没有边界、更全面地提升自己对设计的思考和把控，从而在完整的产品项目中去建立设计权威，发挥更大的设计价值，创造更优质的设计体验。