如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

现在让我们关注最常见的设计专业：UI/UX设计师。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

为什么是第一性原理

最早提出这个概念的是亚里士多德。他说：在任何一个系统中，存在第一性原理，是一个最基本的命题或假设，不能被省略，也不能被违反。

后来「硅谷钢铁侠」埃隆·马斯克在一次采访中提到「第一性原理」：

我们运用第一性原理，而不是比较思维去思考问题是非常重要的。我们在生活中总是倾向于比较，对别人已经做过或者正在做的事情我们也都去做，这样发展的结果只能产生细小的迭代发展。第一性原理的思想方式是用物理学的角度看待世界，也就是说一层层拨开事物表象，看到里面的本质，再从本质一层层往上走。

所以，我希望用第一性原理的思维方式，发现交互设计的本质，从而更好地理解和运用它。

什么是交互设计

交互设计，又称互动设计（英文Interaction Design，缩写 IxD 或者 IaD）是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式（the「interaction」即人工制品在特定场景下的反应方式）相关的界面。——百度百科

读完上面关于交互设计的权威解释，相信有读者和我一样，在短时间内很难弄明白：到底什么是交互设计？

下面，我们一起用第一性原理，拆解和分析交互设计的本质。

小学语文老师教会我们一种名次解释的方法——拆词法，那么，交互设计可以拆解成：交互层和设计层。

交互层是什么

交互，即交流与互动。具体点说，在某个场景下，一个对象为了某个事件目标，与其他对象产生信息的交流与互动。在笔者看来，交互的本质是信息的交流与互动，包含用户、目标、场景，它们共同构成交互设计的交互层，这是交互设计的前提。

而用户、目标、场景，也正是辛向阳教授定义的交互设计5要素其中的3个。

案例1：我们为「餐厅点餐」这个事件进行交互设计，那首先要知道这个案例的交互层是什么，也就是信息的交流与互动是怎样的。

这个例子的交互层是：用户（我们）需要在某个场景（餐厅），与其他对象（餐厅/服务员）产生信息的交流与互动，才能达到目标（完成点餐）。

案例2：我们为「地铁上听音乐」这个事件进行交互设计，按照上面的思路，我们知道这个事件的交互层是：用户（我们）需要在某个场景（地铁上），与其他对象（音源）产生信息的交流与互动，才能达到目标（听音乐）。

我小结一下，帮你理解交互设计的交互层。

当我们为某个事件进行交互设计时，首先要知道自己在一个什么样的事件前提下开展交互设计，而这个前提就是我所说的交互层，即用户在某个场景下，与其他对象产生信息的交流与互动，从而达到目标。

所以，在交互设计里的交互层，本质是信息的交流与互动，包含用户、目标、场景，主角是信息交流互动的双方或多方。

设计层是什么

在说交互设计的设计层之前，我们先来看「什么是设计」。

设计是把一种设想，通过合理的规划、周密的计划、通过各种感觉形式传达出来的过程。——百度百科

现在我们将上述解释放到「交互设计」里去理解。交互设计里的设计，就是在交互层的前提下，为一个事件合理的规划/计划（行为），并传达（媒介）出各种感觉（用户体验）。

所以，在交互设计里的设计层，本质是找到解决问题的手段，包括媒介和行为，主角是设计媒介和行为的设计师。

我们继续用前面的两个案例，理解交互设计的设计层。

案例1：为了完成「餐厅点餐」的交互设计，我们依据交互层这个前提，开始找到解决问题的手段，并为之设计媒介和行为。

在一些餐厅，用户还是通过纸质菜单，用口述的方式完成点餐。这里的媒介是纸质菜单和服务员，行为是口述。

在另外一些餐厅，用户用手机扫码点餐、下单、结账、评价等。这里的媒介是餐厅点餐的二维码和用户的手机，行为是用手机扫码、点餐、结账等一系列动作。

案例2：为了完成「地铁上听音乐」的交互设计，在非智能手机的时代，我们基本上是通过一个可存储的音乐播放设备和耳机完成这个目标的，那时候的媒介是播放器和耳机，行为是打开播放器播放音乐、在播放器调整音乐。

随着互联网和智能手机的普及，蓝牙传输技术的升级（aptX/LDAC等），以及用户诉求的升级和多样化，我们可以设计出更多贴近交互层（用户、目标、场景）的媒介和行为。比如音乐APP、蓝牙播放器、蓝牙耳机、线控耳机等。

此外，笔者认为：媒介和行为是相辅相成的关系，二者在交互设计的过程中会互相促进和限制。举个例子，一些带线控的蓝牙耳机自动连上手机后，按一下耳机上的播放键，就能直接启动音乐APP 开始播放了。这个「开始播放」的行为就可以设计在耳机上，而不仅仅是音乐APP里。

小结

用第一性原理，我将交互设计拆解成交互层和设计层，并结合辛向阳教授定义的交互设计5要素，得出结论：交互的本质是信息的交流与互动，由用户、目标、场景构成；设计的本质是找到解决问题的手段，由媒介、行为构成。

交互设计的本质：设计师为用户设计出在某个场景下信息交流与互动的媒介和行为，从而达成目标。

如何做好交互设计

1. 把握交互设计的行业差异化

本文从我个人的角度和经验，给大家分享了我对交互设计这个底层概念的理解，在我研究的过程中，最大的体会是，交互设计不仅仅表现在屏幕上，其实在线下场景下，同样有很多体现，比如现在热门的服务设计，我觉得它是对交互设计的场景化应用和延伸。

由此看来，交互设计会因行业和产品形态的不同，而存在差异化。拿B端产品来说，用户行为是完成某一项规范化的工作，而这项工作，往往具备行业和岗位专业性，设计师需要更好地理解行业和专业，才能贴近交互层（用户、目标、场景），设计出好的媒介和行为。

2. 具备相关思维

项目思维。交互设计师的工作往往贯穿调研、需求、设计、研发、测试等环节，我们需要把每一个设计Case 当成自己的项目一样去对待，而项目经理就是自己，充分发挥主动解决问题的意识和能力。

用户思维、产品思维、逻辑思维等。这3个思维网络上有很多解释，在这里就不赘述了。

3. 充实知识储备

点击下方标题，查看已更新的知识篇文章：

• 《用一篇文章，带你回顾桌面GUI 的设计发展史》
• 《用Airbnb 的产品，帮你快速理解尼尔森10大可用性原则！》
• 《用YouTube 为例，让你轻松读懂交互设计7大定律！》
• 《以Apple Music为例，为你解读格式塔7大法则》
• 《设计师应该知道的 iOS 设备常见差异化设计》

4. 提升专业技能和底层能力

《从今天起培养这5个好习惯，让你在 2019 年快速成长！》

写在最后

本文从构思到写完，断断续续有1个多月了，总希望找到一个合适的方式去解读交互设计，把这个概念说明白，但事实是越研究越觉得复杂，我需要了解的还有很多。

所以，我写这篇文章的目的不仅仅是分享我对交互设计的浅见，还希望用「第一性原理」这个拆解、分析、解决问题的思维方式，去研究「什么是交互设计」这个问题。

交互设计这个概念或领域，远比我写的要复杂和深入，我在研究「交互设计」路上才刚起步，希望能与读者朋友一起交流这个话题。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

商业化思维的本质就是：创造价值，通过为客户创造价值和交换价值来驱动产品以及业务的运转。那么，如何为用户创造价值和交换价值呢？价值属性会跟着用户属性的不同而产生变化，所以，在探究这个问题之前，要根据将用户划分为不同的群体，再从不同的方面着手。

商业化思维这个字眼乍看上去很高大上，确实往大了说，商业化思维可以套用到各种宏观微观的商业模式当中。但我们的目的是让商业化思维能够成为一个活动运营真正日常可用的能力项，所以我们对这个部分要解读的商业化思维的定义稍微做一些边界设定。

——基于商业化思维的本质：创造价值。

我们将探讨：如何通过创造价值去驱动一个产品/业务？

通过创造价值驱动产品/业务运转是一种完全不同于体验驱动（也就是产品思维）的模式，也是绝大部分互联网从业者少有接触的（电商&广告类的业务接触可能较多一些），能够综合使用价值驱动和体验驱动来帮助你策划一个业务形态，就会极大拓展你的思路（比如：你能够策划出趣头条类似的广告费转移为用户成本的模式）。

同时，也能够朝着我们的核心目的：让一个业务叫座又叫好去演进。

再次回顾一下产品思维和商业化思维模式的概念：

• 体验驱动（产品思维）：如何让用户使用便捷、有趣、解决用户的某种问题和需求？
• 价值驱动（商业化思维）：如何为用户/客户创造价值和交换价值？

用户/客户分类

那么如何为用户创造和交换价值？

价值属性是跟着用户属性在变化的，要探讨如何创造和交换价值，我们需要先对用户/客户做一个分类：

C用户：个人用户。

• 素人用户：就是最普通的个体用户，看新闻的、买东西的、薅羊毛的、刷视频的普通大众们。
• 达人用户：依赖一些内容平台生存的，往往以创造内容换取价值的内容生产者角色。

B用户：机构/商家/团体等任何非个人用户。

• 职业经理人B用户：一般是大企业/机构里的业务负责人/对接人，他们并不在意公司的业绩，主要在意的是领导的认可。
• 生意人B用户：一般是小企业/个人店铺的直接负责人或者就是老板本人，整虚的对他们从来没有用，他们只想要赚钱。

一般互联网的各种业务形态，会面对的用户种类基本上就是以上四种，代表着完全不同的四种价值诉求。

我们对这四种角色分别进行价值创造以及交换的理解和研究，就能够帮助你在业务规划当中，真正有效的运用到商业化思维。

当然这只是商业化思维最基础的入门，感兴趣的可以基于这个原理再深入研究。

C用户——素人用户的价值

在面对素人用户的时候，商业化思维主导的用户价值和产品化思维主导的用户价值有一些交叉和模糊的地带，为了便于理解和明确另外一种思维模式，我们相对粗暴的定义商业化思维的价值更多在于“创造”，区别于产品化思维的“满足”。

怎么理解呢？

用户有购物的需求，打造一个电商购物产品属于“满足”需求。而在购物需求满足之后，我们让用户去进行商品分享，通过用户分享进来的订单我们给予一定的分拥，这就“创造”了额外的赚钱的价值，可以交换用户社交关系链曝光的价值。

当然，实际并没有这么明确的区分，用户购物本身也是一种商业行为，商品的品牌溢价、促销手段（买三减一）等也都可以归类为价值创造的范畴。不过，这个不重要，我们关键要理解的是创造价值的思维模式。

常见的可以额外创造的素人用户价值：赚钱、省钱、炫耀、情感共鸣等不属于用户刚性需求（购物，变美，解决问题）的这类可以额外创造的价值。

而常见的你可以置换的用户价值：额外的成本付出、用户的个人关系链（自主推广）、用户的时间、用户的内容创造等。

商业化思维在素人用户部分，提供一种截然不同的业务策划模式：并不是考虑用户的需求是什么，然后针对性的策划一个产品。而是先思考你想要交换的用户价值是什么，然后，思考你如何创造额外的价值可以有效的置换到用户的价值。

在这个思维模式下，我们并不以体验和操作为优先去考虑业务形态，用户付诸成本是核心考虑因素，成本小于价值这个业务模式就有效，反之则无效。

这个思维模式也解释了：为什么很多体验优秀的产品就是没有用户愿意去使用？

目前业内新兴的一些社交产品拥有比微信更优秀的体验，但是产品在社交上创造的额外价值并没有大过用户的关系链迁移成本（想要去交换的价值）。而一些价值巨大但体验糟糕的产品用户还是愿意一遍又一遍的尝试想要成功走通——一个分佣50%的商品，再复杂的操作用户也愿意去钻研和使用。

当然，通过成本-价值的模式去思考和规划业务模型，并不妨碍我们同步去进行产品体验的完善，以帮助进一步减少用户在操作上付诸的成本。

商业化思维在业务中的一种典型运用场景，基于一个明确的用户价值交换业务目的，我们进行价值交换过程的建立，以找到合适的业务模式。

例如：我们希望用户能够主动进行分享（而这个过程往往基于已经满足了用户基本需求的状态上，比如说一个电商网站用户已经完成了购物，但是我们还想要额外榨干用户的价值），贡献他们的社交关系链价值。

首先，我们需要进行的思考是：用户进行分享需要付诸的成本是什么？

——分享到朋友圈后造成的个人形象影响，思考和检索适合的分享对象的成本，分享动作的操作成本（可以通过体验优化极大降低）。

那么思考，基于业务特性，我们能够提供给用户合适的交换价值是什么？

——可以通过和商家分摊成本的额外现金激励？基于稀缺或者高价产品的炫耀内容？或是商品本身附带的情感属性？明确的定义清楚这个具体的价值是什么。

然后完整的对比，你创造的额外价值是否大于综合成本，当然这个对比不是一个绝对的数学对比过程，还掺杂了很多主观因素。

所以，一定程度的用户调研或者简单一些的自我洞察能够帮助你得出有效的结论。如果做不到价值大于成本，那么这个业务就是不成立的。其实这个思维模式的逻辑是显而易见的，但又往往被忽略。所以，很多分享10元满减优惠券的策划被创造出来，而根本没有人思考过10元满减优惠券的价值其实远远低于我分享到朋友圈的成本。

琢磨一下以上的过程，是不是提供了一种全新的思路。帮助你的不仅是简单的思考“我想让用户做什么，所以理所当然的策划一个产品去引导用户”，而是真正的考虑清楚业务是否成立的根基，然后再从容不迫的去优化体验。

时刻保持“成本-价值交换”的思维模式，不仅能够帮助你打造有效的价值交换业务形态，还有一个非常有用的场景。

基于一个明确的用户诉求，我们进行价值交换过程的分析，以找到业务的关键点。

我们还是用电商业务场景来举例：在电商场景中，用户付诸的最大成本是金钱，而购物操作的成本实际上优先级并不靠前。用户在价值交换过程中最优先的价值是：“买到想要的东西”和“足够的划算”。

所以，在电商业务的重点一定是：提供更丰富的商品库和更优惠的价格，能够极大提升价值的含金量。

而优化购物操作体验，页面动线逻辑等是其次的，可以一定程度减少用户成本但解决不了价值不足的问题。

这也解释了：为什么一个创造了诸多优秀产品（常规产品主要面对的用户成本确实是操作成本，而价值是比较单一明确的，例如邮箱）的大厂投入了诸多心血打磨产品体验但最终还是在电商战场战败了？

一个擅长做价值交换的电商大厂在一个社交产品（用户的主要价值是社交，成本是难以独立完成的关系链迁移）上投入了大量的推广资源和利益诱导确留不下用户。

你看，大家都在说的基因的本质问题，其实本质并不复杂。当然大厂的成败并不只取决于思路的差异，还有历史以来积累的资源类型和用户心智，这些也都是基因的构成部分。

我们也不需要操心这么多，学会运用这个新的思路足以在业务策划中帮助自己抓住真正的重点。

C用户——达人用户的价值

首先明确我们这里所讨论的达人用户，并不是普通用户当中乐于分享和创造低质量内容的那群人（当然也有高质量的但并不普遍），而是以内容生产为职业，创造真正专业有价值内容，能够构成你的平台核心竞争力的那群人。

区别于普通用户，我们希望置换的达人用户价值是比较高的，平台依赖这些达人用户去不断供给符合平台导向的优质内容，而内容生产的成本极大，也就需要更大的价值来进行置换。
达人用户常见价值诉求：变现、曝光、独特的内容生产能力、有效的粉丝互动和管理能力。

达人用户需要付诸的成本：内容生产成本。

基于创造价值大于成本的逻辑，要打造优秀的面相达人用户的业务，就可以从几个方面着手（增加提供的价值）：

提供足够价值的变现能力：

专业的达人往往以此生存，和普通用户一样的分佣价值只能作为额外的补充价值，并不能达到达人的标准。

所以，如果你的业务希望依靠变现价值来让达人自发留下，那么你需要考虑的核心问题和需要寻找打造的案例就是：有没有达人可以在你的平台赚钱养活自己。

当然如果没有内容独家协议的限制，达人可以依靠多平台存活，对你的要求就不会那么高，但变现的价值也一定是生存级别的（几千元）而不是福利级别的（几百元甚至以下）。达不到这个标准，你的业务逻辑确实就不成立。

提供足够多的曝光量级：

当然这个和你的用户规模以及流量分配机制有关，需要考虑的问题是：你给的曝光是不是有效的曝光？你的达人用户能否有效的把曝光转化为强关系的粉丝，或者是个人品牌认知用户？

这个目的达不到只是粗暴的给曝光并没有用（例如：很多内容平台会找我要稿子，一些平台只会放作者名字而不愿意曝光作者个人公众号，我就非常抗拒为他们提供稿件）。

很多冷启动的业务面对的是达人内容量级和用户量级循环驱动增长的问题，在这个逻辑下一定程度的达人内容补贴是常用的手段。但不能偏离的是，你的激励要做用户这个循环，要求仍然是激活的内容一定要对用户有价值而不只是凑数，达人的补贴规模也要达到生存级别。

提供独有的内容生产能力（生产素材）：

或者说独特的有效的粉丝互动管理能力等产品层面的价值也是一种办法。但说实话国内互联网KOL行业发展多年已成定局，大的MCN机构已经垄断了大的流量和真正专业的内容生产者，平台迁移成本极低；大流量主产品能力的抄袭门槛又不算高。

所以，除非你能纯粹的全面培养素人成为达人，否则这类型的手段可能只作为补充，要真的撬动达人价值还是要回归到以上两个点。

降低创作的成本：

当你的产品不足以让一个达人在这里养活自己，那么你可能就很难得到独家的内容。

要让达人愿意在你这里搬迁内容或者一定程度的定制创作，可走的路就只有尽量减少内容生产的成本——快速搬迁，极低门槛的排版能力，和行业通用规则一致的产品形态等等。

接下来，我们看一下另外一个截然不同的面对B客户的领域。

B客户相比于C客户，目的更加明确，愿意投入更大的成本交换更大的价值。在B的领域，商业化思维的主导就更加明确，价值的创造和交换成为了唯一的话题，产品体验起到的作用微乎其微，除非你提供的价值本身就是产品的体验（比如说：一些企业服务工具）。

B客户——生意人价值

要理解生意人B的价值诉求，先从一个个人经历的故事开始：

曾经牵头过一个面向B商家服务的工具平台，商家支付费用使用工具和流量等整合的服务。

在工具平台搭建的早起，我们以非常产品导向的思维进行了规划，重点考虑的是工具的各种功能、平台使用体验、对平台的流量等价值贡献等问题，设定了工具平台的点击率、跳转率、转化率等关键考核指标，在这些导向下不断的去优化工具平台。

然后，我们召开了第一次的商家推广大会，准备了精美的PPT，详尽的介绍了工具平台各种先进的能力，复杂的逻辑和优秀的体验，其华丽程度首先把我们自己都感动了。

但是，现场反应平平，几乎所有商家全程都在玩手机，似乎对我们精彩的演讲丝毫不感兴趣。

会后我们找到几个资深的商家咨询了原因，其中一句关键的点播对我们产生了至关重要的影响：

“我们只想知道在你这里能不能赚钱，投入多少回报多少，流量成本吧如何，比其他平台有没有优势。其他的真的不太在意。”

这一句话真正引起了我们关于“什么是商业化？”“怎么样才叫做生意？”的思考。

面对着实打实要和你做生意的商家，一切形式化的虚无的东西都没有任何意义，只有唯一关键的话题：赚钱（当然不同的业务模式又有其他的一些核心价值例如获客等但逻辑都是可以套用的）。

回去以后我们快速调整了整个业务的导向，弱化了所有关于体验的考核指标——点击率，转化率（还要保留的原因是：这个产品还涉及到C端的用户体验），而把一切涉及到投入产出，能不能挣钱的指标——流量成本，拉新成本，费用的投入产出比，作为主要的考核导向来指导所有的工作方向。

至此为起点，这个产品开始真正的在市场上迎来了爆发，每一次宣讲会后（新的宣讲会我们只强调投入产出效果）开放的名额都被一抢而空。

以上的故事即是我对与生意人B合作的商业化思维理解：剥离掉生意场各种复杂的规则和概念，要撬动生意人B的投入，实际上也是在和他们做生意。能不能帮他们赚钱是唯一应该考虑的问题。任何经过包装的，浮夸的，虚无的内容在真实的投入产出效果下都没有任何意义。

B客户——职业经理人价值

当你合作的对象从一个想要赚钱的生意人变成了一个大公司内部的职业经理人，你将面对的价值又从单纯的赚钱变成了更复杂的职业经理人价值。

一个职业经理人心里在意的价值第一优先级，并不是帮助公司更多的盈利和获取价值（虽然这个理念并不道德但这是现状你不得不面对），而是他在和领导汇报这次合作价值的时候是否能得到认可。

所以，面对职业经理人这样的B端客户，并不能仅仅考虑实现业务目标，你还需要从他的角度考虑：能否过让这次的合作有更多的标杆价值、项目意义能够挖掘和包装出来，以帮助他形成一个漂亮的汇报文件。

所以，和B端客户做生意，需要更多讲故事的能力。除了业务目标的承诺外，你还能够在方面销售合作谈判的时候，能够完整的描述出：未来他在做汇报时候能够拿到的完美的报告是什么样子的？

以此去考虑：你在一开始要销售方案应该如何设计？业务应该增加哪些模块？合作应该提供哪些支持？就能够更好的帮助你搞定一个职业经理人的客户。

以上便是基于活动运营应该掌握的最基本的一些商业化思维业务运用介绍，除了常规的运用外，更重要的还是要强调互联网非技术工种人员应该都要具备“创造体验”和“创造价值”两种思维模式，能够真的帮助你创造出叫好又叫座的策划。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

天气类界面欣赏！

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

「设计」这一门工种，似乎是永远避免不了「改稿」这一环节的，即便是非常顶尖的设计师，不为甲方不为外部原因所妥协，也会在自我实践中寻求改变。但是，「改设计」也未必是越改越好，如果沟通不当，也会存在越改越糟的结果。所以，作为设计师，一方面我们要吸取不同的意见，另一方面也要全面提升自己的知识架构、坚守自己的原则。

接下来以「UI设计」为例，剖析我们日常工作中「改了又改」的问题。在实际工作中，UI设计师通常会面临来自老板、产品、运营、开发等各方人员的意见，也常常会因为字体的粗细、间距的大小、颜色的选择等等问题各执一词、争论不休，就像下图一样：

为什么会这样呢？其实，在UI设计中，频繁改稿主要存在三种情况：

• 第一种：在与产品经理需求对接的时候沟通不到位导致理解有偏差，产生方向性错误，这是信息传递的问题；
• 第二种：设计师经验不足、设计能力有限导致产品经理的需求得不到最佳程度的实现，这是UI设计师本身的问题；
• 第三种：UI都已经做到一半或者已经输出了，产品需求又变动了，这是产品经理或老板的需求不确定的问题。

针对以上问题，在实际项目中怎样避免陷入频繁改稿的死循环，从而提高工作效率、推动项目进展，提升自己作为设计师的成就感呢？

认清工作流，保持全方位的沟通

首先我们来了解一下UI设计的工作流，只有清楚自己岗位的流程，才能更好地拿捏设计。每个公司的类型和规模可能都不太一样，但基本一致，无非就是5个阶段：需求 – 设计 – 开发 – 测试 – 上线。如果按职位划分就是：产品经理 – 交互设计师 – UI设计师 – 前后端开发工程师 – 测试人员 – 产品上线。

所以我们UI设计师是处于流水线中游的状态，向上对接产品，向下对接开发。在这个流程中，要做到减少设计修改的频率：

向上要明确产品经理的需求，将原型需求准确恰当的视觉化；

向下要考虑开发实现以及时间成本，因为如果一个设计做的非常绚丽，但是开发实现不出来或者很难实现或者实现的时间成本很大，那么肯定需要对设计方案做出调整，采纳折中方案。

所以，不想让自己的设计改了又改，那么一定要全方位的多沟通，一定不要「闭门造车」。

确定需求，吃透交互原型

UI设计师接到产品原型后，一定要弄清这几点，再开始设计：

1. 原型是否确定，会不会存在变动？

我们在接收到产品经理递交过来的交互原型稿之后，先和对方确定收到的需求是否完整，是否是最终稿件以及是否会存在变动。一般来讲，在大型企业里面流程都比较规范，产品经理输出最终原型之后，后期变动的可能性较低。但在中小型企业，通常因为项目时间紧张，流程不够完善，反复的可能性较多。一些大型需求，产品经理有可能会分模块、一部分一小点的流转到UI设计，这样存在的问题隐患比较多，因为经验较少的产品经理全局概念较差，虽然口头上说这一部分的需求已经完善了，实际上当所有需求汇总之后极有可能需要再次调整。所以作为UI设计师，我们尽可能不要去接局部输出的原型，需要再次确认无误后，我们再着手设计，这样就避免了原型需求的变动造成设计的变动。

还有一点，在产品经理给到交互原型时，我们是被动的接受，还是在需求沟通之中也能及时参与呢？最好在产品需求的评审阶段，对应的UI设计师可以积极参与讨论，一起沟通。一来可以熟悉产品思考的整个过程，二来可以在原型的沟通中站在设计的角度及时发现问题，提出建议，避免在原型定稿后再去修改的尴尬。

2. 项目的时间周期

在接到产品的原型后，一定要及时确认项目的时间周期，通常产品经理会主动告知项目的周期，询问UI设计完成时间，我们根据需求的复杂程度给出UI输出的预计时间，再根据这个时间节点来划分每一天完成的工作量。如果产品经理给的时间周期比较短，那么尽可能的阐述原因申请设计时间。如果时间过于仓促的话，设计思考的时间就少，考虑的问题很难全面，不利于界面效果的最佳呈现，导致后续改稿的可能性也很大。

3. 理清设计意图，处理好信息层级

接到产品原型，一定要理清设计意图，处理好信息层级。

当产品经理递交给我们确定的需求原型之后，切莫盲目开始设计，UI设计并不是把原型框架进行简单的排列，我们需要理清设计意图，熟悉功能架构、掌握交互逻辑，明白产品经理想要解决什么问题，达到什么程度以及具体的设计方向。

信息层级这个问题，好像我们在实际工作中经常会提起，但是要做到恰如其分的标准还是有点难度的。准确把握界面的信息层级还需要跟产品经理多方面的沟通，因为有些时候我们以为的，并不是产品想要的，所以一定要多次确认，才能精准把握。

△ 上图左侧是lofter首页列表，右侧是我统一梳理层级关系之后的效果

改动的重点：

• 将配图采用四周留白的卡片式布局，让界面更通透，增强呼吸感，视觉焦点更为集中；
• 优化标题与标签话题的展现形式，通过文字大小及字色深浅拉开主题文字与话题标签的层级关系；
• 将热度与喜欢、评论、转发的实时数量跟随图标后面，增加用户参与的积极性。

多个设计稿比较，让每一处设计有理有据

在实际设计过程中，当碰到一个设计模块拿捏不准的时候，可以在 sketch 或者 ps 中建立多个画板，将几种不同的设计方案平铺展开，进行视觉对比分析。如果自己拿不准，可以叫组员或者其他部门的「小白」来进行选择投票或者提出改善性建议。不要小看「小白」，不要觉得他们不懂设计，提的建议对设计无用。其实不然，我们的设计最终目的是给人用的，而且要好用，所以一定要多结合小白用户的多方面意见，才能让自己的设计更经得起推敲。

上图为笔者在处理个人中心界面效果拿捏不准的时候，布局了多个效果进行对比，通过对比的呈现后，就可以清晰判断每一个界面存在的问题。

另外，UI设计中，不要停留于表面，不要用「好看或不好看」去做简单评断，在设计过程中我们的界面布局、颜色把控、字符间距、icon设置等多方面都要经得起推敲：为什么这样设计？换一种设计合不合适？

只有让每一处设计都有理论的支撑，深思熟虑后，才会让设计更切实际，才能让人信服，才能实现产品指数的增长，也更能体现设计师的价值。

以产品为核心，尊重各方立场

当设计稿出来之后，一般会组织 UI评审，UI设计师一定要将自己的设计理念表达清楚，将设计中考究的观点输送给参与评审的各方人员，这样会让你的设计更有信服力。如果在评审过程中，产品、运营或开发对设计稿提出不同的意见，我们首先不要急于否定，要确定立场：大家都是以产品为核心去思考问题，也不要人云亦云，要清楚他们为什么会提出这个意见，是不是自己的设计哪里没有展现好？即便对方的建议本身没有可取性，那么你也要站在你的视角用你的观点解释给对方听。这决定于每个设计师的自身知识架构和理论支撑，所以一定要让自己不停地吸收，才能让自己的设计更经得起推敲。

以上是我在实际工作中的一些比较浅薄的总结，如有阐述不周的地方大家可以相互探讨。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

排版就是要将版面中必要的元素进行有序组织、摆放，在空空如也的画板里把一堆杂乱无章的东西排得好看并不容易，简单的对齐排列？结果可能是既单调又呆板，如果全凭感觉加些几何大色块，又觉得太大众，且跟自己的品牌和主题没有直接的关联，怎么办？今天葱爷给大家分享一个实用的排版方法：图形排版法。

什么是图形排版法？说白了其实就是用图形来承载文字或者图片。

图形排版好处

1、更易排版：在图形里排版，可选择性更少，所以更容易。

2、更有趣：用与内容或品牌相关的图形排版，本身就是个有趣的创意。

3、更整体：把设计元素聚集于图形内排列，自然显得更整体。

4、更有助于：信息传达图形本身也可以传达出一部分信息。

常用于电商设计和海报设计中：

▲用电视机图形排列主播头像和介绍文字

▲用胶片图形排列图片和文字

▲用展示架图形排列游戏装备和文字

▲用红包和单据图形排列促销信息

▲用房屋的形式排列信息

▲用购物券的形式排列促销文字

▲用蒸笼图形排列图文

▲用广告牌的形式排列文字和图标

那么，像上面这种采用图形排版法的设计是怎么操作的呢？可以简单分为四步：

一、观察

观察版面上需要排列元素的多少与形式。举个例子，以下是一本农产品小册子其中1P的文案，册子的成品尺寸为w110x200mm。

客户只提供了这些文字，从上图可以看到，字数并不少，且都是关于企业介绍的段落文字，显然这些文字要集中排版，不过如果只是像上图那样简单的对齐，未免有点单调，最好引入图片或者图形加以丰富，由于没有合适的图片，所以我决定采用图形排版法。

二、思考

用什么样的图形才能把现有的元素组合起来呢？图形的提取和选择有三个方向：

1.根据文字的属性来选择图形，比如下图需要排版的内文是一些优惠信息，所以设计师选择用优惠券的图形来承载文字。

2.根据图片来选择图形，比如下图需要排列的元素中有很多产品，所以设计师用盒子与展示台的图形来承载它们。

3.根据设计（品牌）调性来选择图形，下图是一个春节期间的电商侧栏，所以设计师用灯笼图形来作为排版的载体。

现在，我们再回过头来看看前面说的这个画册设计例子，这里需要排版的元素并无图片，而企业简介类的文字也提取不出合适的图形，所以依据品牌调性来选择图形是最靠谱的，哪些图形可以使用呢？

由于这是一个主打天然、健康的农产品品牌，所以很容易想到太阳、山、白云、树、叶子、花等图形，在这些图形中，哪一个最合适呢？

我们可以根据以下几条标准来选择：

1.图形与品牌调性要相符；

2.图形的造型要尽量简单；

3.图形要美观；

4.要适合承载内容；

5.图形的形态要适合版面尺寸。

由此可见，叶子图形是最合适的。因为其造型最简单比较好承载文字信息，不会影响到阅读性，并且也更便于在狭长版面中运用。

三、设计与排版

即使确定了采用什么图形来排版也还有很多要注意的地方，比如同样一个元素，可以设计成很多不同的图形，它们所产生的效果也会有很大差别。一般来说，抽象的、几何化的图形会比具像化的图形更合适，因为前者更简洁、更适合排版、更有设计感，下图是树叶图形的两个不同设计方向。

显然右边简化后的效果比左图效果更合适。图形设计好后当然就要把文字排上去了，文字排版的方式有两种，一种是沿着图形的内轮廓绕排（如左图），一种是在图形轮廓内自由排版（如右图）。

使用第一种排版方式能使文字与图形结合得更自然，适合字数比较多且呈段式的文字；使用第二种排版方式的优点是不需要完全受限于轮廓，更灵活，适合字数比较少的文案，很显然，在本例中更适合采用轮廓绕排。

提示：在AI中，把文字工具移动到图形的路径处，当出现如下图标时，单击鼠标左键便可以输入文字了，而且每一行文字的起始都会沿着图形的内轮廓排列。

在菜单栏文字选项中点击区域文字选项，即可调出参数框，如下图：

四、补充与优化

当然，如过版面中只是光秃秃的一个图形加上其中的文字，还是会有些单调，所以需要再加以补充、优化，首先要在轮廓之外也放一些文字，比如页码和标题等，然后背景也可以与图形呼应，比如这里用了与叶子呼应的森林图片（背景做了高斯模糊处理）。

现在我们可以看到，版面的右上角明显有点空，而且整体上还缺少一些对比关系，于是我把叶子的图形复制出两片，分别排列在主体右上角和左下角作为点缀，到这里这个小页面的设计就完成了。

总结

图形排版法可以使版面变得更有趣、更有创意，但是用不好也容易造成呆板、生硬的感觉，所以，最好不要把所有文字都限制在图形范围内，上面的例子虽然简单，但基本上回答了运用图形排版会遇到的主要问题。最后请大家记住，版面中没有哪一个元素是独立的，要始终站在整体的角度来设计每一个局部。

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计