如何确定产品的主视觉风格

视觉设计师可能会花很长时间产出了精致的，高品质的设计，得到的却是用户或客户的一句话：“这不是我想要的!”一般来说，在没有实物前，人们并不清楚自己要的是什么。但是在看到成品后，他们可以轻易地判断是否符合自己的喜好或期望。因此，在为错误的设计方向投入过多前，了解用户对风格的期望和需求，从而确定整个网站或产品的视觉风格是有必要的。

　　情绪板是一种启发式和探索性的方法，可以对如下问题进行研究：图像风格(photography style)，色彩(color palettes)，文字排版(typography)，图案(pattern)以及整体外观以及感觉。视觉设计和人的情绪紧密相连，不同的设计总是会引发不同的情感。

　　此外，情绪板也可以作为可视化的沟通工具，快速地向他人传达设计师想要表达的整体“感觉(feel)”。

站稳变则迎风而立，恒久不变的行业转折点，西普斯卫浴以“展览馆升级”再次顺势而为，华丽蜕变，未来再造。

流行趋势最直观的展示，总是在于那一种悦动明亮的黑白灰及其色彩应用。西普斯卫浴展览馆以黑白灰为主色调，并点缀着不少明亮的暖色系，冷暖结合为我们带来了一个个高端、个性十足的卫浴空间。

全新的西普斯展览厅遵循轻奢现代简约的设计原则，格调简洁典雅，并采用全新的布展理念，功能分区井然有序，色彩搭配将西普斯卫浴产品融入空间的细腻表达，让观者游走其间，自感耳目一新。

展览厅主推的是DIY预埋式多功能组合产品，单一新品都是结合定制或个性化组合成整体空间场景展示。

一按按钮，一个旋钮，淋浴新体验

“设计+产品+体验”三位一体的全新形象，将西普斯卫浴打造成一个全新的形象，以视觉感知、光影感知、情感感知、视觉感知、视觉感知、视觉感知、视觉感知、视觉感知、视觉感知、体验体验。

此次展览厅的全面升级，不仅体现了产品对外观的要求，也为用户提供了实用性，多方面运用了多维度人体工学，结合当今消费者需求，挖掘大环境下设计师的审美需求，为用户提供方便、实用的产品。

崭新的体验，全新的开始，新的标准展厅升级，每一个细节设计都详尽展现了西普斯卫浴提升客户体验的诚意和决心。

提升店内的形象绝不是浮现在表面上，而是围绕环境、商品、营销、服务、科技等方面的全面提升。

对于西普斯卫浴，品牌没有捷径，只有自律——从产品、质量到服务体系的消费者承诺。由产品升级换代到展览厅升级，与其说是产品升级“倒逼”终端品牌升级，更确切地说是西普斯卫浴总经理黄建荣先生对卫浴消费升级需求的敏锐洞察，更确切的说是对西普斯卫浴的消费升级“倒逼”。透过新展厅诠释和传达不同于西普斯卫浴未来的发展战略布局，未来1+N预埋件解决方案以模块化、灵活、多功能、广适用性为目标，致力于为未来卫浴行业提供量身定制的空间体验方案。

“西普斯卫浴总部展厅”，摆脱传统展示模式，通过一景多姿多彩、产品化展示、情景销售等方式，使产品与销售相互融合，以卫浴空间呼应产品特性，使您更好地看到「未来的家」。

崭新的展示厅，必将给西普斯卫浴带来新局面，推动业绩节节攀升。今后，西普斯卫浴会继续接好发展“接力棒”，脚踏实地地“新长征”，不忘初心，实现梦想！

产品研发流程简介

下两副图是产品研发简化流程图，交互设计环节被增加在提出需求与视觉设计之间，可以直观看到交互设计起到了承上启下的作用，但实际上交互设计师做了什么，如何与其他岗位更好的合作，下面将进行详细的解说。在此之前，我们先记住交互设计的本质：规划交互行为方式，设计达成行为的最有效形式。

没有交互设计的研发流程

有交互设计的快速研发流程

产品研发的六个层次

产品研发可以分为上图的六个层次，其实也就是《用户体验的要素》中提到的五层理论再加上一个实现层，这样拆分后，可以比较清楚的分析出产品由抽象到具象的过程，了解各个岗位的职责。下面将详细分析每个层次都做什么，交互设计师在各个层次的职责和作用：

战略层

内容：定义产品的方向、概念、定位、目标等;

一般是老板们高瞻远瞩，产品经理们深思熟虑绞尽脑汁，用研、市场、交互等同学出谋划策，就不多说了。

范围层内容：策划产品的规则、入口、功能、内容

负责人：产品经理

合作者：交互设计师

输出物：需求文档

在需求定义阶段，产品经理常会犯个错误——依靠描述用户行为和界面形式来表达需求：

产品经理往往必须借住自己对形式的观察和设想，或者从用户的角度描述其操作过程，才能明确自己想要的需求，甚至必须借助自己画的图来表达需求。为什么这么说，看看电脑里自己或别人的需求文档就知道了，如图示(这些都是产品经理交给交互设计师的需求文档中的)：

需求说明示例一

需求说明示例二

产品经理依靠描述用户行为和界面形式来表达需求，有三个坏处：

1你写的或画的不一定合理，这方面交互设计师更专业;

2交互设计师得按照文档想出一副画面或故事，绕着弯去研究你到底要啥，期间还得不断找茬;

3你浪费了自己的时间，说严重点，你浪费了定义产品需求的时间，偏了重点;

所以需求文档中，最好不要完全借助用户行为和界面形式的描述来表达需求，而应明确写出产品功能、目标等等，可以加上参考图辅助理解。如果产品经理们真的很难表达，或不确定自己要什么，最好就和交互设计师一起先讨论，交互设计师可以帮助你分析其他产品为什么要这么设计、或者你想要的一个未曾见过的功能可以怎么表达，讨论好了再制定需求，甚至直接出功能和内容列表都可以。

产品经理在范围层的重心，一定得放在怎么做才能实现产品战略目标了。

结构层

内容：需求的内容规划、主任务的用户行为操作流程、界面结构或信息架构

负责人：交互设计师

合作者：产品经理

输出物：流程图、架构图等

流程图

架构图

交互设计师在这个层面要梳理需求，找出用户的主要任务，定义好任务操作流程，规划好界面结构、各自功能、连贯性，期间要不断预测和规划功能的表现形式和用户使用细节。在此过程中，交互设计师可能会发现一些需求不合理之处，产品经理也可能会根据流程图、信息架构图等等，发现一些无法达到产品目标的问题，例如某个功能多余、入口过于分散、结构不够简单等等，二者一起完善需求、优化方案，力求主线清晰简单。

框架层

内容：产品的基本形式，包括布局、控件、位置、大小、一些操作细节;

负责人：交互设计师

合作者：产品经理、视觉设计师

输出物：静态线框图、可演示低保真原型等

交互原型图一

交互原型图二

在这一阶段，交互设计师就开始绘制用来表达行为的形式了，确保所用形式可以很好的让用户知道重点是什么、下一步要做什么、怎么做、不常用的功能去哪找等等，交互设计师这一阶段要做到：

1主任务流程突出明确简单，其他任务完整易懂;

2满足可用性要求(易学、易见、易用)、用户体验优秀、连贯;

3逻辑正确完整、极限情况处理完善;

4可扩展;

5符合产品所在设备系统及平台的设计规范，例如windows的控件规范、iPhone、安卓的设计指南等等，不要轻易创造不规范的控件;

6视觉设计师可以在此基础上美化发挥;

这也是为什么会出现交互设计师这一岗位，因为产品经理或视觉设计师都没有通常精力来做这些，或者从未做过甚至从未考虑过这些。

交互原型图输出时，产品经理就可以预测视觉稿是否能达到产品定义时期望的效果，查看交互图中的对内容和功能的侧重是否能满足产品需求了，审核并提出建议;但有的产品经理会要求交互设计师如何设计，例如说"我就要XX这个样子的"、"我不能接受这种布局"等等，这个时候，请产品经理认清自己和交互设计师的专业职责，让专业的人做专业的事，大家应该一起各抒己见、向用户、成本、时间妥协，讨论出对于用户和产品而言最好的方案，而不是让对方服从自己主观的想法。

此外，若视觉设计师在此阶段就参与讨论，对产品会更有帮助。视觉设计师要对产品非常熟悉、了解细节始末，实时关注交互原型图的进展，提出建议，将更有利于产品快速开发、减少后期因"交互原型图美化后不好看、不生动、界面太挤"之类的原因而修改交互稿。例如对于"锻造"这个过程，交互设计师设计成了A+B+C=D这种长条形布局，而做效果图时，视觉设计师才说难以体现游戏感，希望能画个炉子，在炉子的周围摆上材料，炉子中间为锻造成品，这个时候又要交互设计师重新设计就浪费精力和时间了。

另外，如果该项目较为重要，最好在主要界面交互原型图输出后，主动邀请权威角色评审，以免后期才得到意见，再修改就来不及或重复工作。

表现层

内容：产品外观、企业形象、视觉情感;

负责人：视觉设计师

合作者：产品经理、交互设计师

输出物：效果图、动画等等

在表现层，视觉设计师会根据交互原型图进行绘制，在交互图的基础上，可以对布局、控件的形状、形式进行微调，设计图标按钮等等，此时交互设计师应该实时关注，以确保图形及色彩的认知效果，以及是否有不太合适的更改，或未达到预设的地方;

上图为玩家列表的交互原型图和效果图。交互图中蓝钻、年费、昵称的位置格式是QQGAME的蓝钻规范，昵称上限为24位字符，如果按照效果图摆放，一个是不符合平台规范，另外在列表中也会因为实际昵称长短不一，导致蓝钻、年费图标显得较乱。欢乐豆数字上限为9位数，为容易阅读加上顿号分割，效果图没有预留上限位置，也去掉了顿号。

虽然不建议在交互原型图经过了全员评审后又修改方案，但实际上，在效果图发出后，往往仍会因为各种"觉得不好看"、"看起来很挤"、"达不到产品目标"等主观或客观原因要修改效果图乃至交互原型图布局甚至改动功能，这种风险因素很难避免，只能尽量弱化，特别是权威角色若未持续保持关注、在大型评审时可能会提出颠覆性意见。我的建议是交互设计师输出主要界面的原型图且通过全员评审后，视觉设计师马上输出对应效果图，效果图评审通过全员后，交互设计师再去全面补充剩余的交互原型图，这时候若要修改，成本就会小很多。

什么时候写《产品设计文档》

待主界面效果图通过评审后、视觉设计师开始补充剩余的交互原型图时，交互设计师就可以开始着手写交互说明。如果提前写了，一旦效果图有修改，就要跟着修改各种逻辑和细节，挺伤脑细胞的，也浪费时间、容易遗漏。待效果图完成后，将需求文档、交互说明、效果图合并为产品设计文档(合并这活可以由产品经理或交互设计师来做，另一方来审核即可)，交与开发。

为什么要合并成一份《产品设计文档》

看看开发、测试同学每次要对着需求文档、交互原型及说明、效果图三种输出物来工作是有多崩溃就知道了，另外一份文档更新和同步起来也比较方便。在更新时，效果图和交互内容的更改由交互设计师维护，其他需求内容由产品经理维护，互相知会。

实现层

内容：设计审核、开发、测试、发布等;

负责人：伟大的程序员

合作者：产品经理、交互设计师、视觉设计师

输出物：活生生的产品

其实实现层不仅仅是开发过程，在前期产品设计阶段，开发人员也需要时刻参与审核把关，确保开发成本和时间合理，及时提出"无法实现"、"耗时"、"漏了XX"等问题，避免后期才提出要改动或修补交互方案。

不能边设计边开发(前端)

我们现在的开发阶段常常在交互方案还未确定时就启动了，其实这是对产品设计很不好的(当然，仅仅是开发底层或后台等不太影响)，因为：

1一旦开发将用户行为过程、界面布局写入了代码，再修改就较为困难、代价高，而事实上此时一切用户行为和形式都还未被完全确认;

2给了设计师较大的时间压力，可能会影响设计思路、逻辑的严密性、方案的质量;

因此，建议开发同学最好是在产品设计完全完成后，才启动前端开发。最早也应该在主界面效果图确认之后，期间任何未确认的东西先不要急于实现，或者和交互设计师确认后再实现。

此外，PM要监督和帮助下面两点的实施：

1如果一名交互设计师需要同时跟进多个项目(理想状态下当然不推荐这样)，可能无暇随时跟进、不能及时的发现版本问题，而产品经理是时刻盯着项目的，所以常常遇到这种状况——开发同学遇到交互问题(如方案无法实现或细节不完整)，不问交互设计师而去问产品经理，或者产品经理发现交互问题后自己提出解决方案，等到交互设计师审核版本时发现这个解决方案不合理，要修改已经代价颇高了。因此，开发过程中，遇到任何产品设计相关问题，PM或开发人员最好拉上产品经理和交互设计师一起沟通解决。

2应该严格仔细的按照产品设计文档进行开发，不要弄错一个流程、写一个错别字、弄错一个图标、错位一个像素，因为后期的每次找茬都是令人崩溃的，而且还不一定能遇到这个错误。虽然"细致"这是个传统美德，但还是不知道有多少开发GG伤害了交互妹纸的心。

研发流程步骤总结之前我们这边的研发流程是需求写完经过需求评审后，交互设计师输出全套交互原型图、交互说明文档，经过开发评审，美术再投入进来，前端开发再正式启动。这个流程的应用过程中出现过非常多的问题，主要问题在前文中已经提到，经过和其他交互设计师、项目组成员的讨论，我在自己参与的几个项目中进行了流程优化，效果不错，新流程的具体步骤为：

产品设计阶段(此阶段每一步都需要通过全员评审尤其是开发的评审)：

第1步：产品经理输出功能内容需求列表，期间与交互设计师密切讨论;

第2步：交互设计师输出主任务的用户行为操作流程、界面结构或信息架构，期间与产品经理密切讨论;

第3步：交互设计师输出主要界面交互原型图，期间与产品经理、视觉设计师密切讨论，通过全员审核;

第4步：视觉设计师输出主要界面效果图，期间与产品经理、视觉设计师密切讨论，通过全员(尤其是权威角色)审核;

第5步：交互设计师补充剩余交互原型图，视觉设计师补充剩余效果图，通过全员审核;

第6步：交互设计师输出交互说明文档，通过开发评审;

第7步：产品经理将需求文档、交互说明文档、效果图合并为产品设计文档;

正式开发阶段：

第8步：开始正式开发，期间与产品经理、交互设计师密切讨论(此过程最好不要有大的变更);

第9步;测试阶段，交互设计师等各种角色提出细微修改建议(理论上此过程不能出现任何变更);

理想的研发流程VS快速研发流程

理想的研发流程

实际上最理想的产品研发流程是在开发前制作出可操作的高保真原型(既不是效果图也不是用axure简单演示的原型，而是主线任务完整的、至少可以进行可用性测试的原型，详见《启示录》一书)，并不断进行可用性测试、专家评估，循环修改，然后按照最终确定的原型进行开发，再不改变任何内容。这样可以极大程度的免去需求变更导致开发重做的可能，并且预防因赶时间而放弃迭代修改，此外还可以免去阅读冗长拗口的说明文档，但更重要的是，将发出的产品已经有了相当有把握的验证。

像苹果、以及国内有些重视用户体验的网站就是采用的这种理想的开发流程。但网站类产品胜在可以快速实现前端DEMO、输出高保真模型，而国内的软件市场就很少有这么做的，基本上都要求产品快速产出，尽快去真实市场占个坑，再去验证和修改，根本不会给产品设计相关人员这么多时间和成本去仔细设计和验证。所以快速研发流程实际上是最常用的，虽然不算最完美，但却很快速，在架构和平台比较成熟的公司比较适用。

对比之下，快速研发流程中显示出一个很严重的风险，在版本出来之前谁也不知道真正的体验是怎样的，所有的过程都是依据经验的预测，如果版本出来后才发现问题，小的还可以改改，大问题根本来不及改正。所以评审和经验就显得尤为重要，这也造成了这种流程中，各种角色都保守异常、纠结致死，更是鲜有创新突破，只敢在小地方微创新一下。

因此全新的软件产品最好用理想研发流程，除非改起来非常简单，而快速移植类或系列产品可以用快速研发流程，但坚决不能边设计边开发，产品经理和设计师们必须提前足够的时间先启动。

TheEnd

最后，祝每一个项目组都找到自己心仪的交互设计师，祝每一个交互设计师的脑细胞都能更强壮!没有交互设计师的项目组，那就让你们的产品经理们担负起交互设计师的责任吧

产品外观设计三大要点：

1：依托科技的发展，材料的特性和材料的加工方式也越来越多，产品设计师需要掌握各种不同材质的特性及加工方式。产品外观设计要点。

2：色彩通过用户的感官直接将设计师的设计信息传达给用户，对用户是否想占有产品起到根本的作用。

3：产品外观设计的核心是产品的形态美设计。是产品设计师在系统地市场调研分析后，在产品外观设计精确定位的基础上开展的设计。创新性，体量感是优秀产品外观设计的基本要求。

外观是留给用户的第一印象，用户无法一眼看出产品的内在质量，却能看出外观是否平整、做工是否精细，从而完成产品的整体定位。外观设计最主要的任务就是把控好市场的需求、抓住客户的心理、设计出大多数客户都能够接受的产品外观。外观设计即视觉设计，是对产品外表进行设计，反应产品的外观、性能、材料及制造技术，对产品品牌建设有最直接的影响。所以外观设计的过程中除了要考虑三维空间及造型的优美程度外，还要考虑适合产品推广的风格、企业的产品路线等。博拉图工业设计产品外观设计要点分享：

材料

产品设计师在进行外观设计时应该综合考虑如何选择设计材料，材料的加工工艺、成型技术的应用、产品的视觉表现、能不能满足产品用于各种环境中的功能及实现设计目的等等。依托科技的发展，材料的特性和材料的加工方式也越来越多，产品设计师需要掌握各种不同材质的特性及加工方式。

色彩

色彩通过用户的感官直接将设计师的设计信息传达给用户，对用户是否想占有产品起到根本的作用。色彩在外观设计中发挥的作用主要有保护材料和对产品造型的装饰，这不仅美化了产品外观，也美化了用户心理，所以在产品外观设计过程中，要采用灵活多样的色彩组合设计，使用户对一款产品有更多的选择，从而增加产品的市场竞争力。

形态

产品外观设计的核心是产品的形态美设计。是产品设计师在系统地市场调研分析后，在产品外观设计精确定位的基础上开展的设计。要求符合：1、创新性。意在表明进行外观设计时不是一味的去模仿复制，而是在科学、合理的基础上使得产品给人独特新颖的感觉，它通常在形态、材料、结构等方面反应。2、体量感。产品外观设计的出发点是人机工程学，它强调产品必须符合用户的要求，让用户使用更方便、舒适，如手持机产品操作部位就不超过手的活动范围，一旦超过范围使用者就不能舒适的使用。此外，在产品形态设计中还应强调产品的稳定性及整体美观度等问题。

从整个产品的外观、舒适度、用户体验给人带来的感受去分析。

其实还有很重要的感受是用户体验。

现在的人们在不断的运用自身的感觉去感受这个产品带给自己的体验。

所以抓住人心是很重要的。