@凌霜设计 （Frog Design交互生）： 作为一名交互设计师，如何更好地与项目里的其他人合作？如何更好地利用大家的时间？团队经理用画图的方式跟我解释了一下，有些问题并没有直接的答案，但是我觉得解释的方式很有趣，我凭着记忆把它们重新画了一下，和大家聊聊合作的问题。

今天和我的经理聊了一下最近工作上发生的事：上周做了什么，这周和下周准备要做什么。刚刚结束了设计阶段（Design Sprint）1，和客户开了远程会议，收到了许多的反馈意见，各个方面的都有。

现在项目正处于一种（我觉得）特别尴尬的阶段：视觉设计师只出了初步的几个概念图，程序员还在准备框架，尚未开始写代码，但是根据原先的计划，这周就要开始开发了。作为交互设计师，一方面留着一大堆反馈意见还没有反映到线框图中，另一方面设计阶段2的任务已经要来了。虽然还没有开始设计，但从可能的流程上来看，任务量巨大，是一个特别复杂的系统，不光是设计一个新的交互方式，还是新的工作方式和商业模式，心里真没底。

我把自己的困惑告诉了经理：作为一名交互设计师，如何更好地与项目里的其他人合作？如何更好地利用大家的时间？他用了画图的方式跟我解释了一下，有些问题并没有直接的答案，但是我觉得解释的方式很有趣，我凭着记忆把它们重新画了一下，和大家聊聊合作的问题。

什么是敏捷开发（Agile）

先说一下总体的合作方式，我们用的是敏捷开发（Agile）的方式。维基百科上是这么解释的：

敏捷软件开发（英语：Agile software development），又称敏捷开发，是一种从1990年代开始逐渐引起广泛关注的一些新型软件开发方法，是一种应对快速变化的需求的一种软件开发能力。它们的具体名称、理念、过程、术语都不尽相同，相对于“非敏捷”，更强调程序员团队与业务专家之间的紧密协作、面对面的沟通（认为比书面的文档更有效）、频繁交付新的软件版本、紧凑而自我组织型的团队、能够很好地适应需求变化的代码编写和团队组织方法，也更注重软件开发过程中人的作用。

如果把这种方法简单视觉化一下，就如下图：

iOS从07年第一代iPhone发布时的iPhone OS，已发展到今天的iOS10，这些年来，iOS从最初的一个简单、粗糙的ROM，发展成现在手机ROM中体验标杆的操作系统。设计风格走过了拟物化，扁平化，今年已发布的iOS10，设计风格也开始偏向卡片式风格，随着新的交互方式3D Touch的加入，开始脱离单调的扁平化设计，卡片式风格让设计语言更加符合用户的操作认知（卡片式的内容，对人有更强的按压操作暗示）。

@飞屋睿UIdesign ：插画具有辅助文字叙事的功能，在书籍、杂志等平面中已然并不罕见，然而由于过去WEB技术发展的原因，网页设计中运用插画的情况却不多见，随着技术提升，插画越来越被网页设计师重视。今天这篇好文总结了网页设计中常见的4种个性插画风格，涨姿势来。

兄弟篇：《趋势丨全方位科普平面设计中的时尚复古风格》

由于优秀的摄影作品可遇不可求，而且并不一定会遇上合适自己使用的样式。专门请了摄影师来拍照如果不集齐适合的模特、布景、道具、灯光……也许结果都未必理想。因此，可以看到，依靠摄影作品作为设计素材是非常受限的，成本相对也高。所以，一个逆向的做法就是依靠插画。我们也许都知道，绘画并不是再现事物原来的样子，而是重新将你眼中的事物表达出来。也许，你表达的笨拙、可爱、轻松、沉重、怪诞……这些个性化十足的表达就成就了插画一眼即可辨识的独特风格。插画对网页设计个性的塑造可谓是功不可没的。况且，插画的成本也比摄影来得更低，效率也许更高，而又比摄影作品更灵活。假如你想要表达出一个虚拟的场景，摄影作品都需要后期合成，而插画却能立即将幻想变为笔下的实在。因此，这也是我大力提倡插画配图的原因。

网页的插画其实无须一定要细节毕现，往往它传递的是一种价值、理念主张，而非具备叙事的规模。

编者按：本文总结的4个点都是新人做交互方案时容易遗漏的，看完可以查漏补缺，完善场景，建议阅读。

作为一名交互设计师，到底什么程度才能算得上是“专业”？成为一名专业的设计师是否有方法与捷径呢？答案是肯定的，但是今天我分享的内容还不敢称之为体系，只能说是几个小小的经验吧，希望能给正在奔向专业路上的你有所启发。

如果你是设计新人，可能你现在还没有完全形成自己的思维模式，那么以下这几点你就可以开始注意了，至少把这个几点加入到你的考虑范围内是不会有错的！

图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。 如果你曾仔细浏览优设的网站，应该已经看过不少图标设计的实战案例。

1、强化视觉

白无常：许多设计师都习惯的把精力放在视觉元素的效果上，而忽视了视觉元素之间的位置关系。如果对设计的构图没有了解，即便是精彩的画面效果也发挥不了作用，甚至会误解了传播的信息。

设计构图的作用

构图过程是设计师从混乱的视觉元素中找到条理性，帮助观者在各个视觉元素之间建立联系，从而有助于他们阅读。设计的构图的作用是为了加强视觉的张力增加设计的趣味性，吸引并引导着观者的注意力。

编者按：Banner 是我们最常聊到的设计元素，它是一个网页的招牌，是用户最容易看到的视觉元素。今天，我们来聊聊Banner中的急先锋，网页首图，它的设计之道。

网页设计师都明白，网页对于用户的第一印象是非常重要的，而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样，但是出于视觉化设计的目的，大多会使用大图背景，或者超大尺寸的Banner。当用户一打开网页的时候，映入用户眼帘的Banner ，是影响视觉设计的关键因素，它有个专门的术语是 Hero image，我们通常称之为首图。所以，网页首图的设计需要特别用心的。

网页首图不仅仅是一张漂亮的图片，它还应该是强大的视觉传达工具。谈情怀不如讲套路，今天的文章，我们就通过一系列最佳实践来为你展示首图设计的一些设计“套路”。

编者按：从「我的电脑」-「电脑」到现在的「这台电脑」，人称视角的转换会带来什么体验差异呢？这篇文章从3个角度讨论了这个有趣的话题。

如今我们每个人手机里都下载了各式各样的App，每天花费大量的时间去使用和维护，你不仅享受App带来的各种服务和乐趣，还通过它们创建和管理自己的文件内容。

你在互联网上留下大量的记录或内容，是否有想过这些内容是否是“属于”你的？

而越来越多的App开始提供定制化的、拟人化的服务，你和App之间的互动关系有没有变得更像真人之间的交流？

这篇文章讨论了一些有趣的问题：

1）一个产品在其用户界面上应该提供什么样的人称视角？

2）其功能服务和用户之间，是一种怎样的关联？

3）我的收藏 | 你的收藏 | 收藏 | 这三个不同的词组，真的会带来什么体验差异吗？

这篇文章也许并没有给出明确的答案或实践指南，但这个问题却是我们在设计产品及界面时值得一想的。

对于一个在乎用户（谁在使用我们的产品，服务，以及应用程序？）的领域来说，调查研究是极其重要的。我们提出问题，记录观察到的信息，了解一切关于我们目标用户的信息，然后在整个设计过程中不断测试我们的想法或者设计。

UX（用户体验设计）研究，或被称为设计研究，在整个设计过程中起到多方面的作用。它可以帮助我们确认、证明或反驳我们的假设，发现我们目标受众的共性，并提取他们的需求、目标和心智模型。总而言之，设计研究给我们的设计提供灵感，促进我们的认识、理解，并验证我们的决定。

编者按：问卷法、可用性测试、眼动测试、用户访谈、焦点小组和用户画像等等，都是现在腾讯内部最常见的用户研究方法。今天这篇好文把这7种常见的用户调研方法都详细地介绍了一遍，连执行流程都有！强烈建议阅读。

这些产品或许看似很“简单”，但其实，越是简单的东西设计越难。在“体验设计”越来越被中国的互联网公司和设计师们重视的当下，人们或许更能体会到设计的“本质”。在当今的环境下，不能仅仅是提供产品，而是要提供用户想要的产品，设计不是在“用户想要怎样的产品”的基础上去构想，而更是要弄明白“用户看起来想要什么产品”和他们“其实想要的是什么样的产品”的区别。