我们常常会发现：某个产品功能/活动上线推出后，用户一看到就参与并使用；但你负责的某个产品功能/活动上线后，用户并没有按照产品或你的预期去做出相对应的行为——功能不使用、活动不参加、广告看了没反应…

理想很丰满，现实却很骨感；你从产品体验流程到视觉表现复盘了一遍后都没有问题，但是为什么用户对你的产品/设计感知度如此之低，为什么用户不按照你预期的设计去做出对应的行为，为什么用户对你的设计不感冒…明明无论是体验流程还是视觉表现都没问题，究竟是什么原因导致这样的结果？你真的让你的用户感知到了吗？你的用户真的懂你的设计和流程了吗？换句话说，你真的懂如何教育用户吗？

无论是C端还是B端产品，都面临着不同程度教育用户的问题，这篇文章将从设计的角度出发，帮助设计师如何通过设计手段去正确地教育用户

产品教育的本质

想要了解怎么正确地教育用户，需要先了解产品教育的本质。什么是产品教育？产品设计的教育并不是单纯地告诉用户1+1=2，也不是让用户自己去完成2+2=4；产品教育的本质是说服，说服用户使用你的产品，说服用户按照你的预期来使用产品

不管是C端还是B端产品，和用户之间都存在着紧密相连密不可分的关系：

简单来说就是：用户产生了诉求，有了诉求后就衍生出相对应的产品，有了产品自然而然就产生了衡量这个产品是否是真正被需要的目标和指标，然后产品匹配相对应的用户去解决他们的问题，从而去达成产品的目标和指标来验证这个产品是成功的

在达成整个产品目标的过程中，存在不同阶段的用户群体，而这类用户群体不同阶段的心理在整个使用生命周期是不断在迭代更替的：

小如一个Banner的投放，大如一个新产品的上线，都会经历「新增>转化>裂变」这三个阶段；站在用户的视角，刚接触这个新鲜事物的时候，存在不确定性因素，从而产生担忧的心理——对新鲜事物有了一定的认知和了解后，会抱着怀疑的态度进行体验流程——而无论处于哪个阶段，核心都是为了服务产品的业务目标

看到这里感觉一脸懵逼：各个产品类型行业不同，业务目标种类又那么多，那凭什么说教育好用户就能帮助完成业务目标呢？这里又回归到本文的主题——产品教育的本质是说服，说服用户使用产品帮助你完成你的目标

通过说服用户打消顾虑和担忧，对产品就完整清晰的认知，减少不确定性因素——说服用户取消对产品的怀疑，降低行为成本，提升号召用户行为从而减少转化周期——说服用户的自私心理，降低消耗成本从而提升裂变的可能性，最终整体助力产品达成业务目标

举个栗子：

产品的业务目标是提升新功能的使用人数，而这类用户群体属于新用户的转化，具体影响使用新功能的因素很多，但是很多情况下会受到其他因素干涉，（比如基础建设、原系统诟病等）但是在做设计决策的时候，就可以以教育引导用户作为切入点：注册就送XXX大礼包、邀请新用户送XXX等等设计手段来完成业务目标

LIFT模型

这里可以引用两个方法论来制定设计策略和设计方案，其中一个就是LIFT模型；LIFT模型的原理就是基于用户的问题为基础，设计有关问题的假设解决问题，从而提高产品的效益；而影响LIFT模型的六个因素分别为：价值主张、相关性、清晰度、紧迫感、焦虑感和注意力分散——简单来说，可以把LIFT模型当作一架飞机，价值主张是这架飞机的机身，相关性和清晰度是飞机的机翼，焦虑感和注意力分散则是机翼上的推进器，紧迫感则是整架飞机的动力

通过上图可以明显地感受到如何进行相关设计：通过提升相关性和清晰度，降低用户的焦虑感和注意力分散，透传产品的价值主张和紧迫感来教育引导用户；在框架交互层面可以提升相关性、清晰度和降低注意力分散；在视觉表现层面可以传递产品价值主张、紧迫感；通常作为方法论的使用，存在单一的形式出现，也会以多种组合的形式使用，也就是我们常说的「组合拳」，我们可以在很多产品设计中看到具体设计手段使用的案例：

这类通过直接透传产品价值的场景我们很常见，往往在某个新功能/模块上新时，都会见到此类场景；比如贝壳的VR功能，当前的业务目标是提升VR功能的点击渗透，在新功能上线后自然要对用户做教育引导，样式上使用了强引导的样式来强调新功能的入口，透过透传功能的价值主张来引导教育用户；

百度网盘则是使用承接页空状态来透传功能的价值主张，数据工具类型的产品往往核心的目标是为了提效和安全性，所以在宣扬价值主张方面以提效安全为核心

而一些强教育场景，则会更加突出降低用户焦虑的形式做设计，比如Focos的功能动态教育弹窗和有道云笔记的教育手册，都是在降低用户对产品理解的焦虑感

还有一种是强制和用户绑定，引导用户完成流程体验的沉浸形式，此类设计常规的产品几乎很少使用，因为功能众多会对没有此类诉求的用户造成强干扰，从而导致用户流失；而游戏类任务和体验师一致的，所以此类设计更多在手游中看到，强制引导你完成某个任务章节，一方面是为了教育引导，另一方面为了让你尽快上瘾，从而减少用户的流失率

支付宝的券商理财页则是以「组合拳」的形式设计的，头部通过文案+图标的形式提炼出产品价值主张和展示产品的清晰度，顺势往下使用真实的场景设计，引发和用户之间的情绪上的共鸣，再往下直接透传人群，两者上结合拉通和用户人群的相关性；整体以展示产品价值主张，提升清晰度和相关性的形式设计

以上就是LIFT模型在各类产品中的应用，根据不同的场景、业务目标和用户诉求，使用单个或多种形式组合对用户进行教育和引导，其核心是从用户心理的根本上去达到产品的教育目的

基于福格行为模型

首先让我们了解下福格行为模型是什么，福格行为模型的定义是表明一个行为得以发生，行为者首先需要有进行此行为的动机和操作此行为的能力，下一步如果他们有充足的动机和能力来施行既定行为，他们就会在被诱导/触发时进行；说人话就是如果一个人有足够的能力和动机，然后引导他做某个行为的时候，他自然而然就去做那个行为

由上图可以看出：对用户来说使用越简单，动机越强，触发引导越强，那么用户触发行为的概率也就越大！动机是什么？动机简单来说是好处——对用户有利的东西，那用户怎么知道这个东西对他有利呢，所以我们要对用户进行传达和教育——告诉他这个东西对你有XXX的好处

那能力又是什么？用户需要完成12345步操作才能拿到好处和用户需要完成12步操作就可以拿到好处，当然第二种是更容易被用户所接受的，那用户怎么知道只需要完成12步操作就可以拿到好处呢，还是需要我们对用户进行传达和教育

有了动机和能力，触发器又是什么呢？就是前文提到的通过设计手段进行相对的产品引导；有了以上三个条件后，用户就会按照你的想法意愿去完成操作行为，去帮助你完成你的业务目标

为什么教育引导用户是基于福格行为模型呢？还是用同一个案例来示意，贝壳VR看房业务目标是提升模块点击渗透率，这时候利用前文提到的LIFT制定好引导策略后，所提炼出来的价值主张对用户来说就是产品给予用户的好处，而能力方面只需要用户进行单次点击的交互行为，触发器引导又实用了很强的区域高亮样式设计，很大概率上引导教育用户进行点击行为，从而符合产品设计的预期，帮助你达成提升点击渗透率的业务目标

总结

开篇说明了产品教育的本质就是说服，说服的流程就是展示好处，降低操作难度，在合适的时机触发引导，而无论是展示、引导都离不开教育用户；总结下来常用的设计方法就是基于福格行为模型的基础，用LIFT模型制定引导教育策略，让用户行为符合你的设计预期，最后助力完成业务目标，拿到数据上的结果，才能体现设计侧的价值

说一句题外话，方法论能帮助设计同学套用并且快速产出方案，但是很多不同场景不同业务下情况不同较为复杂，虽然方法论是针对普遍大多数场景，但是不要过度迷信方法论；除了减少设计师本身的思考外，还容易让设计师产生依赖，往往输出的交互/视觉方案没有思考没有灵魂，自己本身没有能力上的提升，往严重了说，自然而然核心竞争力也会下降，人人都可以替代你的位置

而我们正确使用方法论的方法呢，就是将方法论作为参考；就好比方法论是系统推荐出装方案一键天赋，系统一直推荐你堆护甲，对面4个魔法输出，你不会灵活多变出魔抗，这怎么赢嘛？

正确使用方法论首先能帮助我们自身树立正确的思考方向，至少在方案产出的时候，在大的方向是没错的；其次要根据不同场景不同人群不同情况结合业务目标进行思考，最终形成自己输出的完美方案，这样才能体现出设计的价值，才能真正意义上的设计赋能业务

作者：雨灰    来源：站酷

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

上面的场景是否很熟悉？在我们日常生活中经常能听到/看到这样的话，但除了运气好的那部分人，结局往往要么是「专柜不予验货」，要么是「吃哑巴亏被人割一波韭菜」或者要么是「十连抽！SSR！出了新通行证出了新皮肤！买！！」；于是这部分人开始不相信任何相关的东西，开始大肆传播，加上一些不法分子的违法恶意行为和新闻公安宣传，最终导致社会上绝大部分的人树立起了很严谨的防备心

众所周知无论是作为互联网还是传统行业，无论是金融还是电商亦或者是游戏社交等等，想要赚钱，构建平台和用户之间的信任是必然的。如果你无法和用户构建信任关系，那谁还指望用户使用你的产品去消费（金钱/时间）呢？

在产品设计当中，作为设计师的我们如何去和用户构建信任关系，怎样通过设计细节去逐步影响甚至改变用户，这个话题是我最近在研究的东西，通过解析市面上的产品如何通过设计去构建用户的信任关系，提炼出我们如何在产品设计当中去打造信任感

信任力

首先来了解一下作为互联网的产品中信任力是如何产生的：用户要想对产品产生信任感，必须建立一个完善俱全的产品心智。（具体的心智设计在我之前有篇文章已经详细介绍过了，这里不再过多阐述）先上结论，当一个用户从普通的态度到信任一款产品，这个过程是基于「认知」、「情绪」和「态度」建立的

这个过程在不同的场景所建立的时长也不相同，售卖场景当中是最常见的。举个例子，我们经常会在菜市场大街上看到有人吆喝卖菜刀、塑料盆各种东西，站着一圈儿人围观，然后会看到卖家为了展示自己商品的卖点，会很卖力地把塑料盆摔地上以此来吸引注意和展示卖点；这样能在极短的时间内改变消费者的情绪和认知，从而改变消费者的态度，以建立消费者对产品的信任，最终提升下单转化率。说人话就是：“我这个盆怎么摔都摔不坏，不信我吧唧摔给你看，快买它！！！”

在用户建立了与产品的心智之后，才会产生相关的信任力，从而产生相关的行为

信任行为的途径

了解原理之后，那么来看一个基本的问题：信任的行为是如何产生的？用户建立了和产品的信任心智后，怎么产生相对应的行为，主要依靠三种途径：「第一手经验」、「可靠的建议」和「基于理智的理解」

基于他人的经验

这个途径是日常生活中最常见的让人信任某人或某物的方式，比如你的好朋友或者同事告诉你：XXX地方吃饭服务超棒，味道超正宗…那么基于你对好朋友或同事的关系以及他尝试过的经验，你会大概率选择去那家店试一试。通过自己熟悉的人或事，在基于过去成功的经验下，人们会再次选择相信这类人的经验

这类情况在互联网的场景中往往以KOL带货、探店等形式存在，早些年的小红书微博探店测评，到近来越来越火的直播短视频；都是基于人们在对自己信任的KOL面前，选择信任相对应的产品或消费场景。诸如「我喜欢的明星都用这个，我跟着买肯定没错～」、「天不怕地不怕，就怕他李佳琦说Oh my God！」之类，都是由平台借助KOL和用户群体建立的信任关系，也就是我们常说的「种草」

如果没有喜欢的KOL怎么办，那就建立以自己为中心辐射的社交圈，通过自己认识的人去建立深度的信任关系，比如我们最熟悉的朋友圈种草，拼多多核心的拼小圈和淘宝的淘友圈；基于自身为圆心，利用用户的从众心理和窥探欲建立的关系链，从而帮助平台建立与用户的信任关系

基于可靠的建议

基于他人经验仅限于熟人或为了解的人所建立的关系链，诟病往往是必须依附于熟悉的过程，这个过程是有一个时间的，但是很多场景下并没有那么多时间和条件给用户去建立信任这个过程，所以出现了多种让用户通过陌生渠道快速建立信任关系的形式

1.品牌的力量  我们经常看到市场上品牌做升级更新，也能看到天价的品牌设计，因为品牌是对产品或者服务的一种保障，因为这种保障我们更倾向于使用该品牌的产品，因为良好的产品使用体验，我们更加信任该品牌，形成一个正向的循环。而互联网产品更加热衷于此，比如早些年的淘宝因为假货、刷好评曾让平台信任感一度降低，于是有了后来的天猫品牌；比如京东的自营标，得物的专业鉴定等，无一不是借助品牌的力量建立用户和平台的信任关系

2.陌生渠道详细的经验  电商产品力商详页的评价系统相信大家一定不会陌生，如果有心关注的话，会发现评价系统一直在经历着改版：从起初的「好中差评」到现在种类繁多的评价，都是在针对信任感一直在迭代优化，并且是一条长线的迭代。加深用户对产品快速地信任，电商产品分阶段性地在优化评价体系。拼多多在前置链路当中，强引导确认收货后的用户进行评论反馈（具体在点击「确认收货」后跳转至评价页面强制拉起键盘进行输入），而阿里系产品淘宝、饿了么等在前置链路当中以积分奖励的形式，鼓励用户写真实的评价；在后置链路中，强化了好评的信息，展示了「回头客」这一概念，一方面展示了产品的真实性，向用户传递二次复购的用户；另一方面，打消了用户对店铺花钱雇人刷好评的顾虑

3.专业的权威  常见于金融、政府相关的项目产品中，借助当地政府、专业权威机构的威信来和用户建立信任关系，有相关的组织机构做背书，此类产品的用户在整个流程中更容易做出决策；比如支付宝和地方政府的合作，寺库和美国GIA专业鉴定机构的合作等

基于理智的理解

对于从未看过或者听说过的某个产品，可以通过让用户了解其工作原理来建立信任，简单来说就是「脱光了给用户看」；有且重要的一点是，不能因为产品的易用性而觉得可忽略像用户解释你的产品。因为如果用户「感知」到自己不了解产品本身，那么即便是别人推荐的，依然存在部分用户不信任产品

举个简单的例子：在互联网各类产品建立的初期，没有品牌，没有背书，获取的信息让用户感觉自己的隐私被暴露，存在自己的隐私数据泄漏等问题；如果向用户展示产品的详细的信息，会让用户更加的安心。比如Uber或滴滴新生的时候，品牌尚未建立，在打车前让用户明确详细地了解用户信息、车辆信息、驾驶员信息以及安全规则后，用户才会更加安心地使用产品

如何通过设计建立产品的信任力

阐述了用户对产品建立信任的原理和途径，那么作为设计师的我们，如何在自己的产品设计当中，去和用户建立信任感并且维护信任关系，可以看看成功的产品怎么做的

展示品牌权威标示

在视觉的呈现上向用户直观地展示相关的品牌、权威机构的标示等，能在极短的时间内改善用户的认知和态度，从而建立起短暂的信任感；常见的此类设计在网页设计、运营视觉中比较常见，比如官网的合作方露出，联名活动的品牌展示等

产品设计的一致性

为什么大公司有很多规范，从栅格到弹窗到动效，在整个产品体验的过程中，让用户感知到是在一个产品中完成的流程就是产品设计的一致性，为什么要做一致性，因为要增强品牌感和产品体验的舒适度，目的就是让用户依赖于品牌产品，建立起无法分离的信任关系

构建信任的枢纽

从整个流程的开端到结束制定一系列的体验来构建信任的枢纽，用拼多多的拼小圈来举例，从最初的引导开始，向用户透出熟悉的头像信息引导用户点击触发，然后简单地向用户告知产品的详情，接着通过无处不在的用户头像和标签建立信任关系，利用用户「好的、知道了等」认知惯性去影响用户的行为，最后通过K歌影集等功能巩固信任关系，增强用户粘性，实现整个枢纽的体验闭环（不得不感叹多多在构建信任感这一块真的很厉害～）

再哔两句

在整个互联网大环境下，针对存量精细化运营战中，信任关系是有效转化的关键，也是企业和品牌传播的第一生产力。能否获取用户信任，将会成为企业商业价值大小的核心判断标准；站在用户的视角，只有信任了某个产品，才会将自己的隐私信息等向企业开放，从而产生一系列消费、转换等行为；自媒体直播短视频在拓展业务和平台的合作中，增强了用户与之间的粘性，而这一切，所有的原点都在于信任

上面的场景是否很熟悉？在我们日常生活中经常能听到/看到这样的话，但除了运气好的那部分人，结局往往要么是「专柜不予验货」，要么是「吃哑巴亏被人割一波韭菜」或者要么是「十连抽！SSR！出了新通行证出了新皮肤！买！！」；于是这部分人开始不相信任何相关的东西，开始大肆传播，加上一些不法分子的违法恶意行为和新闻公安宣传，最终导致社会上绝大部分的人树立起了很严谨的防备心

众所周知无论是作为互联网还是传统行业，无论是金融还是电商亦或者是游戏社交等等，想要赚钱，构建平台和用户之间的信任是必然的。如果你无法和用户构建信任关系，那谁还指望用户使用你的产品去消费（金钱/时间）呢？

在产品设计当中，作为设计师的我们如何去和用户构建信任关系，怎样通过设计细节去逐步影响甚至改变用户，这个话题是我最近在研究的东西，通过解析市面上的产品如何通过设计去构建用户的信任关系，提炼出我们如何在产品设计当中去打造信任感

信任力

首先来了解一下作为互联网的产品中信任力是如何产生的：用户要想对产品产生信任感，必须建立一个完善俱全的产品心智。（具体的心智设计在我之前有篇文章已经详细介绍过了，这里不再过多阐述）先上结论，当一个用户从普通的态度到信任一款产品，这个过程是基于「认知」、「情绪」和「态度」建立的

这个过程在不同的场景所建立的时长也不相同，售卖场景当中是最常见的。举个例子，我们经常会在菜市场大街上看到有人吆喝卖菜刀、塑料盆各种东西，站着一圈儿人围观，然后会看到卖家为了展示自己商品的卖点，会很卖力地把塑料盆摔地上以此来吸引注意和展示卖点；这样能在极短的时间内改变消费者的情绪和认知，从而改变消费者的态度，以建立消费者对产品的信任，最终提升下单转化率。说人话就是：“我这个盆怎么摔都摔不坏，不信我吧唧摔给你看，快买它！！！”

在用户建立了与产品的心智之后，才会产生相关的信任力，从而产生相关的行为

信任行为的途径

了解原理之后，那么来看一个基本的问题：信任的行为是如何产生的？用户建立了和产品的信任心智后，怎么产生相对应的行为，主要依靠三种途径：「第一手经验」、「可靠的建议」和「基于理智的理解」

基于他人的经验

这个途径是日常生活中最常见的让人信任某人或某物的方式，比如你的好朋友或者同事告诉你：XXX地方吃饭服务超棒，味道超正宗…那么基于你对好朋友或同事的关系以及他尝试过的经验，你会大概率选择去那家店试一试。通过自己熟悉的人或事，在基于过去成功的经验下，人们会再次选择相信这类人的经验

这类情况在互联网的场景中往往以KOL带货、探店等形式存在，早些年的小红书微博探店测评，到近来越来越火的直播短视频；都是基于人们在对自己信任的KOL面前，选择信任相对应的产品或消费场景。诸如「我喜欢的明星都用这个，我跟着买肯定没错～」、「天不怕地不怕，就怕他李佳琦说Oh my God！」之类，都是由平台借助KOL和用户群体建立的信任关系，也就是我们常说的「种草」

如果没有喜欢的KOL怎么办，那就建立以自己为中心辐射的社交圈，通过自己认识的人去建立深度的信任关系，比如我们最熟悉的朋友圈种草，拼多多核心的拼小圈和淘宝的淘友圈；基于自身为圆心，利用用户的从众心理和窥探欲建立的关系链，从而帮助平台建立与用户的信任关系

基于可靠的建议

基于他人经验仅限于熟人或为了解的人所建立的关系链，诟病往往是必须依附于熟悉的过程，这个过程是有一个时间的，但是很多场景下并没有那么多时间和条件给用户去建立信任这个过程，所以出现了多种让用户通过陌生渠道快速建立信任关系的形式

1.品牌的力量  我们经常看到市场上品牌做升级更新，也能看到天价的品牌设计，因为品牌是对产品或者服务的一种保障，因为这种保障我们更倾向于使用该品牌的产品，因为良好的产品使用体验，我们更加信任该品牌，形成一个正向的循环。而互联网产品更加热衷于此，比如早些年的淘宝因为假货、刷好评曾让平台信任感一度降低，于是有了后来的天猫品牌；比如京东的自营标，得物的专业鉴定等，无一不是借助品牌的力量建立用户和平台的信任关系

2.陌生渠道详细的经验  电商产品力商详页的评价系统相信大家一定不会陌生，如果有心关注的话，会发现评价系统一直在经历着改版：从起初的「好中差评」到现在种类繁多的评价，都是在针对信任感一直在迭代优化，并且是一条长线的迭代。加深用户对产品快速地信任，电商产品分阶段性地在优化评价体系。拼多多在前置链路当中，强引导确认收货后的用户进行评论反馈（具体在点击「确认收货」后跳转至评价页面强制拉起键盘进行输入），而阿里系产品淘宝、饿了么等在前置链路当中以积分奖励的形式，鼓励用户写真实的评价；在后置链路中，强化了好评的信息，展示了「回头客」这一概念，一方面展示了产品的真实性，向用户传递二次复购的用户；另一方面，打消了用户对店铺花钱雇人刷好评的顾虑

3.专业的权威  常见于金融、政府相关的项目产品中，借助当地政府、专业权威机构的威信来和用户建立信任关系，有相关的组织机构做背书，此类产品的用户在整个流程中更容易做出决策；比如支付宝和地方政府的合作，寺库和美国GIA专业鉴定机构的合作等

基于理智的理解

对于从未看过或者听说过的某个产品，可以通过让用户了解其工作原理来建立信任，简单来说就是「脱光了给用户看」；有且重要的一点是，不能因为产品的易用性而觉得可忽略像用户解释你的产品。因为如果用户「感知」到自己不了解产品本身，那么即便是别人推荐的，依然存在部分用户不信任产品

举个简单的例子：在互联网各类产品建立的初期，没有品牌，没有背书，获取的信息让用户感觉自己的隐私被暴露，存在自己的隐私数据泄漏等问题；如果向用户展示产品的详细的信息，会让用户更加的安心。比如Uber或滴滴新生的时候，品牌尚未建立，在打车前让用户明确详细地了解用户信息、车辆信息、驾驶员信息以及安全规则后，用户才会更加安心地使用产品

如何通过设计建立产品的信任力

阐述了用户对产品建立信任的原理和途径，那么作为设计师的我们，如何在自己的产品设计当中，去和用户建立信任感并且维护信任关系，可以看看成功的产品怎么做的

展示品牌权威标示

在视觉的呈现上向用户直观地展示相关的品牌、权威机构的标示等，能在极短的时间内改善用户的认知和态度，从而建立起短暂的信任感；常见的此类设计在网页设计、运营视觉中比较常见，比如官网的合作方露出，联名活动的品牌展示等

产品设计的一致性

为什么大公司有很多规范，从栅格到弹窗到动效，在整个产品体验的过程中，让用户感知到是在一个产品中完成的流程就是产品设计的一致性，为什么要做一致性，因为要增强品牌感和产品体验的舒适度，目的就是让用户依赖于品牌产品，建立起无法分离的信任关系

构建信任的枢纽

从整个流程的开端到结束制定一系列的体验来构建信任的枢纽，用拼多多的拼小圈来举例，从最初的引导开始，向用户透出熟悉的头像信息引导用户点击触发，然后简单地向用户告知产品的详情，接着通过无处不在的用户头像和标签建立信任关系，利用用户「好的、知道了等」认知惯性去影响用户的行为，最后通过K歌影集等功能巩固信任关系，增强用户粘性，实现整个枢纽的体验闭环（不得不感叹多多在构建信任感这一块真的很厉害～）

再哔两句

在整个互联网大环境下，针对存量精细化运营战中，信任关系是有效转化的关键，也是企业和品牌传播的第一生产力。能否获取用户信任，将会成为企业商业价值大小的核心判断标准；站在用户的视角，只有信任了某个产品，才会将自己的隐私信息等向企业开放，从而产生一系列消费、转换等行为；自媒体直播短视频在拓展业务和平台的合作中，增强了用户与之间的粘性，而这一切，所有的原点都在于信任

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

大家对原型工具应该不陌生，无论是设计师还是产品经理，或多或少都接触过原型图的工具，比如较为大众熟知的Axure，国内运用较为广泛的墨刀和摹客，以及一些较为小众的产品。不难发现，大多数工具类产品的运作模式几乎都如出一辙：先免费使用一段时间，养成了用户认知和习惯后，逐步开始投放广告或者收取费用变向商业化——原型工具产品自然也脱离不了这种运作模式。所以在这个内卷时代下，各大原型工具相继脱颖而出，前段时间体验了一下摹客RP，这次就结合摹客RP这款原型工具产品来聊聊：内卷时代下工具到底应该怎么做

精一技or擅百技？

要说怎么做一款产品，首先先确立这款产品的定位和方向，如果定位和方向上不对，自然后续铺垫的功能还是需求都是在错误的事情上继续做错误的事情，相信这是每一个产品人都不愿看到的。但往往理想很丰满，现实却很骨感：结合自己的从业经历，很多时候产品定位和方向是很难先做到清晰，然后才开始铺设功能的；一般情况都是跟从竞品功能，快速拿到结果，才开始结合自身业务特效慢慢摸索产品定位和方向的

众所周知，作为B端属性的工具类产品，最为重要的无非就两点：降本和增效，这两点向来是B端尤其是偏工具类产品的核心目标；那么如何降本和增效呢？有人说降低操作成本啊，降低认知成本啊，降低学习成本啊，那到底降的是什么本？增效又是增的什么效？

从上图可以看出，无论是降人力成本、认知成本等等，还是增加学习效率、体验效率等等，所有对象都指向了用户群体。有人就会问了：你这不是废话嘛，工具不就是给用户用的嘛？诶～还真不一样！用户群虽然特指一个群体，但是隶属不同目标下，自然而然也有类别区分

为什么这样说，因为不同的用户群有不同的功能诉求；用户A通过产品想达成目标A，用户B通过产品想达成目标B，那么用户A和用户B从根本的目标不相同，那么他俩的体验路径和信息传达也是需要有不同
的区分的，简单来说就是用户达成的目标不同，想看到的页面和功能也不相同

把工具产品比喻成一个小中台来说，所有用户都是中台的需求方，不同需求方的目的不同，但是作为小中台来说都是需要同时满足的。以摹客RP来举例，作为一款协作产品，用户群可大致分为产品经理、UE设计师、研发等，而针对不同的用户群目标来看，产品经理的核心目标是快速通过原型具像化产品功能，而UE设计师则是通过产品经理的思想以图形化的形式表达出来，而身为研发的核心目标是快速了解业务逻辑，以便构思开发结构

擅百技？

综上所述来看，无非就是针对不同的用户群体的需求都满足嘛，我都把功能给你做上去不就好啦？表面上的确满足了所有用户群的需求，可事实上无形将各类的成本分摊给了各个用户，怎么理解呢？大家可以脑补想象自己作为一名维修工，此时你急需把一颗梅花口的螺丝给取出来，这时候你来到工具间，你最希望看到下图中哪个场景？

毋庸置疑大家肯定都会选择右边那个工具间，因为功能排列整齐有序，不管你维修工是水电维修还是建筑维修还是网络维修，都能在这个工具间找你能帮你完成你的目标。这便是所谓的擅百技——基于用户群的需求全部将功能一一实现

还是以摹客RP举例，当不同用户群进入平台，功能排列整齐有序，都有足够的区域和节点帮助用户群实现各自的目标，产品经理能通过组件库、模板等快速输出原型图，UE设计师则能通过多样的图形、动效等实现高保真交互稿，团队方面则有快捷拉起会议、在线留言等功能；所谓是将目前市面上几乎所有原型工具功能，结合自身的发展沉淀做出的平台
可是，擅百技就足够了么？换句话说，当你在找梅花口的的起子时，你会希望看到平口起子在眼前对你进行干扰吗？

精一技？

既然你说擅百技不好，那么接下来你是不是以为我会走极端，那就只针对产品经理做一款原型工具精一技不就好了？大漏特漏！虽说术业有专攻，互联网时代咱们包容性广，咱不走极端，在每个用户群的功能需求上更聚焦精细化不就行了，精一技不够，咱们就精百技，每一个功能打磨透透的，卷到极致这样够不够了？
这样做OK，内卷时代下大家都是这样做的，但是会带来一个新的问题：
在多维全局视角下，体验成本实际上均是嫁接分摊于各个角色的
怎么理解这个问题呢？可以看到下面一张图示意：

从二维视角下来看，各个角色以目标核心出发各司其职，通过工具平台功能都能很好实现目标；但是我们不妨拔高一层视角来看看：

以多维全局视角来看，虽然各个角色各司其职完成了自己的目标，但是基于产品使用层完全是由平台承载的，导致了各个角色的使用成本嫁接分摊给了其他角色，简答来说就是：
角色A完成对应目标时，存在角色B和角色C的信息干扰，那么角色A无形中分摊了角色B和C的成本
举个例子：产品经理打开原型工具后，想直接拖动下拉框组件搭建一个产品原型，这时候选中下拉框组件想进行文案编辑，此时弹出了下拉框组件对应的编辑面板：字号、字色、字体、行高、字间距等等，然后其中部分功能则属于设计同学关注的，例如字体、字色、字间距等，但是此类成本则分摊给了产品经理，产品经理在整个搭建原型的过程中，增设了过滤这些信息的成本

那有人就会说了，这很简单啊，可以直接做成个性化定制工具平台啊，根据每个角色身份不同进来设计师进来就只看到和设计相关的功能，产品经理进来就只看到和产品相关的功能不就好了？而且我把每一个角色对应的功能做到专精，是不是就精一技且解决问题了？

我要打十个！

看到这个标题大家可能会想到我们的咏春叶问老师，无论对手学的什么招数、有多少个人，叶师傅都能一人单挑全部，然后撂下一句霸气的：“我要打十个！”
收一收，继续回来我们的主题上来，是否将工具平台做成个性化定制平台并且其中功能都打磨细致，就能解决工具降本增效的问题了？其实不然，问题不能想得太复发，当然也不能想得很简单，都知道用户需求是分阶段而不同的，可能产品经理A不需要设置字号大小颜色，但是产品经理B为了今年绩效决定卷一卷同事，立志要出“高保真原型”，开始设置起了字号大小颜色，此时平台功能又被局限住了
那么究竟应该怎么做呢？不妨把眼界跳出同类竞品Axure、墨刀等，结合不同多角色并行的工具搭建类产品做竞品调研，得出两个不同的产品方向思路：

思路1是像叶师傅咏春拳一样，见招拆招：平台以通过不同身份拆分成不同时间段进行角色管理
大致以上中下游角色进行功能分发，例如产品初期，上游的产品视角进入平台，基础的团队管理、项目管理、关联PRD等，然后进行聚焦产品原型搭建；之后流到中游由设计师进行二次加工，包括高保真原型稿、交互动效、串联页面跳转等；最后流到下游研发团队视角，研发通过已经二次加工过的高保真设计稿进行框架搭建、前后端接口串联等开发评估
站在平台的视角来看，综上所述产品方向可拆解为：
时间维度：核心解决降本问题，包含时间成本、沟通成本，更加以维度追溯问题（产品问题追溯上游、设计问题追溯中游等等）
角色维度：核心解决增效问题，减少信息干扰、提升操作效率、沟通效率和协作效率

思路2则是基于前面个性化定制工具平台的思路上进行优化改造的，通过不同角色视角进入不同的工具平台，通过数据打通串联实现多角色同平台操作，减少时间维度上的强依赖关系
例如产品进入平台，依旧是创建项目、管理团队等，然后开始进行产品形态输入和原型搭建，之后UE同学便能在同平台看到协作项目进行产出或者进行二次优化，最终通过管理员权限人员进行收口；其次针对平台来说，不断更新同步的数据，能间接丰富平台的多元化

无论是思路1还是思路2，不难发现：将原型工具的核心目标降本和增效，往上抽象出一层就是围绕两个维度在解决问题：一个是具备时效性的时间维度，一个是具备多元性的角色维度。从上图可以感知到：不同时间节点，不同角色介入的时间随着时间维度的增加而变化
因为整个项目周期，不同职能的角色一定会有先后顺序，那么有了这一层抽象以后，无论你的需求刻画多么具体，无论你的case多么边界，只要紧贴围绕这两个维度进行优化，都是从本质上解决工具平台的降本和增效问题

作者：雨灰    来源：站酷

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

最近很流行一个词——B端C化，解释出来就是可以用C端的模式和思维来对B端产品进行设计，讨论者大致分为两种观点：

1.C端产品市场已经趋于饱和，可拓展空间剩余不多了，B端产品市场还是一片蓝海，于是产生了一些C端设计师转型去做B端了，将一些C端的模式和思维带到了B端设计中，导致越来越多的B端逐渐C化；

2.B端产品市场互相竞争，为了在同市场中打出差异化，于是一些B端市场开始招揽C端设计师培养转型，并且尝试融入C端产品的模式和思维在同市场内竞争，是产品设计的“内卷化”现象，导致市面上的C化的B端产品越来越多；

但上述无论哪一种观点，都在阐述一种现象或者趋势：不管是交互还是视觉还是UI，目前部分C端设计师正在往B端设计师转型。这个现象的发生对整个设计行业来说无异于新增了很多新亮点——市场上越来越多的B端交互、数据可视化视觉等需求，进而导致对市场培训行业开始产生B端培训的诉求，同时也破空而出了很多优秀的B端设计师。那么B端C化到底是什么，和传统B端C端有什么区别，有这方面想法诉求的同学怎么去实现转型？

由于我本人之前是做C端UI设计师，到后来转型成为B端交互设计师，而接触的业务恰好涉及B端和C端的联动以及多角色之间的协作，所以这篇文章借助结合我个人的经验和看法，谈一谈自己对B端C化的理解

B端C端的区别

在谈B端C化之前，需要先了解B端和C端的区别是什么。B端C端的区别网上有很多文章和概述了，大致归纳下来主要以四个维度去区分：受众主体、上线周期、业务类型和产品侧重点这四个维度，其余的维度也会有区分，但是影响较小，主要还是围绕以上四个维度进行B端和C端区分

受众主体

受众主体也就是相对应产品的用户群体。C端的受众主体是大众用户，特征为多样化，用户与用户之间跨度也大，但是场景和路径较为单一的，比如C端产品就以年龄层、城市、性别等来划分用户，每个阶段的用户都有不同的诉求、认知和习惯等等；在做任何决策方面都属于偏感性（Heart）的个人决策（Personal）；用户稳定性则比较差，要是对产品不满意，可以立马换另一款产品，转换门槛低，有多个竞争对手产品可供选择；

而B端产品的受众主体则是为组织群体，特征为多场景和多维度，用户群体较为清晰明确，可以按照岗位、角色、权限等划分用户群，但是之间的关系更加复杂，比如设计一个银行内部管理系统，用户群就很明确清晰——银行各级职员角色，根据职级关系设计不同的功能以及权限；在做任何决策方面都属于偏理性（Head）的团队性决策（Team）；用户稳定性较强，要是对产品不满意，也只能被迫适应和忍受，转换成本较高，几乎没有其他产品可供选择

上线周期

上线周期就是指产品从需求阶段到设计阶段。到开发阶段直至最后产品上线所需要的周期。C端产品上线周期模式有个很明确的特点：快速迭代、敏捷，很多C端产品功能更新迭代的速度很快，上线周期非常短，往往半个月甚至一周就完成开发上线，加上用户群的多样性和跨度大，所以在上线的时候往往会需要AB实验去验证方案可行性；

B端产品上线周期则是和C端一个对立面——长，少则双月/季度多则半年/一年等，因为B端产品流程上都属于重型流程，角色之间关系复杂，交互系统较为繁琐，需求的改动和迭代并没有那么频繁，也不需要像C端产品那样快速上线抢占市场，所以B端上线周期会很慢，也导致在工作强度上相比C端较为轻松一些，但是缺点就是结果没有C端来的那么快和明显

业务类型

C端产品的核心竞争力就是产品本身，关键总结就是让用户爽就完事了，所以C端产品的需求类型往往围绕用户群的痛点产生；因为C端用户跨度大，不同的用户群体有不同的痛点，所以导致C端的需求类型不是很明确清晰，需要不断从用户身上去探索挖掘需求，在不断的试错中逐渐得出正确的结论；

B端产品的核心竞争力除了产品本身，还依赖复杂的关系、渠道、技术和资源，你的关系够硬、渠道够广、技术够领先、资源够丰富，哪怕你的产品很一般，一样能领先其他同行业的竞争对手，关键总结下来就是让用户赢就够了；B端产品的需求类型虽然也是围绕着用户群的痛点产生，但需求的目标是更加明确清晰的，加上需求变更的频率、范围往往都有契约/合同所约束，所以相较于C端产品来说，B端产品是需求更加明确且容易达成目标

产品侧重点

产品侧重点无异于区分C端和B端最明显的门槛了，C端产品的侧重点主要在于体验，而B端产品的侧重点主要在于效益

前面提到过C端产品核心让用户爽就完事了，加上基于用户更换产品的成本很低：你这款产品我用不爽就换掉了，所以C端产品的侧重点永远以用户体验为主，前面说的需求业务类型也几乎是围绕用户体验产生的；大家对比市场上同类型的C端产品，界面、交互、功能都不会差很多，是因为经过长时间的更新迭代，已经沉淀下来目前最好的用户体验类型了，随着产品量级越大，改变用户体验类型就越谨慎；C端产品就是为了寻找并解决用户痛点、痒点和爽点，加上品牌性、用户隐私等因素考量，产品侧重点聚焦于用户体验

B端产品侧重点则是围绕效益了，因为作为一个团队使用的产品，不管是从易用性、功能性还是安全性，为这个团队解决问题为首要基础，那么使用者的体验、产品的美观度等等相较于优先级就没有那么高了，所以导致了有一段时间大家对B端的理解依旧是老旧、丑、难用的认知上；B端产品就是为了使用产品的团队解决效率、成本、营收的问题，加上产品的稳定性、安全性等因素的考量，产品侧重点自然更聚焦在效益上

什么是B端C化

前面了解了B端和C端产品的区别，接下来聊一聊什么是B端C化；简单来说从字面意思理解就是B端的设计层面逐渐靠近C端，网上也有很多B端可视化、趋势潮流的设计和文章，但是B端C化不仅仅是从视觉设计上的改良，下面我逐渐从大到小聊一下我对B端C化的理解

功能架构

在做过很多B端产品之后发现，往往很多产品经理是对整个产品架构、功能形态一切都清晰地了如指掌，但是有时候在搭建产品架构的时候，功能形态单一粗糙，步骤复杂且笨拙；站在业务产品的视角来看，架构逻辑上都是没有问题的，但是站在用户视角来看，整体框架是混乱破碎的，步骤繁琐且复杂，导致用户对产品的认知变差，但是又不得不去用这个产品，只能被迫去学习使用

比如一个产品案例，就是一个产品的底层逻辑是前端输入素材id，后端返还一个素材后就可以使用了，站在产品业务视角来看，这样设计没有什么问题，符合产品的底层逻辑；但是站在用户视角就特别难受了，用户想用一个素材，还要去寻找id然后输入搜索，像C端那样全部铺出来给用户选不好嘛？

行为习惯

行为习惯自然是指用户群在该行业下的行为习惯，电商行业、社交行业等等不同行业的习惯、专业术语等都不相同，这个在C端产品中都很能得到体验，比如电商行业的大红大紫，社交行业的左右滑动等等，这类有着很明显的行业属性和大众认知，一样是B端设计中应该注意的点

最经典的案例就是红色绿色的定义区分，在数据产品认知中，绿色代表数据涨了，红色代表数据跌了，比如GMV数据，DAU数据等，红色为重点关注的数据；而在金融行业中，基金股票红色代表涨了，绿色则代表跌了，所以设计的原则一定得是基于不同行业的用户行为习惯

信息层级

B端产品的信息量一般是很庞大的，尤其是数据、表单、审批等B端产品，涉及到不同角色不同权限的开放等，所以用户能否能一眼看清关键信息，能否帮助用户快速达成目标，是交互层面针对信息层级的设计处理一个重要的环节

之前很常见B端产品中信息处理的方法就是堆积处理，直接将信息、数据等平铺展示，比如很久之前的某牛商家端后台等老旧系统；现在很多新的B端产品都是以模块化处理方法将信息层级区分，使得模块之间间隔更明显，信息处理的效率更高，宛若C端中的卡片式设计

设计语言

设计语言自然是B端设计中标题、字号、颜色等规范标准，早些年把B端产品组件化后且开源的自然是阿里老大哥了，当时最早的AntDesign、以及后来的ElementDesign组件库，到现在都被很多中小企业甚至大厂某些产品一直使用中，但随着B端产品的普及和发展，越来越多的企业开始将自己产品沉淀出完善成套的设计语言，并搭建出自己的组件库投入使用了

用户体验

如何去衡量用户体验是否是好的，最客观来讲当然是通过数据去衡量，而数据往往在C端产品中很常见，不管是体验数据还是表现数据，都是C端产品中最为关注的；然而在B端产品中，更多收集的一般都是业务表现数据，几乎没有衡量用户使用平台的相关数据，大多衡量体验的方法都是依靠问卷反馈的形式；但在B端C化的过程中，用户体验的数据也逐渐被加入到B端产品当中来，成为体验标准的考核之一：比如某个任务完成的时长，报错出现的频次、某某工具的使用率等

视觉设计

最后就是B端C化表现层的设计，包括目前主流的设计趋势如大数据可视化、3D建模、材质质感、Dark模式等都逐渐融入到B端产品中，使得B端产品不再追求简单的“功能优先”和“能用就行”，而是像C端那样追求更美观的视觉，更极致的体验

为什么要B端C化

总结下来“B端C化”就是B端产品无论是从功能架构还是视觉体验，越来越趋于人性考虑设计，越来越关注使用者的感受和反馈，因为说白了不管B端产品代替成本高不高，用户是一群专业人士还是普通职员，使用者归根到底还是“人”在使用产品，那么必然会带来体验相关的问题；所以B端C化会逐渐形成一种趋势，在企业平台资源支持的情况下，会将B端产品的功能放大，追赶市场竞争，逐利行业内卷，在体验和视觉感官上也会更加的人性化，结果自然是产品设计者们更加的卷了（手动狗头）

总结

无论是现在的B端C化还是将来其他多元的设计趋势，随着市场的竞争和行业内卷，已经反推着设计师们不单单局限于照顾自己的“三分田地”了，无论是之前视觉设计师开始学习3D建模，还是UI设计师尝试接触代码设计，设计师最大的品质就是应该紧跟时代的趋势变化，及时调整补充自己的能力，提升自我的竞争力，才是在当今环境下立足的根本

作者：雨灰       来源：站酷 

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

1、卡片的造型

1）圆角

不同的圆角，所带来的气质是不同的。圆角很小，视觉印象是硬朗，高冷，具有攻击性的，多用于严肃、高端、冲突感强烈的设计中；而更大的圆角给人的感觉是有亲和力，柔软，安全的，多用于儿童产品、娱乐性强的设计中。

在设计的时候，根据自己的产品属性选择气质相符的圆角设计很有必要。

常见的卡片弧度形式有4类：直接、小圆角、大圆角、特殊圆角

我一般喜欢用4的倍数来设置圆角，比如圆角大小为4px、8px、12px之类的。要注意的是，圆角越大，可用面积会越小，需要根据实际场景进行平衡，以视觉上舒服为宜。

2）比例

卡片的比例，我习惯遵循一些美感规律，比如黄金比例（1.618），白银比例（1.414），青铜比例（1.732），正方形之类的比例。当然，实际设计需求中的比例，还是要结合内容的多少具体分析。

我的经验是，当比较接近这些美感比例其中之一时，就直接优化到这个比例。比如做了一个卡片，宽高比是1.5，比较接近于黄金比例，我就干脆让它等于黄金比例。

3）异型

除了正常的卡片样式，还可以做一些异型的卡片设计。异型卡片具有较强的形式感和视觉冲击力，所以会比较多的用在游戏或者运营相关的界面中，吸引用户的注意力。缺点是批量化设计成本略高且因为过于风格化而不够耐看。

2、卡片的效果

1）颜色

卡片的颜色搭配可以使用纯色和渐变色。这些颜色与文字之间的对比要符合界面对比度标准（ https://contrast-grid.eightshapes.com/，这个网站可以直接查到可用性数值，只要不是DNP就是可以用的配色），以免影响内容本身的阅读。如果拿不准的话，可以多用一些白色，比较不容易出错。

纯色卡片设计会让界面显得冷静高级，但对配色的要求相对较高，用不好的话会显得单调，沉闷。如果你坚持要用这种卡片配色的话，建议搭配一些图形纹理，会更容易把控，还能提升画面细节。

纯色卡片设计

渐变色的卡片设计目前较为常见，层次细节更加丰富，画面也显得更活泼一些。

渐变色卡片设计https://dribbble.com/shots/12284120-Wallet-Design-App

有些朋友经常因为配色不好而发愁，其实是需要多去找一些参考来看的，实在担心配色不好，直接去吸优秀的配色方案也是OK的，但要注意搭配合理。

教大家一个方法，去dribbble上搜color或直接打开https://dribbble.com/search/color这个链接，就可以看到非常多的优秀配色方案了。

2）图案

卡片的设计还可以结合辅助图形，以图案的形式与卡片进行结合。这些辅助图形可以来源于品牌符号的延伸，让品牌有更多的露出机会。

也可以是运用一些简单的图形，提升卡片的设计细节，以下是一些还不错的设计案例。这些卡片上的图形都有借鉴参考的价值，自己平时有时间的话，也可以多做一些作为图形的储备。强烈建议收藏，真的可以很有用。

来源：https://dribbble.com/shots/10513966-Gradient-Bank-cards

来源：https://dribbble.com/shots/10498737-Dark-Bank-Application-Design

来源：https://dribbble.com/shots/11313260-Finance-App-Exploration

来源：https://www.behance.net/gallery/84029601/100-Financial-Virtual-Design-Cards-PSD-XD

这里彩云给大家找了非常多的卡片设计形式，可以从中参考学习配色和纹理造型。

3）图片、视频

卡片背景也可以用图片和视频的形式进行设计，图片和视频的选择一般会偏暗色，以不影响内容阅读为准。

来源：https://dribbble.com/shots/5717917-Travel-Article-Application

3、卡片的内容

1）文字

卡片上的文字不要太长，我的经验是横向不要超过42字（关于这个字数，有资料可以查，感兴趣的可以找找看），纵向不要超过5行。过多的文本不建议使用卡片形式。

其实这张卡片的设计中，我也用到了黄金比例来指导自己的设计，方便快速确定文字比例关系。

2）间距（网格法）

卡片上的文字间距最好有一定的规律，这里可以按网格法来规划，比如8px网格，10px网格等等。网格的使用其实可以很灵活，比如我这里的卡片其实就用到了8px网格，各间距就会用8的倍数来做。大小比例就尽量用黄金比例来处理，这样做目的一方面是为了让界面有秩序，另一方面是提升决策效率。秩序产生美，而效率让你早点下班。

3）减少线框

卡片中尽量减少线框，多用留白来进行内容划分。

4）层次清晰

卡片中的内容层级要做好，标题和内容之间的差异要明显。这里的层次主要是通过对比拉开的，做好对比的关键就是对比效果要强烈，决不能模棱两可。

比如下图中左边的案例只是在文字的字号上有一定的对比，但字号间相差不大，效果不明显，就会让人看第一时间不知道看哪。而右侧的案例则用了加粗，大字号，大留白等，让画面有了强烈的对比，从而产生更好的信息层级。

5) 内容出界

只在卡片的框框里做设计，有时候未免显得太呆板，破开卡片的边界可以让卡片本身更具形式感。如果被人说你的设计没啥亮点，那内容出界的设计就是一个很好的提升设计亮点的手法。

彩云曾经做的一张banner就是运用了出界的手法

来源：dribbble。界面上的天气图标也用了出界的手法，让画面显得更有亮点

4、卡片的细节

1）光感

卡片中的光感细节能提升设计的质感。下面这张图是我最近做的一张会员卡的背景设计，大家对比下，在卡片顶部加了1px高光线和斜面反光的细节前后的质感区别。

这个小细节，我经常会用到，执行简单又容易出效果。

2）投影

投影的细节，不要过重，但又要能与背景分离开。有2个小技巧：

1.在取色的时候，可以选择背景颜色的色相，然后略微加深一些，不要用纯黑色来做投影，会显脏。

2.投影的距离不要太小，太小的投影会显得不够自然；也不能太大，太大会很浪费界面资源。

3）3D效果

3D卡片的设计，因为不便于内容编排和阅读，所以带透视的卡片在实际UI中并不太常用。但在作品集包装和运营页面中，则可以带来比较好的视觉冲击力，可以尝试运用。

图片来自：Cradle

作者：彩云Sky    来源：站酷

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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