苗子

      无论是在工作还是在项目环节里，交互设计师与视觉设计师是关系密切的两个角色。简单来说，在一个特定的设计里，前者负责理性的内部架构，后者负责感性的外部表现。在工作环节中，交互设计一般在视觉设计之前：交互设计师需把交互设计交接给视觉设计师进行设计，视觉设计师在完成视觉稿之后也需要交互设计师评审定稿。在这个环节中，交互设计师需要关注视觉稿能否达到交互设计的目的：是否能完整呈现交互设计逻辑和设计点等，能否在感官体验上达到设计要求等；

      在经历了合唱、优唱两个大项目的设计，作为交互设计师的我，在跟进视觉设计环节，主要包括两阶段：前期——让视觉设计师正确理解交互设计稿,中后期——确保视觉实现高于交互理性范畴。

核心：让视觉设计师正确理解交互设计稿

      如果工作时间和精力允许，在设计具体需求阶段，就让视觉设计师一起参与讨论和设计，这样能让视觉设计师清晰了解各个设计的具体目标，并在设计阶段，交互设计师也可以参考视觉设计师提出的意见综合考虑，让初期的框架或信息设计更为全面跟合理。

      交互设计师完成交互设计稿之后，最为核心也是交互设计师必须衔接的阶段：要向视觉设计师清楚地交代方案设计的重点目标是什么，想表现什么样的感官体验，以及讲明各种可能会被忽略的交互细节。到了这一步，并不代表着设计衔接结束，交互设计师应该反问视觉设计师能否清晰要设计的内容——最好的方式是让视觉设计师根据自己的理解总结要设计的范畴——在这个阶段，才能确认视觉设计师是否已经完全正确理解交互设计稿。

       在跟进视觉设计环节，做好前期的交互稿沟通环节之后，对于视觉设计师来说就是进行设计，而对于交互设计师来说就是审核视觉稿，而对于审核视觉稿方面，我觉得核心点主要包括以下几个方面。

视觉稿的设计是否是建立在交互稿的理解基础上

       视觉稿不可能完全和交互稿一样——视觉设计师有自己理解和发挥。有时我不得不佩服设计师的创意和想象力，他们能把简单的线框图设计得如此生动有生命力，但改变也意味着风险，交互设计师必须拨开炫目的表现层去注意改变是否合理，有没有违背交互逻辑，有没有涵盖整个设计所应承载的内容，会不会引起用户的理解歧义等……总的来说，感性设计是建立在理性的架构上。

拒绝照本宣科的视觉设计

      与交互稿设计改变过大的视觉设计可能会出现问题，但过于遵从交互稿、完全没有发挥的视觉设计同样是不合理的。因为交互原型更多的是表达产品的逻辑和信息层次，很多时候不能直接表现出产品的气质or品牌，对于用户来说也不能在感官体验上吸引用户，留住用户。而维持或树立产品形象以及提升用户感官愉悦体验的环节更多需要视觉设计师去设计和把握：如在美化界面、渲染气氛等方面，视觉设计发挥着重要作用。

      总的来说，视觉设计不仅要把交互稿的逻辑和信息正确表达出来，还要发挥视觉设计师的创造力，让设计更怡人。

界面的信息层次能否清晰

     “每个页面只有一个主题”——信息层次能否一眼就被区分出来是界面设计的重中之重，虽然这一个概念一开始的需求层次环节、交互设计环节就被清晰地定义，但最终能否很好地表达还需在视觉设计稿中进行考核。因此正确理解信息设计的基础上还需要让其的视觉层次足够清晰对于很多视觉设计师来说都是具有挑战性的。

      交互设计师在审核视觉稿时，除了自己对界面信息的感官认知，还要经常反问视觉设计师：你觉得这个界面设计核心信息是啥？具体模块设计中；信息的层次区分为啥这么设计等等,通过视觉设计师自己的阐述来确认其能否清晰界面的信息层次分布，再而才判断当前的视觉表现能否达到设计目的。

关注交互细节对应的视觉设计

      在审核视觉设计稿时，对于交互设计师来说，一定要审查各个交互细节尤其是通过标注说明的设计。视觉设计师是看图的动物，很多时候对于交互的文案注释并不在意，所以会有相关的设计细节或设计状态会被忽略。有时我们会发现开发出来的页面与精美的设计稿看起来天差地别，最主要的原因我认为就是相关细节的疏漏。

      交互设计师作为整个项目设计的统领，必须对各个细节进行细致的追踪，才能保证项目设计、开发衔接的高效率运转。

美感方面交互设计师不要过多干涉

      每个人对美的定义不同，对具体的色彩或形态的喜好更是不同。信息逻辑设计是客观理性的，而表现视觉设计更多是主管感性的。术业有专攻，相信团队中每个成员的专业能力：视觉设计师受过色彩、造型、布局等的专业训练，并且长期的设计实践让他们对美的感觉更为敏锐和把握。总的来说，交互设计师对美感方面等的过多干涉只会让组员更难达成一致观点，使视觉设计师的发挥空间受限。