设计原则是设计师为规范和塑造他们的作品而制定的规则。这些原则强调焦点设计元素，遵循它们有助于帮助设计师与广泛受众产生共鸣。
尽管设计原则听起来可能限制了自由，但它们的创建是为了支持设计师的工作，而不是设置障碍。您可以将它们视为建立一般顺序但不干扰作者创造力的拼写规则。因此，设计工作依赖于设计原则，一旦使用得当，就会开始吸引观众的注意力和兴趣。理解这些原则意味着理解并控制整个项目、创建它的过程以及每个涉及的设计元素。
不同的团队和工作室区分不同数量的设计原则。然而，七项原则被认为是基本原则。它们是平衡、层次、统一、对比、强调、比例和重复/节奏。
1. 平衡
平衡可能是最明显和最容易理解的原则。这也是让视觉内容感觉舒适的一个重要功能。这个想法是设计的每个元素——比如字体、颜色、图形、背景、形状、图案、按钮、文本等——都有它们的视觉重量。较重的元素会迅速吸引观众的注意力，而较轻的元素则不会，主要用于完成整个场景的整体性与和谐性。
有两种类型的平衡，对称和不对称。对称平衡是通过沿中心轴对齐的等重元素实现的。不对称平衡与镜像相反。它使用不同权重的元素并且更常见。这样的构图围绕一个或几个突出的部分排列，因此创作者寻求轻元素和重元素之间的平衡以获得视觉图像。
2. 层次结构
层次结构是网页和应用程序设计中最重要的设计原则之一。它用于对设计元素进行优先级排序，并根据其重要性设置重点。这里有一个简单的规则：如果一切都标记为重要，那么一切都不重要。
层次结构引导用户跨界面从焦点对象到二流对象，并有助于按逻辑顺序了解事物。如果忽略了这一设计原则，构图就会显得杂乱无章，而且很难找到必要的信息。
设计中有两种主要类型的层次结构：视觉和排版。可以通过场景内对象的比例和颜色强调获得视觉层次。排版层次结构是通过不同的字体、大小和字体粗细来实现的。
3. 统一
你可能遇到过这样的网站、印刷品，甚至是室内设计概念：大量的元素很难融合在一起，所以整体形象看起来一团糟。为了解决这种图形的混杂，使用统一的原则，应该创造视觉和心理的和谐。
统一意味着与品牌理念和信息的联系，因此每个制作的设计，无论是网站页面、T恤印刷品还是广告，都应该成为其中的一部分。它与设计系统密切相关，是大多数平面设计公司和项目应该考虑的原则。
4. 对比
虽然统一和平衡创造了易于交互的视觉上可接受的设计，但多样性增加了吸引注意力的细节。如果没有多样性，即使是最平衡、最精心组织的概念也会缺乏对比，变得单调乏味。
这个设计原则为项目添加不同的视觉元素、图案、符号或排版。事实上，这是设计师可以尽情发挥创造力并顺应潮流的地方。
5. 强调
强调是通过在构图中设置焦点元素来创建画面的设计原则。这意味着它们会吸引观众的眼球，但不会超过其他元素，否则平衡就会倾斜。这就像一个好的海报设计：你立刻就能看到正在演奏的乐队，并且找到细节：音乐会的日期和地点、门票价格等。
强调可以通过比例、重量、位置、颜色、形状和样式来实现。创建一个大胆的、色彩鲜艳的元素是不够的，因为一切都应该在一个设计中连贯地显示。
6. 比例
比例是指元素相互之间的大小，是最全面的设计原则。调整比例并根据物体的大小和视觉重量对物体进行分组有助于突出重点并保持构图的统一。
设计组合中比例的主要思想是，越重要的元素越大，不重要的元素越小。就像着陆页、文章或海报一样，对象之间的比例关系与其对读者的重要性相关。
7. 重复/节奏
这两个设计原则相辅相成，相互补充。重复是指在设计中实现相同或相似的元素：如图像、按钮、颜色、字体或形状。它用于创建统一性和一致性。通过使用相同的图标、背景或风格化元素，可以轻松实现重复。如果使用得当，它可以控制浏览者在页面上的移动，因为重复元素可以成为吸引和引导注意力的绝佳方式。
元素重复的方式创造了一种节奏感。当设计中有节奏感时，观者将其视为旋律。有五种类型的视觉节奏：随机、规则、交替、流动和渐进。
随机— 没有特定规则间隔的重复元素。
定期— 重复进行相同的间隔。它通常是通过创建一个网格或一系列垂直线来获得的。
交替— 允许在设计中重复多个元素。
流动— 模仿自然流动并显示遵循各种弯曲和曲线的重复元素。
渐进式— 通过在重复时改变元素的一个特征而获得。
最后
定义要使用的设计原则并不总是有意义的，因为它们可能会在创作过程中参与和拒绝，而设计师的主要目标仍然是传达重要信息，创造和谐构图，设计可用的界面。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
正好，最近有些设计师私下问我关于竞品分析的事情，因此写一篇文章，把我的想法与大家分享，下面开始。
比如以音乐软件的搜索入口为例，站在用户视角看，这个产品核心功能是怎么布局的？体验亮点怎么设计吸引用户的？视觉质感呈现如何打造？主流表现技法？需要将每个竞品的做法优劣截图对比，并将优缺点写出来。
文章来源：公众号 作者：功夫UX
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编辑导语：在日常生活中，我们在电商软件下单时，可能没有什么特别的感觉。但遇到特殊促销节日，涉及到电商下单环节的库存扣减逻辑时，又会有些差异。作者针对该细分模块，从下单环节和库存变化出发，和你一同探讨用户在电商平台下单后的库存占用逻辑。
平常你在不同电商软件下单的时候，似乎没什么感觉，但是具体到电商的下单环节的库存扣减逻辑，却又各有差异。年底节日扎堆，今天就从细分的下单环节与库存变化的模块，跟各位读者一起详细聊一聊用户在平台下单后的库存占用逻辑。
一、模式1：下单扣库存
通常在电商平台订单页面会显示商品当前可销售数量。常用的做法是当消费者订单拍下，系统会占用前端销售层的可销售库存数量（网站前台显示的库存，也就是可以对外售卖的库存，此时需要占用库存），下单页面显示的可销售库存数量会相应地自动减少。
当买家（消费者或用户）付款后，卖家（商家或平台）开始执行发货流程。同时系统会有设置付款时限，如果在付款时限内没有付款，该订单被取消，库存被释放，此时被释放的库存可以被后续的消费者继续购买。上述这种机制被称为下单扣库存。
二、模式2：付款扣库存
另外一种机制是消费者下单时系统不改变可销售数量（不占用前端库存），只有当付款后，系统才会占用可销售数量。当然付款后扣完前端库存订单状态由待支付变为待发货，此时需要卖家进行发货及后续履约处理。上述这种机制被称为付款扣库存。
三、机制对比分析
不同的库存占用机制会导致不同的后续结果，对比分析如下：
1. 下单扣库存
优点是：不会出现超卖。
缺点是：当消费者拍下商品但长时间不付款时，由于可销售库存被占用，可能导致页面显示该商品“售罄”，使得想要此时购买的消费者无法下单，从而失去销售机会。
2. 付款扣库存
优点是：确保形成处理的订单都是已付款的真实订单，对供应链和库存管理提供真实可靠信息。
缺点是：由于订单和付款是在不同的页面处理，可能会出现并发付款，在大订单量情况下可能会导致超卖。
特别的，超卖解释：是指商品售出数量超过卖家设置的商品库存数量，导致库存数量变为负数。
比如下文提到的秒杀案例。在秒杀活动进行中，往往会有高并发的问题，从而导致超卖。比如某商品的库存为2，user_A、user_B和user_C并发购买该商品，user_A、user_B提交订单后该商品的库存被修改为0，user_C并不知道的情况下提交订单，该商品的库存再次被修改为-1，这就是超卖现象，后续就需要前端及时补货或者做技术特殊支持处理。
四、使用现状
当前主流电商或者其他单量较大的网站都是采用下单减库存的机制，但付款时限的规定则会根据销售品类有所不同，一般来说，商品的库存深度越深（即库存数量相对前端商品的销售流量大很多），付款时限的要求越宽松。不过商家的库存压力也会越大。著名案例例如：天猫付款时限的规定是：正常订单72小时，聚划算订单30分钟，双“十一”期间的订单1小时。作者本人当时做的电商小程序付款时限为：30分钟倒计时。
五、方案建议
第一，可以针对自己应用订单付款时间做些简单的统计，根据统计结果的数据分析后做相应的设置，甚至可以精确到品类，不同活动入口等等可以做到更加细化的精细化运营。
假设场景：对某电商APP订单从下单到付款的时间差做数据埋点统计分析。
分析表明：女装某品类70%的订单付款时间是在30分钟之内，20%的订单付款时间是在2小时之内完成。最初自营商城运营团队设置的付款时限是2小时，由于买手谈的此品类商品库存深度很高，经常出现活动期过，部分用户的单自动释放造成滞销的情况。
根据上述统计结果，后续类似活动的付款时限调整为30分钟，购买转化率大为改善。既保证不出现超卖现象，又能尽快释放未付款订单,且使真正需要立即购买的消费者完成交易，从而提高购买率。
核心点还是在于突出了活动的紧张氛围，促使用户快速下单，且某一单品SKU极易打造爆款，毕竟用户很容易从众：我不知道哪里好，但是别人都说好的应该大概率会好。
第二，根据品类的深浅，设定库存扣减机制。
因为商品的库存数量较为敏感中，比如秒杀、团购等专属活动的打造，建议使用下单减库存的方式。如果不采用这种方式，可能会出现商品超卖的情况，最后导致订单不能正常完成。且容易造成前端销售和后端供应链割裂，尤其是为了快速跑通MVP闭环的新业务是一个重要的打击。
下单减库存的好处说白了：就是买家体验较好。下单后商品就是用户的，用户可以慢慢支付。缺点是存在用户下单后不付款，最终商品库存下架后，想买的用户也不能下单。
第三，当然还有一种情况是：恶意拍单。
恶意拍单是指用户拍下订单后不付款，导致商品下架。某些潮玩属性的商品很容易吸引黄牛进行恶意拍单，这种需要平台和商家联合处理。平台可以有用户黑名单，该类用户不给予大促期间的拍单资格。商家也可以向评审申诉，做暂不发货处理。
六、结尾思考
现如今各大平台都流行预售模式，预售模式交了定金就扣减库存，但是只有支付完尾款才会生成可发货的订单。个人进一步的思考就是：付款完不发货的订单都可以走售后的，如果用户真的不想要，付完款还是会退的。以前是没有运费险，很多用户付款完嫌走售后比较麻烦，所以就默默承受了非理性消费的后果。当然如果你是人生赢家就是想买买买、剁手啥的，那就个案考虑了。
如今大环境的倡导，以及各平台运费险、七天无理由等等保证消费者的政策倾斜，付款机制的选择意义没有以前那么重要了，反而是产品本身带来的价值，以及后端的供应链履约的因素会是重要的考量依据。
无论如何，对于普通人而言记住一点平台永远都会比用户聪明，今年的各种大促很明显各商家都在力推预售模式。无论是哪种扣库存方式，最终都是商家、平台与用户之间的利益角逐。故事每天都在发生，不变的故事就是我们的行为都会交税。
文章来源：人人都是产品经理 作者：月关
分享此文一切功德，皆悉回向给文章原作者及众读者.免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
随着互联网的发展，人们阅读新闻资讯的方式也从纸质阅读转变为电子阅读。
本文以今日头条、一点资讯和网易新闻这三款应用为竞品，从交互和视觉两方面进行对比分析，讨论一下产品中值得我们学习的设计点以及可以进一步优化改进的地方。
一、体验环境
二、交互对比
三、视觉对比
四、思考与总结
手机型号：iPhone 8 plus
手机系统：ios 12.1
应用版本：今日头条V8.5.0 一点资讯V5.9.8.0 网易新闻V86.0
2.1 首页-导航栏-搜索
今日头条：搜索框内有默认的文案，在首页浏览内容时，文案一直处于静态。点击搜索框进入搜索页之后再返回首页，搜索框内文案才会改变，改变的方式是由下往上滚动播出，搜索icon静止不动。或者在刷新界面时，文案也会改变。
一点资讯：搜索框内同样有默认文案，但不是静态的，文案在搜索框内滚动播出。第一次打开应用时，有一条红色渐变线围绕着搜索框逆时针旋转两圈，此时的默认文案是“搜一搜你感兴趣的内容”，渐变线旋转两圈之后，搜索框内文案发生改变，按照搜索页热榜的排序滚动播出。在首次打开产品或者从其它界面跳转到首页时，动态渐变线都会出现。
网易新闻：搜索框内同样有默认文案，而且也不是静态的，文案和搜索icon一起滚动播出，播出顺序按照搜索页热搜话题的排序进行。
对搜索的设计，若搜索框内文案一直处于静态，这对用户实时了解新闻是不利的，当前社会发展迅速，信息更新速度比较快，短时间内就会有不同的新闻出现，文案在搜索框内滚动播出是比较好的选择。这既有利于用户掌握新闻动态，又能增加内容的曝光度。一点资讯动态的渐变线是一个非常有趣的设计点，可以吸引用户更多的注意力，引导其进行搜索。
2.2 首页-导航栏-发布
今日头条：点击发布icon，从屏幕下方弹出发布界面。发布界面承载的内容很多，占据了除状态栏之外的整个界面空间。在发布界面点击输入框，界面还会跳转到单独的编辑内容页，在编辑页可输入想要发布的内容，输入完毕后直接点击发布按钮即可。若编辑内容后不想发布了，点击取消，会有弹窗出现，进行操作提示，点击之后直接返回首页；若把编辑的内容全部删除再点击取消，就不会有弹窗了，界面就会直接回到首页。若用户只是点击了首页的发布icon，进入到发布界面，并没有进入编辑内容界面，要退出的话可以向下滑动，或者点击关闭按钮即可。
在发布界面，有一个“邀请你参与讨论”的模块，该模块的最后一条文案露出一半，告知用户在该部分下方还有未展示的内容，向上滑动可以查看更多。
一点资讯：在首页点击发布icon之后，同样会从屏幕下方弹出发布界面，发布界面承载的内容非常少，仅提供了三个功能，即发视频、拍小视频、写短内容。点击前两者即可进行发布视频的相关操作，点击写短内容之后，界面会跳转到编辑内容页，和今日头条的设计类似，如在编辑界面输入内容后点击返回，会有弹窗提示，若编辑界面没有内容，就会直接返回首页。在发布界面要想退出，可以点击关闭按钮，或者点击黑色遮罩层。
网易新闻：首页没有提供发布功能，在个人中心界面可以发布动态，在发布界面可以直接输入想发布的内容。和前两者类似，在发布界面有内容的情况下退出，界面会有弹窗提示，若发布界面没有任何内容，就可以直接返回个人中心页。
对提示弹窗的设计，今日头条和一点资讯用的都是iOS官方设计指南给的警告框 (Alerts) ，不支持点击遮罩层将其关闭，用户必须做出操作才行。只不过今日头条包括三个选项按钮，一点资讯只有两个。其实网易新闻和一点资讯的设计是相同的，只是网易新闻对源生警告框进行了自己的设计。两者标题传达的主要意思一致，但按钮的位置不同，一点资讯把保存按钮放在了左边，网易新闻却正好相反，放在了右边。但两者都对其进行了重点设计，一点资讯将字体加粗，网易新闻将按钮用颜色填充。
官方给的建议是肯定性操作放在右边，否定性操作放在左边。这里的肯定与否定并不是简单的字面意思，而是说要把用户最有可能点击的按钮放在右边，取消操作按钮放在左边。例如，当用户想删除某些内容时出现弹窗提示，此时用户想要点击的是删除按钮，面对这种情况，就应该把删除按钮放在右边，而非左边。对于文中的情况，用户点击返回或者取消的意图是想退出界面，也就是编辑页输入的内容不想发布了，此时的正向操作是不保存，所以一点资讯按钮摆放的位置是严格按照官方指南给的建议设计的。网易新闻将保存按钮放在右边，其实是想让用户点击保存，即便是出于某些原因用户想退出界面，将输入的内容暂时存为草稿也是满足了一部分用户的需求。
2.3 首页-导航栏-补充
今日头条：无补充。
一点资讯：点击搜索框内的耳机icon，可以直接将滚动选项卡定位到“一点音频”模块，这里的“一点音频”和点击底部标签栏切换到的界面是相同的，可以看出一点资讯对音频模块的重视。
网易新闻：导航栏的顶部左侧是网易的logo，点击可进行刷新。这是与今日头条和一点资讯不同的刷新方式，后面讨论刷新的时候会再次提到。除此之外，导航栏还提供了“网易热榜和消息通知”。
2.4 首页-滚动选项卡
滚动选项卡（scrollable tabs）的切换方式，三者均支持左右滑动和点击两种交互手势。
2.5 频道定制页-编辑标签
点击菜单栏icon，进入频道定制页，界面从屏幕底部弹出，三个产品均是如此。这和前面提到的点击发布icon，进入发布界面的跳转方式一致。
今日头条：点击编辑按钮或者长按可以对某个标签进行操作，拖动可进行排序，标签呈抖动状态。点击添加，可以将感兴趣的话题添加到“我的频道”模块，新增加的标签添加到“我的频道”的最后一项，并且利用徽标 (badge) 进行提示。点击删除按钮，标签从“我的频道”中消失，并且自动归类到界面下方的几个分类中。下拉或者点击关闭按钮可以退出频道定制界面。
一点资讯：点击编辑按钮或者长按可以对某个标签进行操作，拖动可进行排序。点击添加后，新增加的标签添加到“我的频道”模块自定义标签的第一项（即“关注、推荐”之后），并利用徽标（badge）进行提示。点击删除按钮，标签从“我的频道”中消失。想退出频道定制界面需要点击关闭按钮。
网易新闻：和前两者一样，点击编辑按钮或者长按可以对某个标签进行操作，拖动可进行排序。点击添加后，新增加的标签添加到“我的栏目”自定义标签的最后一项，但没有徽标（badge）提示。点击删除，被删除的标签归类到“最近删除”模块。想退出频道定制界面需要点击关闭按钮。
标签呈可编辑状态时，只有今日头条额外进行了动态设计，一点资讯和网易新闻只是从视觉上呈现出来，多了删除图标，告知用户标签可编辑。个人认为，今日头条的设计更合适一些，而且抖动状态也和手机桌面对应用进行调整或删除时的交互状态一致，与用户的认知相符。
添加标签后，新增标签在选项卡中的位置，一点资讯的排序更合适一些。用户将某个标签添加到定制模块，说明近期在使用产品的过程中，更希望看到与所选标签相关的内容，将标签尽量前置是最合适的排序方案，而且最好利用徽标（badge）进行提示。
在删除标签方面，网易新闻的设计更合适，用户将标签删除，说明对相关话题不感兴趣，那么被删除标签的去向就不那么重要，但是也不排除用户因为误操作将标签删除的情况，这时网易新闻就提供了一个让用户反悔的机会，那就是将最近删除的标签归到一类，用户可以一目了然，准确进行频道定制。
2.6 频道定制页-向上滑动
今日头条：在频道定制界面向上滑动，当“热门精选”模块滑动到navbar的位置时，文案置顶显示，“热门精选、生活娱乐、体育财经、科教文艺、其它”几个部分相当于选项卡的形式。随着界面向上滑动，选项卡自动定位到相关模块。这里的选项卡不支持左右滑动的交互手势，但可以通过点击切换。
一点资讯：点击“换一换”，就可以对“添加频道”的标签进行换新。
2.7 新闻详情页-导航栏-听音频
今日头条：在新闻详情页中，导航栏设置了听音频和搜索的功能，搜索功能比较常见，这里着重分析一下听音频功能。点击耳机icon，界面出现弹窗，音符跳动，说明当前新闻正在播放音频，导航栏耳机icon也会变为音频播放模式。再次点击耳机icon，可暂停播放，音符不再跳动。
点击弹窗，新闻文字出现黑色遮罩层，弹窗高亮显示。点击黑色遮罩层，可返回阅读新闻，音频继续播放，弹窗收起，但不会消失。在弹窗内，新闻标题一直滚动播出（无论音频是播放状态还是暂停），操作按钮包括暂停、播放下一个、关闭当前音频。点击播放下一个按钮，弹窗内的缩略图、新闻标题和音频内容变为下一个，当前新闻文字不会变更。点击关闭，退出音频播放，弹窗消失。
音频处于播放或者暂停状态时，退出新闻详情页，弹窗不会消失，位置固定。
一点资讯：在新闻详情页中，没有提供听新闻功能，但是首页滚动选项卡和tabbar都有“一点音频”模块，两者除了导航栏设置不同之外，界面其它内容完全相同，这一点前文提到过。用户可进入该界面播放音频内容，模块分类众多。
在一点音频界面，点击想播放的内容，界面跳转至二级界面，在二级界面用户可见音频详情和播放列表。当前播放内容的字体用品牌色呈现，且有音符跳动提示，百分比按播放进度显示，点击该模块可进入下一级界面。
由二级界面返回一点音频主界面，若此前没有听过音频，那么在主界面会增加用户收听历史的相关模块。在主界面内有圆形缩略图，像唱片一样。点击缩略图，窗口展开，播放时缩略图顺时针旋转，文案滚动播出。只有文案字数过多时滚动播出，字数不多就呈静止状态，而且只有在播放时滚动，暂停状态时，文案静止。和今日头条一样，可对音频进行操作，包括暂停、播放下一个和关闭，但不管用户是否点击上述按钮，窗口在展开几秒之后都会自动收回。今日头条在点开窗口之后会有遮罩层，点击遮罩层，窗口才会收回，这是两者不同的地方。
在使用网易新闻的过程中，没有发现听音频的功能。
2.8 新闻详情页-导航栏-更多功能
三个产品还把一些功能放在了导航栏的更多中（三个点），点击更多，界面出现底部弹窗，即活动视图（Activity Views）。今日头条和网易新闻活动视图的背景和界面里的icon一起弹出，而一点资讯的背景和icon依次出现，并且icon与icon之间还有时差，这些小动效的运用使产品用起来更加有趣，充满活力。
2.9 新闻详情页-导航栏-字体调整
在更多功能中，三个产品均可以对字体大小进行调整。今日头条和一点资讯只能通过点击icon，之后再拖动滑块进行设置，而网易新闻不仅可以如此，还可以通过双指缩放大小，充分发挥了手势交互的优势，减少了用户的操作成本。无论是调节滑块还是双指缩放，网易新闻都会有toast浮层进行提示，而不仅仅是遮罩下文字大小的变化。
2.10 新闻详情页-向上/向下滑动
今日头条：在新闻详情页，随着界面向上滑动，作者头像、作者名称和关注按钮在导航栏显示，向下滑动，导航栏无变化。
一点资讯：在详情页阅读新闻，导航栏的变化和今日头条一样。向上滑动，作者头像、作者名称和关注按钮在导航栏显示，向下滑动，导航栏无变化。
网易新闻：随着界面向上滑动，作者头像和名称在导航栏显示，关注按钮消失，跟贴人数按钮由线性改为面性。界面向下滑动，导航栏出现关注按钮。
在新闻详情页阅读内容，向上或者向下滑动的过程中，三个产品界面的设计大同小异。这时与竞品拉开差距的关键便取决于一些小的设计细节，三个产品对比，关注按钮的呈现方式有所不同。
今日头条的导航栏右侧已经放置了三个icon，所以把关注按钮放在了界面左侧，作者名称的后面，在向上阅读内容的过程中，关注按钮一直放置在导航栏。一点资讯的关注按钮放在界面右侧用户更便于点击的区域，和今日头条一样，在向上浏览内容阅读新闻时，按钮一直在导航栏。网易新闻只有当用户向上滑动界面后再向下滑动，反复阅读内容时，关注按钮才会出现在导航栏左侧，作者名称的位置。
个人认为，网易新闻的设计更加的人性化，用户阅读新闻，只有对内容感兴趣才会反复观看。当界面向上滑动之后再下滑，就是用户反复阅读的表现，用户可能会对同一作者发布的其它内容也感兴趣，此时导航栏通过动效呈现关注按钮，恰到好处，刚好可以引导用户关注作者。
2.11 新闻详情页-评论
阅读新闻的过程中，想要观看评论，点击界面底部评论icon，产品会自动定位到第一条评论，今日头条的icon无变化，一点资讯和网易新闻的icon都会随之改变，再次点击icon之后，新闻会自动回到上次阅读的位置。
对于第一次点击评论icon之后，icon需不需要有所变化，我认为一点资讯和网易新闻的设计方式更合适一些，即有所变化。这样用户在浏览内容时，就可以从视觉上充分了解自己处在界面的什么位置，而不需要通过上下滑动界面来定位。
网易新闻：点击底部评论icon，定位到的是新闻详情页的第一条评论，这是上文提到的情况，但若是点击导航栏的跟贴人数按钮，界面则会跳转到单独的评论界面。
2.12 新闻中包含视频
若新闻中包含视频，并且视频处于暂停状态时，三个产品的处理方式是一样的，向上滑动界面，视频和文字一起隐藏，就和阅读纯文字的新闻一样。
若视频处于播放状态，向上浏览内容，三个产品的处理方式各有不同。
今日头条：播放的视频窗口会始终悬浮在界面的上半部分，通栏显示。
一点资讯：和今日头条不同，若视频处于播放状态，向上浏览内容，视频窗口还是会隐藏，并且会一直播放。
网易新闻：若视频处于播放状态，向上滑动界面，视频会在较小的窗口播放，同时右侧呈现新闻概要，该模块会一直悬浮在界面的上部分。点击“放大窗口”，播放窗口被放大，但会留有边距，占据和文字一样的界面宽度。
若在新闻中包含视频，且视频处于播放状态，个人是不建议学习一点资讯和纯文字新闻一样的处理方式的。今日头条和网易新闻的方案比较合适，但两者也有差别。用户能够点击进入新闻详情页，说明已经通过上一级界面的标题文案对内容有一个基本的了解，点击播放按钮就是想观看视频，网易新闻多的一步放大窗口的操作，只是增加了用户的操作成本，没有太大的必要，所以今日头条的处理方式更合适一些，建议学习。
2.13 已读内容状态可见
在详情页阅读之后，点击返回按钮或者向左滑动屏幕返回首页。阅读过的新闻，文案变为灰色，提示用户此条新闻已经阅读过了，做到状态可见。
2.14 同类型关键词条的搜索提示
在详情页阅读完某条新闻后返回首页，今日头条会有同类型关键词条的搜索提示。一点资讯和网易新闻返回后，也只是前文提到的，新闻文案会呈灰色。今日头条根据用户已经阅读的新闻内容提取关键词，进行搜索提示，用户很大程度上会点击，这样就可以提高产品的用户活跃度。这是一个非常新颖的设计点，建议学习。
2.15 点击新闻的关闭按钮
每条新闻的右下角都有一个关闭按钮，点击之后出现遮罩层和弹窗。弹窗不是显示在界面中某个固定的位置，而是根据新闻模块所处的位置不同而改变，弹窗与关闭按钮之间的距离固定。在弹窗选择想要关闭该条新闻的原因，点击之后，弹窗和遮罩层自动消失，产品给用户反馈“将减少类似内容”的相关推荐。
今日头条给用户反馈的弹窗出现在界面内容区域的顶部，即滚动选项卡的下方区域，且采用灰色不透明背景层承载文案，与产品界面背景的颜色差异性不大，对用户干扰性较小，提示作用较弱。一点资讯和网易新闻的提示弹窗均出现在界面中间部分，且采用的是黑色遮罩层作为文案背景，对用户的干扰和今日头条相比较大一点，更能起到提示的作用。
我个人更倾向于使用第一种弹窗，用户既然选择了关闭该条新闻资讯，就说明对相同类型的内容不感兴趣，基于大数据自然要减少类似内容的推荐，这是意料之中的事，弹窗浮层应该对用户的干扰越小越好，这样用户就可以集中注意力继续浏览其它内容。
2.16 刷新
三个产品都设置了两种刷新的交互手势，点击tabbar的首页icon或者下拉，这两种刷新方式都比较常见。网易新闻除了前两者之外，还设置了第三种，即点击navbar的网易logo进行刷新，这是与前两者不同的地方。
当用户向上滑动，阅读了几屏之后，tabbar的首页icon会有刷新提示，详细情况在视觉分析部分再讨论。用户刷新内容，产品自定义了加载动画，加载完成之后，会有信息反馈给用户，提示其已完成内容刷新，并且标明刷新信息的数量。
个人认为，网易新闻第三种刷新的方式虽然很独特，但是由于logo所处的位置在整个界面的顶部，无论用户是左手持机，还是右手持机，都是很难触控到的区域，这样的加载方式通常也用不到，只是增加了开发成本。我猜测，网易新闻可能是想加强产品的品牌感，所以把logo放在了界面顶部，但又不想仅仅占据界面空间，所以增加了刷新的功能。
2.17 视频页
三个产品在标签栏都为视频设置了单独的界面。
今日头条：点击播放按钮，视频开始播放，播放过程中点击视频所在区域，进度条在黑色遮罩层上呈现。今日头条有一个和其它产品明显不同的功能，就是在视频区域的右上角支持音频播放模式。
点击音频播放按钮，界面会跳转到下一层级，此时在二级界面，音频会从点击按钮之前视频播放到的时间点开始。
由音频播放界面返回，在视频界面会有音频播放的弹窗，这和前文提到的听新闻的交互状态一致，而且视频画面还是停留在点击音频按钮之前，在视频界面音频仍处于播放状态。倘若点击视频的播放按钮，音频就会暂停播放，视频从音频播放到的时间点开始。
一点资讯：点击播放按钮，视频开始播放，播放过程中点击视频所在区域，进度条在黑色遮罩层上呈现。值得学习的是，在视频处于暂停状态时，作者的关注按钮和视频的分享按钮都是隐藏起来的，在用户点击播放之后，两个按钮才会通过简单的动效呈现出来。
网易新闻：点击播放按钮，视频在单独的界面播放，这是与其它两个产品不同的地方。并且界面背景采用黑色，这样视频区域更加聚焦，各项功能按钮更加明显。当前视频播放完毕之后会自动循环从开始继续播放。若向上滑动则会播放下一条视频，这里的下一条视频不是一级界面视频页排版中排在当前播放视频下方的，而是播放界面根据用户数据另外推荐的其它视频。此时若要播放一级界面中的下一条视频，还需要点击返回或者左滑才可以。视频播放界面提供了一部分功能按钮，还有一些不常用到的收在了更多中（界面右上角的三个点）。
从视频处于暂停状态到点击播放视频，今日头条和一点资讯的界面交互设计是类似的，不同的是一点资讯运用了动效来显示关注和分享按钮。前文提到过，动态设计可以很好的吸引用户注意力，这样既可以引导用户点击关注和分享，从而加强产品的用户活跃度，又可以让产品用起来更有趣味，用户体验更好一些。所以，一点资讯的设计方式更值得学习。
网易新闻将视频放在单独的界面播放，这是和当前两大短视频平台（抖音和快手）相同的表现方式，比较容易让用户集中注意力，关注视频内容。可是，鱼与熊掌不可兼得，若想要播放一级界面内的其它视频，就要增加用户的操作成本，这是与前两者不同的地方。
两种视频的播放方式都比较常见，至于哪种呈现方式更好，就需要具体问题具体分析了，这里不再详细讨论。
2.18 网易新闻-圈子
网易新闻的圈子界面，在浏览内容的过程中，倘若在某个模块停留几秒，产品会自动弹出评论的对话框，系统会认为你对这个话题感兴趣，可能有一些观点要发表，这是网易新闻设计人性化的地方。在我用过的产品中，微博手机客户端也有类似的设计。
3.1 整体布局
今日头条：对内容进行划分的方式有两种，首页、视频、放映厅三个主要界面，均采用白色背景+浅灰色分割线，个人中心界面采用灰色背景+白色圆角卡片。
一点资讯：同样采用了两种方式进行内容划分，其中首页和一点音频页采用的是白色背景+浅灰色分割线，其实一点音频页的多彩图标区和相声评书之间也可以算是留白分割，短视频页和个人中心页采用的是灰色背景+白色通栏卡片，小视频页则是两列feed流卡片。
网易新闻：四个主要界面均采用的是灰色背景+白色圆角卡片，但是个人中心页的卡片宽度比其它三个界面略窄，这一点不太符合统一性原则。
内容分割的方式一般有三种，分别为留白分割、线性分割、卡片分割。留白分割适用于内容较少的产品，这样界面简洁清晰。当信息内容较多时，若采用留白分割的方式就会浪费很多空间，这时就可以采用线性分割的方式，让信息内容展示清楚的同时又可以充分利用界面空间。卡片分割是将信息模块化，每个卡片单独承载一组内容，卡片与卡片之间的区分更加明显。无论是什么产品，最好不要出现两种以上的信息分割方式，不然界面会显得很混乱。
新闻资讯属于高密度内容的产品，最好是采用线性分割或者卡片分割的方式，这样既可以把信息内容展示清楚，又可以提高屏效。此次分析的这三款产品基本上也都是采用的这两种分割方式。个人更建议学习网易新闻的设计，每个卡片单独承载一组内容，卡片与卡片之间区分明显，卡片内部利用留白进行信息层级的划分。
3.2 首页
产品品牌感传递的方式有很多种，色彩的运用是很重要的一个途径。比如，提到蓝色大部分用户首先想到的产品是支付宝，提到绿色首先想到的是微信。除了用在logo中，在产品的界面元素中合理恰当的运用品牌色，也可以进一步加深用户对产品的印象。
首页statusbar和Navbar的背景色，今日头条采用的是品牌色。一点资讯默认是白色，但可以在设置里对背景色进行定制。网易新闻默认是品牌色，同样在设置里可以更换。
一点资讯：设置里的主题包括官方经典、天空蓝、太阳橙、翡翠绿和海军蓝一共五种颜色，滚动选项卡字体选中状态跟随主题颜色同步变化。
网易新闻：设置里的主题包括官方经典和极简主义两种模式。
三个产品tabbar的未选中状态均为灰色线性icon，选中状态均为品牌色面性icon。首页icon在不同情况下，会有不一样的呈现方式，见下图。
3.3 搜索页
今日头条：搜索页热点新闻会用红色描边+红色文案的标签来呈现，以此来吸引用户注意力。并且头条热榜的排序也会用红色数字来呈现前三名，灰色数字呈现之后的名次。
一点资讯：搜索页的热榜文案前面还添加了小的icon，并且榜单排序的数字从第一名到第三名虽然都用了彩色，但随着热度的递减，颜色从红色到橙色渐变，这样设计比今日头条单纯的用红色更能突显层次。但是，今日头条运用了红色描边+红色文案的提示标签，一点资讯却没有类似的设计。
网易新闻：“网易热搜”文案进行了单独的字体设计，排序数字前三名用彩色icon呈现，提示标签根据“沸”、“热”和“新”的区分，背景采用不同颜色。在搜索页点击“查看完整榜单”可跳转到网易热榜单独界面。在该界面，头部用红色作为背景，这点符合用户的认知，红色是热闹与沸腾的代名词，同时用橙色和黄色作为辅助色，来表现界面的装饰元素。
三者相比较，网易新闻的搜索页设计感更强，值得学习的地方更多一些。
3.4 频道定制页
今日头条：频道定制界面分为“我的频道、为你推荐、热门精选、生活娱乐、体育财经、科教文艺、其它”几个模块。“我的频道”部分主要采用灰色底+黑色文案。“为你推荐”模块采用彩色底+黑色/灰色文案，每个细分部分还有与背景色同色系的icon。“热门精选、生活娱乐、体育财经、科教文艺、其它”几个部分均采用灰色描边+黑色文案。每个标签文案的字体大小一样，均为15号。
一点资讯：“我的频道”和“添加频道”的标签均采用的灰色底+黑色文案。每个标签对文案字数进行控制，最多为4个字。文案字体大小保持统一，均为14号。
网易新闻：“我的栏目”和“更多栏目”的标签均采用的灰色描边+黑色文案。文案在保证辨识度的情况下，在标签内显示，字体最小为9号，最大为16号。
三个产品均采用了4列的排版方式。个人认为今日头条的设计更合适一些，“我的频道”的标签采用灰色底+黑色文案，未添加进“我的频道”的标签采用灰色描边+黑色文案，两者不仅可以从位置上进行区分，从视觉样式上还形成了对比。
3.5 首页排版
首页信息流主要包括大图、三图、左文右图和视频，三个产品均采用的是样式穿插的排版方式。这样设计，于产品而言，体现了内容的多样性，避免信息流结构过于单一；于用户而言，可以减小阅读过程中的视觉压力，使眼睛得到缓解，一举两得。
新闻资讯类产品排版采用左文右图还是左图右文，一直是一个值得讨论的点。分析的这三款产品均采用的是左文右图的排版方式，但是也有一些产品采用的是左图右文，例如澎湃新闻。到底哪种排版方式更适合自己的产品，我们需要具体问题具体分析，这里不再详细讨论。
3.6 新闻详情页-字体
字体属性是在将文字大小设置为标准的情况下个人手动测量，可能存在误差。
三个产品的标题和正文均采用的是iOS默认字体苹方-简，但网易新闻在设置里还提供了其它几种字体选项，用户可自行下载使用。字体的字号、字重和行间距，各产品相差不大，只是一点资讯正文的字间距和今日头条、网易新闻相比有一些差别，一点资讯字间距相对较小一些。
排版方面，中文文案的段落与段落之间是通过首行缩进或者段间距的方式进行划分。今日头条的段间距和其它两者相比较小一些，所以又进一步采用了首行缩进的方式，一点资讯和网易新闻的段间距较大，完全可以起到划分段落的作用，所以两者均采用了左对齐的排版方式。
其实，这两种排版方式都比较常见，首行缩进两个文字是我们一直以来的中文排版规范，相对规矩传统一些；左对齐排版从视觉上来说更加美观、整齐。
3.7 新闻详情页-评论区
评论区的设计基本上都是用户个人信息+评价文案+其他用户回复。今日头条和一点资讯的评论与评论之间用留白的分割方式，网易新闻采用的则是灰色通栏分割线。
今日头条用户昵称字体使用黑色，将其加粗，与评价文案形成对比，而一点资讯的用户昵称用的是蓝色字体，从颜色上形成反差，对比更加明显。网易新闻用户昵称的字体颜色根据用户等级不同，颜色分为红色、橙色和黑色，昵称后面还用彩色icon+文案给用户贴上了等级标签。
三个界面一对比明显可以看出，网易新闻评价文案的字间距太小了，过于密集，这样不利于对文案内容的识别，今日头条和一点资讯对字间距的设置更合适一些。网易新闻这里的截图评价文案字数比较少，视觉感受可能不太明显，感兴趣的朋友可以亲自打开应用体验一下。其他用户对评价的回复，今日头条和网易新闻都放在了下一级界面中，一点资讯则在当前评论区内展示，并通过灰色背景进行对比区分。
今日头条和一点资讯评论区的设计简洁清晰，网易新闻则更注重热闹氛围的表现，除了对用户等级进行了划分，对比较精彩的评价文案还加盖了印章，这也是对用户的一种鼓励机制，可以激励大家多发表评论，从而加强用户活跃度，提高产品的用户留存率。
3.8 视频页
视频界面三者均采用的是竖向单列信息流的形式，并且视频播放区域大致都是16:9。
今日头条将作者信息、视频文案和操作功能按钮都放在了播放区域之外，所以一屏之内仅展示一个半视频模块。一点资讯将视频文案放在了播放区域，用黑色遮罩层做背景，增强文案识别度，这样就提高了界面空间利用率，一屏之内可以容纳两个半视频模块。网易新闻的视频界面留出了运营资源位，banner占据了一定的界面空间，虽然将视频的作者信息进行了弱化，但是文案字体和其它两个产品相比较，又占据了较多的纵向空间，所以一屏之内可以容纳一个多的视频模块。
个人认为，一点资讯的设计更好一些。将文案放在播放区域，这样可以提高屏效，让一屏之内尽可能展示多的视频模块。同时为了让界面更有呼吸感，将关注和分享的按钮隐藏，点击播放之后，按钮才会通过动效呈现出来。
3.9 个人中心页
三个产品的重点都在引导用户进行注册或登录上，因此界面最吸引人注意力的就是品牌色的登录按钮。
今日头条：界面简单清晰，把较重要的功能icon用品牌色呈现，并且根据统一性原则，与其它icon保持一致，采用线性。由于首页右上角有发布按钮，这里再一次提及此功能，就没有重点表现，同样采用了线性的按钮。
一点资讯：除了登录按钮之外，最重要的就是运营区域了，界面中的其它icon均采用的是线性呈现。
网易新闻：界面承载的内容很多，除了登录、运营资源位，还提供了签到功能。网易新闻把发布功能放在了个人中心页，其它的界面没有提及此功能，因此，为引导用户发布自己的动态，按钮采用面性呈现。界面其它icon也根据功能层级不同分别采用线性和面性呈现。
其实很难准确的说哪种设计方案更好，每个产品都有自己的考量，界面承载的信息量也不同，说到底，选择与自己产品更相符的方案那就是最好的。
3.10 夜间模式/深色模式
今日头条和一点资讯的设置文案均是“夜间模式”，可是设计方案却不同。今日头条只是在日常的白色界面上覆盖了一层黑色遮罩层，把整个界面的亮度降下来。一点资讯则是重新进行了界面设计，将界面背景和通栏卡片改为了深灰色，同时将文案和按钮的明度降低了。网易新闻与前两者不同，它的设置文案是“深色模式”，但设计方案和一点资讯类似，将界面背景和圆角卡片改为了偏蓝的黑色，不同的是网易新闻的文案明度更高。
这里需要明确两个概念，夜间模式和深色模式。夜间模式注重的是弱光环境下的用户体验，通过降低屏幕的亮度来减弱对眼睛的刺激，这种模式在强光下体验不佳。而深色模式也就是苹果从iOS13开始推出的DarkMode，它是一种界面设计风格，在强弱光下均可，只是通过深色的背景突显文字和图片，使用户的注意力集中在界面内容上。针对这一模式苹果官方和Google的MaterialDesign都有给出相关色彩运用的建议。
其实无论是iOS还是Android，官方明确说明了并不强制使用设计指南，而且近些年来iOS和Android之间的差异也越来越小了。例如此次分析的iOS端产品，一点资讯夜间模式的界面背景采用的是MaterialDesign的建议用色，其色值为#121212，而卡片颜色却没有严格按照官方的建议，一点资讯通栏卡片的色值为#181818，MaterialDesign给的建议是100%的#121212叠加5%的#FFFFFF，但从视觉上看这两种颜色差距不大。网易新闻背景的色值为#141416，圆角卡片的色值为#1D1D1F，这些都与官方建议有所不同。当然，这些数值都是个人手动测量，可能存在误差，但想说的重点是，官方设计指南是给我们一个参考值，按照参考值设计界面，内容有比较好的可读性，至于具体的设计方案还是要根据自己产品的实际情况而定。
总的来说，今日头条算是中规中矩的产品，一点资讯比较注重动效的运用，网易新闻在视觉表现方面更加突出。以上就是我在使用这三款产品时，遇到的一些比较有趣的设计点，如有分析不对的地方，望各位海涵。文中提到的许多细节，不仅可以运用在新闻资讯类产品的设计中，其它类型的产品也可以借鉴。当然，在这三款产品中还有许多功能没有体验到，如果大家发现有什么值得讨论的细节，欢迎各位朋友留言。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
项目的运作是需要多人合作完成的，在这个过程中会遇到内部和外部的各种的问题，我们这里主要讨论的问题属于内部问题，分人和事。
项目大小不同，投入资源会有所分别，但是项目成员专业构成上却都基本是一致的。大家的专业背景不同，相互并不了解各自的工作，思维方式也是不同的，大家在讨论工作的时候也是习惯用自己熟悉的方式进行沟通，相同的事物会存在认知的差异，在传递、执行的时候产生偏差，从而影响目标达成的效率。工作中各自的工作都有不同的专业目标和标准，大家讨论问题都是奔着解决自己的专业目标去的，目标不同，诉求肯定就不一样。
如下图，只有三方达成共识才能做出“好的产品体验”对用户有价值、高满意度的产品，缺少一方都无法完成这个目标。
举例：开发在实现一个页面的时候，他们首先要考虑的不是页面好不好看的问题，而是从实现角度考虑技术方案、难度、性能；设计则是考虑视觉上的美观性、易用性；产品需求方则是考虑是否能满足需求，达成目标数据；在这个项目执行过程中，如果大家都坚持自己目标不让步，这个项目就很难进行下去，然后就有了“妥协”，项目的执行其实就是成员之间相互妥协、博弈的过程。这个过程需要项目团队不断的“磨合”，然后形成共识、工作上的默契。
“妥协”这里不是退让和降低标准，而是需要站在对方的角度思考，他为什么会要这样做？他和自己的方案哪个更有利于项目，如果他的方案有利，自己需要做出那些改变和投入？（这里要考虑可行性）；如果自己的方案更有利项目，那就需要阐述自己方案的优势，有理有据说服对方接纳；这个过程必然是顺畅的，提升在执行项目时候的效率。
项目常见问题：项目从开始到结束会有很多个项目节点，在过程中因成本和难度，不断修改设计导致的结果偏差；参与决策者较多，之间没有达成共识，在项目不同阶段完成决策，导致的结果偏差；因外部因数导致目标的变化等等问题…
每个项目的流程都有不同的差异，但是多多少少都有上面提到的沟通问题和信息传递的问题，工作中我一直在思考如何更加有效进行沟通和同步信息。这里和大家分享交流一些心得和看法。
1、优化流程中的沟通、信息同步
明确流程节点上需要参与的人员，确保信息的同步触达范围；明确流程节点上需要完成的任务，并且有统一的输出标准、评价标准，让每一个人都清楚自己在做什么、如何去做；明确每一个阶段所需要达成的目标，让项目成员在项目进行过程中也清晰自己的任务，同时让新加入、合作的同事快速了解项目，提升协作上的效率，完成一致的目标任务
2、根据项目大小对流程进行分类
项目流程模块化，针对不同内型项目，明确任务需求模板：小项目（A任务） 、中型项目（A+B任务）、大型项目（A+B+C任务），
3、加强目标在项目中的一致性，建立高效的决策机制
通过项目阶段任务评审，及时将信息同步给项目成员，建立由“项目核心成员”和“决策者”组成的“评审团”，有分歧和问题的时候快速决策，解决问题；避免只讨论不做决策的会议，因为永远都是没有结论的
再过往的项目经历中，不同公司在不同文化背景下对于项目的流程管控和要求有着比较大的区别。
互联网公司文化是比较看中体验的，这种思想是从上至下的，所以再遇到有分歧问题的时候大家有一个共同的判断标准“这样做是否会伤害用户体验？”，在此基础上再去讨论我们应该这么做，相对比较容易达成共识；
在手机厂商做项目时，对用新增用户的压力没有互联网公司那么大，用户量的增加主要看手机卖的好不好，怎么盘活现有用户，提升活跃增加转化才是目标。所以更加看中的是用户运营，在挖掘用户需求的同时，更多的是考虑如何吸引用户；
放在制造企业里软件项目只是整个产品项目流程中的一部分，项目按时上市是优先级最高的目标，其他节点在此时间倒推，硬件的时间往往是很难压缩的，不然卖出的产品质量无法保证就是很大的问题，所以往往可能被压缩的就是软件和产品开发的时间了（硬件产品项目相比互联网产品其实已经提前很长时间规划了，但是市场的变化太快）这样的事情时常发生，也无法避免，所以只能尽早做好规划、储备才能从根本上解决硬件产品在软件流程上遇到的尴尬问题。
最后谈点个人的观点，现在科技发展迅速的大环境下，用户被培育的忠诚度不高且善变。从鹅厂开始新起“微创新快速迭代”并不适合制造行业，也可能不在适合现在互联网，因为现在的“爆点”事件都是发生在创新的产品上，微信不是QQ迭代出来的，大疆也是通过自己的不断创新赢得了市场。想要做出领跑市场的创新产品，就需要挖掘更深层的用户需求实现“创新产品的规划和储备”，想的更远才能更有效率的创造对用户有价值的产品。
文章来源：站酷 作者：Midea_IoT_UED
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
沟通是为了完成设定的目标，把信息、思想和感情，在个人和群体之间传递，并达成协议的过程。沟通目的一般分为：说明事物、表达感情、建立关系、达成目标。
需求沟通是设计师和团队围绕需求目标，信息传递的过程，是设计师展开设计工作的起点，贯穿整个设计过程，沟通质量直接影响设计和项目质量。但因沟通复杂性、开放性，对很多新手设计师来说，在需求沟通过程中，可能会碰到一些共同的沟通问题，比如前期需求不明确导致设计频繁修改、产品和体验发生冲突时无法说服产品、沟通过程中陷入情绪争吵、沟通中鸡同鸭讲等等。
针对这些问题，本文尝试梳理需求沟通过程中几种典型场景和方法，以期帮助新手设计师快速识别需求沟通中的常见问题；提升沟通效率，快速达成共识；掌握沟通窍门，更精准高效的产出需求。
本文主要分成2个部分，第1部分主要聚焦在需求沟通过程中的不同阶段，面对的典型沟通问题和解决方案；第2部分主要介绍沟通中一些常见的技巧和方法。
通常设计师在处理需求的流程大致可以分成4个部分：了解需求->分析需求->探索方案->实现方案。在不同的阶段，设计师要解决的核心问题不同：
了解需求阶段，设计师和产品针对需求目标进行讨论，并和团队就产品目标达成共识；
分析需求阶段，设计师和产品针对产品策略合理性进行讨论，并提出体验诉求；
探索方案阶段，设计师探索设计方案，并和产品就商业目标和体验目标达成平衡；
实现方案阶段，设计师和产品协调优先级，调整方案，确保方案最大程度实现还原；
在了解需求阶段，设计师需要了解需求来源、背景、要解决的问题和目标。总结来看需求可大致分为2类：一类是需求目标较明确，产品有明确要解决的问题，如提升产品体验、满足某个用户明确需求、完成某个产品目标；一类是需求目标较模糊，比如挖掘用户潜在需求，探索新的业务方向。
对于目标较明确的需求，在了解需求背景、解决标准、需求边界、限制条件和责任人等问题后，即可进入需求分析，策略讨论阶段。
但对于方向探索类需求，如何协助产品探索目标，和团队达成关于目标的共识，是这阶段的沟通重点。以一个创业的项目为例，产品想做一个图片社区，原因是目前国内没有头部图片社区。还原项目初期的沟通过程如下：
在产品的催促和时间压力下，设计并没有围绕产品定位、用户群、产品目标进行充分讨论，也没有和团队成员达成共识。在这种情况下，选择跟随产品的节奏，陷入了被动执行。由于前期并没有针对需求进行细致的推敲讨论，方案的输出过程变成了试错的过程。产品方向修改频繁，这种被动的沟通方式，导致整个团队目标感不清晰、理解混乱。
经过反思和问题总结，设计师发起了主动沟通，运用设计方法协助产品明确需求，提升方向说服力，探索如何就目标和团队达成共识。首先，需要和产品明确用户群，并寻找用研协助，或发起快速访谈了解用户；其次，组织团队相关成员发起关于产品目标的讨论，围绕产品决策人给出的产品初步方向，团队成员每人写下对产品的期待，提炼总结团队成员的想法，提炼总结产品目标；再次，根据用户访谈材料，利用亲和图法，提取关键词，从用户诉求中洞察提炼用户目标。最终，产品目标得以明确，团队也取得了关于目标的共识，同时通过快速demo，来验证优化，项目得以顺利进行。
在了解需求背景、用户群体，明确了需求目标后，进入需求分析阶段，通常产品会给一个商业假设：假如做了xxxx，用户就会xxxxx，产品可以达成xxxx目标。以一个需求为例子：产品想做一个任务体系，通过福利吸引用户做任务，从而拉动产品活跃。
如果设计师完全按产品给的商业假设输出，方案产出过程貌似很顺利，但可能隐藏了很多问题。以本需求为例，产品的商业假设逻辑是：用户被福利吸引->用户为拿到福利做任务->用户获得福利->产品完成目标诉求；
但这个假设是正确的吗？设计师的价值就在于，这个时候要能找出产品假设中的问题。通过对用户的了解和洞察，还原用户的实际使用过程可能会发生的问题。找到这些关键问题并通过和产品沟通协调解决掉这些问题，才能顺利实现产品目标。
通过对用户实际参与过程的分析，用户在看到任务奖励后，实际需要权衡的内容很多，如福利吸引力够不够大、有没有关系亲密的好友可邀请、好友要完成的任务难度大不大？分析需求过程关键就是找到这些问题的对应策略，强化用户参与的动力，降低参与难度。
在方案输出阶段，设计师和产品最常发生的争执是商业目标和体验之间的冲突。产品为了达成商业目标，很多时候希望把达成商业目标的手段做的很强；
当发生围绕商业目标和体验问题，谁都无法说服对方的情境时，设计师该如何沟通呢？
首先，作为设计师要摆正沟通立场，理解商业化是任何产品的根本目标，体验也是实现商业化手段之一，我们反对的不是商业化，而是简单粗暴的商业化方式，商业化的前提是对目标用户有足够的了解和盈利模式的清晰判断。
其次，应能够识别对于曝光越多越好，越直接越有效的这种思维方式，通常是一种鸟枪法的投机心理。在没有更巧妙的解决方式时，最节省力气的做法就是提升曝光等方式达成目标。
当发生争执时，如果仅仅站在设计立场上，用设计理论说服对方，通常效果有限。尝试找到产品实现商业化目标背后的逻辑，不要用手段代替目的，探索更好的实现商业化方式的可能性，比如尝试在合适的路径上推荐，或探索用户更容易接受的内容形式。
在方案实现阶段，很多时候由于时间紧张，产品仅完成最核心功能，部分体验相关功能一直无法得到优化。
通常如果方案产品认可，但推进意愿不高时，可能的原因是：1.当前方案不是核心KPI，产品要优先保证对kpi影响最大部分完成；2.投入产出比不划算，方案在产品看来投入的人力/时间/资源过大，并不值得；3.方案改动可能引发数据风险，产品并无法确保改动一定能带来数据的成长；4.资源紧张，产品也很想实现方案，但项目时间/人力/资源真的很紧张。
这种情况下，首先，要和产品够分沟通他们的疑虑和担心，到底是哪类问题；其次，从心态上也不用急于一时，做好长期推动的准备；还有，充分优化方案，消除产品疑虑，寻找合适时机进行推动。在项目逐渐迭代的过程中，对需要推动体验优化点持续关注，尽可能放大方案价值，结合新的需求点，思考能否从价值拓展角度，如提升品牌价值、扩展性等角度提升方案说服力；同时，从缩小成本和打消产品疑虑角度，做足准备，推动方案。
沟通的过程是一个信息螺旋传递的过程，表达者的信息传递到接收者时，因为背景、环境、理解能力、传递完整度等差异，接收者仅能接收部分信息，而接收者在理解消化后，再将自己的信息传递出去，这个过程循环往复，会导致两个最常见的沟通问题：目标偏离以及信息衰减。学习适当的沟通技巧，可以有效减缓目标偏离和信息衰减。
要防止沟通目标偏离，首先要理解什么会导致目标偏离？1.目标不清晰，比如本来想找产品聊下某功能体验不合理，但因为产品一直说项目时间紧，被倾诉了一通苦水后，忘记了本来要沟通的问题，转移到了其他话题上，最后不了了之；2.缺乏同理心，比如当发生争执时双方不能互换角度，产品一直在说实现目标手段和现阶段问题难点，设计在说体验问题和设计规范，双方互不妥协，陷入争吵；3.陷入情绪，表达观点时陷入情绪化的争执。
针对这三个会导致沟通目标偏离的问题，可使用以下技巧：
① 设定沟通目标并保持关注：在每次沟通前想清楚自己的目标和底线，尝试用全局视角分析自己设定目标的合理性；在沟通过程中要经常反思当前沟通的问题是否已偏离了目标，对达成目标是否有帮助；发现目标偏离可尝试改变节奏，思考接下来说什么有助于达成目标；
② 换位思考：能够倾听对方的问题和困难，尝试寻找解决问题的办法，而不是一直表达诉求，无助于问题的解决和推进；
③ 控制/倾听情绪：美国心理学家埃利斯创建的ABC情绪理论，拆解了事件发生和情绪之间的关系，指出事件的发生并不是导致情绪的直接原因，我们持有的信念才是。因此在沟通中不要加入太多内心戏，过度解读事件。比如产品让设计反复改稿时，可能会解读为产品在故意刁难，尝试了解反复修改背后的原因，可能对解决问题更有帮助。
沟通过程中表达者的模糊表达和接收者的理解偏差，会导致沟通过程中的信息损耗。比如经常会听见产品有以下类似的表达：“设计稿尽快输出”、“页面太结构化了，想要更社交化一点”、“能不能做得更有创意一点，更有趣点”当出现这些类似的沟通语句时，可以尝试通过具体化方式，进行确认。
对于可能会出现理解偏差的问题，重要的信息用自己的语言组织后再次确认“你的意思是xxxx吗？”；重要的沟通后，可梳理沟通记录，企业微信同步周知确认；方案的沟通过程可以快速画草稿确认；尽可能的减少因为理解不一致导致的沟通问题。
在需求沟通过程中，我们要对不同阶段的沟通目标有清晰的认识，围绕目标进行充分准备，运用设计方法了解用户、了解产品核心诉求，做到知己知彼，才能进行有效的沟通。
在沟通过程中保持对目标的关注，始终牢记沟通是为了解决问题服务的。适当学习沟通技巧较少沟通过程中的信息损耗。
沟通是解决问题，共同协作的重要方式。如果你觉得自己不善于沟通，可能要反思下沟通前是否想清楚自己的沟通目标，对于解决问题的过程、方法是否熟悉，准备是否充分？当我们能做到知己知彼、胸有丘壑时，沟通可能就变得简单起来。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
进行配色时，要从两方面考虑，既突出提升的方面又融合平稳方面。
例如，以自己最喜欢的颜色为中心完成了初稿，然后应该检查一下，是否过于沉重模糊，或者是否过于喧闹令人不安。如果过于沉静，则下点功夫突出一下即可；如果过于喧闹，则向着沉静、融合的方向调整即可。
画面整体显得模糊时，要放弃几个要点，明确主题。大力强调作为主角的部分，并删去暧昧模糊的地方。主题明确后，不仅气氛被提升，画面也会显得清爽踏实。
感觉配色过于沉重压抑时，应该减少黑色，增加鲜艳的颜色，配色将瞬间明朗起来。色调沉重是由于混入过多黑色，减少黑色后自然会呈现出鲜艳的色彩。这是最有代表性的突出配色的方法，也是效果最显著的方法。
当画面的中心部分被提升后，才会使配色给人深刻印象。我们还可以强化明度对比，加强画面中心部分明度，这样的画面会格外令人印象深刻。
A海报带点梦幻的感觉，但是主角不够清晰。而B海报提升了背景亮度，扩大与中心人物的明度对比度，从而能强调了主角。
提高颜色纯度
强化明度对比
强化色相对比
我们很多小伙伴喜欢沉稳踏实的配色，这种配色方法虽然是好的，但是画面的配色过于均一则平淡无奇。那怎么解决这个问题呢？其实我们可以在画面中心设置小面积的亮点，给画面增添品味和活力。
要记住，亮点的面积越小给人的印象就越深刻。如果你想更加凸显亮点，那就要抑制周边的背景色。只有这样，即使在平稳不显眼的配色中，这个亮点一样很显眼。
A图中整体色调沉稳，但是总觉得少了点什么。而B图中鲜艳的红色成为宁静配色的亮点，给原本平淡的画面注入了活力。
弱化背景色，突出亮点
控制好背景色，即使纯度不高的亮点也有很好的效果
如果你想增加配色的欢快感，就应该加入纯度高的颜色。
A产品整体是暗色调，高雅庄重，但是似乎有些欠缺。而B产品加上了小面积的鲜艳色彩，高雅不变，华丽有余。
加入鲜艳色，变得活力
当人们看到无彩色画面时，总会感到有所欠缺。如果在无彩色画面当中加入一些色彩，画面顿时变得欢快活跃。
A海报是无彩色的，画面过于单调；而B海报只是在A海报的基础上增加了色彩面，画面顿时变得欢快活跃，生动了许多。
增加色彩面，变得明快
很多小伙伴喜欢把画面背景色设为暗色调，因为这样有踏实感。这样做画面虽然高雅却有失欢快，我们不妨试试将背景色调亮一个等级，最后你会发现画面变得明朗愉悦了许多。
因为A画面沉稳有余，但过于灰暗，缺乏欢快气氛；将A背景色中的黑色调到零就得到如图B背景色，调整之后的画面能给人明快的印象。
减少黑色使画面明亮
如果你希望画面变得明亮，又不想破坏原有的踏实感时，则可以保留10%的黑色。
大家都知道按照色相、明度次序配色称为“渐进配色”；那与之相对的配色方式就是“分离配色”，独立配置每个颜色。
A图采用的是渐进式配色，按色相顺序排列，给人安静平稳之感，但有失紧凑，略显无趣。而B图采用的是分离式配色，使用与A图中相同的色彩，只是简单变换顺序，突出各色的独立性，冲破秩序感，给人以活泼的感觉。
打破颜色顺序，随机分离，使之独立，释放出动感
在色相图在相对的为对比色，相邻的为邻近色。单用邻近色配色，则画面感觉平稳；加入对比色，则颇具紧凑感。
挑选色相环中的相对两色，则带来欢快的节日型配色。若组合在色相环图中呈正三角形的红、黄、蓝，则得到理性安定的画面。通过颜色在色相环中的形状，能创造出各式各样的色彩表情。
不难想像加入黑色会起提升效果，其实白色同样能在轻松氛围中制造紧凑感。
色相环中相对的色相成为对比色，也叫补色，甚至可以说，配色的基本就在于补色，配色完成于补充颜色的过程之中。加入补色使人心情舒畅，缺乏补色的画面容易令人觉得不自然。
A图是以同色系为中心的平稳配色；图B加入对比色蓝色后，画面效果加强了些许。
加入对比色，使画面生动突出
红、黄、蓝在色相环上组成一个正三角形，被称为三原色，是特殊的颜色。绿色、紫色等颜色都可以通过混合这3种颜色得来，但是无论怎样混合其他颜色都无法得到三原色。随着毕加索、蒙德里安等现代派画家们追求终极的纯粹色，三原色的组合得到了重视。
蒙德里安《红、黄、蓝的构成》
这幅作于1930年的《红、黄、蓝的构成》是蒙德里安几何抽象风格的代表作。蒙德里安将色彩、形状纯粹化的结果，是否定红、黄、蓝三色以外的一切色彩。线条的方向也限定于水平或垂直，排斥斜线。
三角型的效果，掌握好平衡即可
将两组对比配色交叉组合后，便得到十字型配色。醒目安定的同时，又具有紧凑感。在一组对比色产生的紧凑感上加一组，自然成为最强配色型。
梵高《軍人》
A画面只用了一组红绿对比色，看上去很有紧凑感，但是过于硬朗。在A的基础上增加了一组蓝橙对比色，带来有力的安定感及紧凑感，画面丰富了许多。
由于把两组补色组成十字型，达到了完全的平衡。
黑色是“无色”的特殊色，纯度、色相、明度都为零。但是，加入黑色会突出原有的颜色，使画面有力度。黑色与其他色彩组合时，是最有力的配角色。
海报A蓝绿色均为冷色，绿色背景下，表现出轻快自然、明亮却趋于平淡。海报B背景变为黑色后，绿色变得深邃而闪烁。这时，黑色本身难掩的光辉甚至会使人误将其当成主角，但是不会喧宾夺主掩盖主角色。
黑色无论与任何色彩搭配，都起强调提升作用。使强色更加强烈，使浅色更加突出，产生生动醒目的效果。
白色是所有色彩中最中立、最无个性的颜色，但是可以通过特定的使用方法，使画面整体更突出。在不破坏其他色彩感觉的基础上提升整体。
白色与任何颜色的反差都很大。人眼对最明亮的白色颇为敏感。即使是相当低的明度下，白色的效果也显而易见。海报B加入白色，瞬间被突出。
白色有着意想不到的效果。配上过于强硬的颜色则使之缓和，配上浅色则使之被强调。保持浅色原本的感觉，突出整体效果。
与突出型配色一样，我们采用三属性（色相、纯度、明度）来缓和过于喧闹、醒目的颜色。突出时要增强三属性的对比，融合时则要减弱对比色的对立。
色相差越大越活泼，反之，色相越靠近越稳定。色彩给人感觉过于突出喧闹时，可以靠近色相，协调各种色彩，使画面稳定下来。
B图使用近似色配色，表现出平稳安详的感觉。而A图红绿色相之间变化幅度过大，流于散漫，给人一种不安定的感觉。
色相被靠近后称为邻近色，进一步靠近则称为同系色，越偏离对比色、接近同系色，就越有平稳踏实感。
即使色相差很大，只要明度统一，画面整体就会给人以安定的感觉。这是在不破坏色相平衡、维持原有气氛的同时，得到安定感的巧妙方法。
A图明度差较大，产生活泼感。而B图缩减明度差至零后，画面整体变得和谐，给人一种安定的感觉。
无论多么松散的配色，统一明度后都会呈现出整齐稳定的效果。零明度差营造出踏实稳定的感觉，因此最好尽量扩大色相差，力求维持色彩之间的跳跃感。
色调也称“调子”，表示色彩的感觉、品位。因此，可以把同一色调的色群归为具有同一类色彩感觉。组合同一色调的颜色，则相当于统一了画面气氛。
A画面组合有所偏高的色调，会破坏画面的统一，而B画面将鲜艳的色调换为明灰色调，画面感觉统一和谐了许多。
如果画面松散，缺乏统一感，则需要统一色调。统一至相同或相近色调后，原本混乱的配色将变得缓和稳定。
将混乱的配色群化会得到踏实的效果。所谓群化，就是赋予色相、色调、明度等以共通性，制造出整齐划一的组合。画面松散时，将三属性的一部分共通化，会得到统一感。
A图的配色过于混乱，色彩纷繁的效果使画面整体显得混乱。B图的配色明度、色相以及色调都比较相近，画面整体显得统一和谐。
所谓群化，指的就是分组、共通化。将前面讲述的明度、色相、色调等综合地共通化后，产生群化效果，画面收敛、缓和。
所谓“双色调”，指从相同或相近色相中抽出两种色调的组合。最有代表性的双色调是同一色相的单色与明色的组合。制造色差，或是组合进浊色，都能创造出丰富的色彩表情。
B图的配色采用的是同一色相的淡色与暗色的组合双色调；而A图中的绿色与淡红色的色相差过大，无法组合成相同或相近色相的双色调。
双色调组合类型
浓淡法指按照色相或明度顺序的配色。由于顺序被明示出来，因此产生节奏感，给人以舒适的感觉。对画面的一部分使用浓淡法配色，则该部分周报有着踏实的效果。
A图中彩虹的配色排列松散，但颇为活泼；B图中彩虹按色相顺序排列后产生稳定感、节奏感，就会显得既张扬又踏实。
色相的渐进
明度的渐进
使两组双色调对比后，同时呈现出平稳与紧凑的画面感，将双色调具有的舒适感与色相对比具有的紧凑感调和至平衡，是活跃在19世纪的英国装饰艺术大师威廉·莫里斯钟爱的配色形式。
A图由绿色的明、中、暗三阶段构成的配色。由于是同一色相，所以画面踏实，不过似乎太过单调而显无趣。鉴于出现3个阶段的颜色，应成为三色调，不过与双色调效果大致相同。而B图中加入对比色红色系的双色调。对比色效果强调了整体，双色调的平稳感与色相对比的紧凑感共存。
组合身为对比色的双色调，产生紧凑感，给人以自然的印象。
使用几乎令人察觉不到的微笑色彩差别配色，会传达出高雅寂静的感觉。一般情况下，微差因其暧昧模糊感并不讨好，不过一旦被有意图地巧妙使用，会有意想不到的效果。想运用好微差，周边色尤为关键。若不小心搭配进强色，则会瞬间破坏来之不易的静感，称为庸俗失败的模糊配色。
A图鲜艳的黄色破坏了整体的宁静气氛；而B图去掉了鲜艳的色彩，包的色调具有微差的特点，微差配色表现静谧。
微差配色可以营造出幽静气氛
在稍稍偏离的位置上放置统一色彩，会达到共鸣融合的效果。这就是重复法。一致的色彩不仅互相呼应，整个画面也融为一体。
A图顶部与下面的颜色没有呼应，使得上下分离，破坏了画面的整体效果；而B图下面汽车的青蓝色与顶部天空的青蓝色呼应，形成一致的色相，上下便产生一体感，使得整体紧凑严密。
在偏离的位置上放置与主要色彩同色系的颜色，使得整体融合，产生统一感
白色的色彩度为零，可以说是完全中立的颜色，但是由于搭配方法不同，可以产生十分鲜艳的效果。白色可以令平淡的配色鲜明，也可以令浓艳的配色柔和。
A画面全部是过于强烈的颜色，浓艳而令人腻烦；而B画面换成白色背景去除了浓艳的感觉，画面表现得柔和起来了。
如果强烈的带有刺激性的色彩让人感觉很浮躁的话，可以尝试在中间插入白色间隔，这样不仅减弱了压迫感，也使这种颜色的特征更加鲜明生动
如果商品与画面不一致的话，即使有了漂亮的配色也没有任何价值。已完成配色的画面能否与目光锁定的方向一致是成功与否的关键。想要随意表现一个快乐的画面，如果用上等的格调和高雅的配色，就会令画面混乱，无法传达正确的意思。
决定画面的三要素是色调、色相和对比强度。其中最重要的就是色调。色调换言之是“格调”，是和“心情、品位、兴趣”具有相同语感的词汇。选择哪种色调进行画面的配色，决定性因素就是心情。
即使是相同的材料、相同风格的形状，当色彩的色调发生变化时，画面也会完全不同。色调在营造画面氛围的要素之中起决定性作用，如果错误地选择了色调，无论在色相和明度上下多少工夫都无法修正画面。
选择的色调就决定了配色的画面。如设计婴儿产品，就不适合用鲜艳或严肃的色调。
色相大致可以分为暖色和冷色。由红色至橙色、黄色被称为暖色，正如字面上的意义一样，这些颜色给人温暖的感觉。相反，由蓝色至青紫色被称为冷色，表现出清凉、冷静的感觉。一方面，各自的颜色都与各自特有的氛围相联系。绿色、褐色是用来表现大自然的色彩，字色无论浓淡都散发着女性的气息。
色相大致可以分为冷色与暖色，一级位于其中间的色相共4部分。以暖色为主体进行配色给人以温暖健康的印象，以冷色为中心则给人寒冷的印象。
组合色彩之间的色相之差、明度之差和纯度之差称为对比强度。增加对比强度可以增添活力，减少对比强度则显得沉稳。想要创造富予活力、精神饱满的画面就要增加对比强度，想要表现静谧高雅的画面，就要限制对比强度。
A图中的运动鞋色相对比较小，给人稳重的印象；反观B图的配色色相对比强烈，表现年轻人的朝气蓬勃。
即使使用相同颜色的搭配，当面积比例改变时印象也会随之改变。增大面积比（大小差）可以产生轻快的动感，相反，减小面积就会带给人轻松愉快的印象。
A图中的橙色地面在画面中占据了相当大的面积，给人以轻松舒适的印象。较少地面橙色的面积，画面变得锐利鲜明起来。
如果想要传达的内容与画面的配色产生分歧，那么无论怎样美丽的配色都不会有任何效果。观看者的印象与配色所表达的画面无法产生共鸣，那么无论怎样美丽的配色都没有任何意义了。
令人感觉到男性特征的色彩，必须具有强大的力量。表现强大力量的纯色，接近纯色的暗色都是符合男性形象的色彩。
和蔼、亲切、温柔的色调与保守色调的对比是关键因素。以红色为中心的暖色十分有效。另外，紫色是可以表现女性温柔的特殊色相。
如果只用蓝色为主的冷色进行配色，就可以营造出冰天雪地的寒冷感觉。增大明度差能够进一步强调寒冷的感觉。
以冷色为主的大部分色相，减小其对比强度即可减弱寒冷的程度，使画面表现出凉爽的感觉。由于亮度是主要因素所以要避免使用强色调。
橙色、红色、茶色等以暖色为中心的色相用来表现温暖。减小对比强度就可以营造出温暖的感觉。使用任何色调均可。
加入对比色相更能够强调暖色。纯色色调是基本要素，素雅的色调与明亮的色调都无法表现出炎热的感觉。
朝气、活力、休闲
略显素雅的明亮色调带给人平静和安详的感觉。表现出橙色生活的优雅氛围。
将暗色色调放置在纯色的旁边，表现出豪华气质。即使是同样的暗色，由于被放置在离纯色较远的位置上而失去了鲜艳色泽，豪华的氛围也一下子消失不见了。
树木的绿色、大地的褐色使人直接联想到大自然，心情也变得安定祥和。
充满力量的画面不可缺少重量感，但并不一定适合于表现速度感。速度感是以鲜艳的纯色色调为基调，而力量感则与鲜艳的厚重色调相吻合。
同色系色彩带来幻想世界的缥缈感。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
“价值”在百度百科的解释是————“价值属于关系范畴，从认识论上来说，是指客体能够满足主体需要的效益关系，是表示客体的属性和功能与主体需要间的一种效用、效益或效应关系的哲学范畴。”
因为一些外部原因，让我最近一段时间都在思考一个问题，作为一名设计师，我的价值是什么？？？我的设计能力。那我设计能力的价值是什么？？？完成产品视觉的呈现，帮助项目上线和产品落地？
当这个回答摆到我面前的时候，我竟然有了一丝的不安。
因为在我看来视觉呈现这只是能力，并不是真正的价值。如果作为设计师只是这样的能力，你会发现在团队的位置是很容易就会被顶替的。
那作为设计师的我，那如何才能让自己不容易被顶替，体现自身价值到底是什么就成了重中之重的事情。
那体现自身价值之前，我需要去知道设计价值是什么。设计价值说到底就是解决问题，从而带来了想要的效益。
一、设计师解决了什么问题
1、发现问题
2、定义问题
3、分析问题
二、设计师如何解决的问题
1、明确设计目标
2、制定设计策略
三、设计师如何验证问题是否解决
1、收集用户反馈
2、跟踪数据指标
四、举个例子
五、总结一下
发现问题、定义问题、分析问题
一开始工作的时候很长一段时间都是被动接需求、找参考、输出设计稿，这样一个流程下来，解决的问题无非就是如何用设计呈现需求的过程，设计师的价值发挥就会非常有限。所以如果想发掘更多设计价值，就需要转被动为主动，将设计前置，从业务出发去发现问题（通过分析项目背景/目标、用户调研、行业/竞品分析等）、定义问题（问题出现的原因是什么？用户的原因？还是产品本身的原因）并且分析问题（细化出现问题的原因，给出解决问题的方案）
明确设计目标、制定设计策略
虽然如何解决问题每个人的侧重点都不一样的，但是设计目标作为体验提升的开始，正确的设计目标决定了提升的方向，而设计目标可以由产品目标（提升某个具体的指标、提高用户的操作效率）和用户目标（用户的想要得到什么、用户使用产品的痛点是什么）的推导出来。目标有了就要落地去实现，作为设计师，设计策略是落地的重要一步：统一规范、缩短操作路径、提升用户满意度等等
收集用户反馈、跟踪数据指标
我们总是在主观的评价这个设计好不好看、好不好用，导致设计的价值很难去真正的衡量。其实衡量价值最基本的方法无非就是你这样做带来了什么，结果导向是衡量设计最为标准的，也是流程闭环的最后一步，如果没有结果，流程无法闭环，那设计价值也无法衡量。而产品上线后得到结果又是什么？无非就是用户反馈是否满意和数据指标是否达标。
项目背景是在公司业务快速增长和用户对于服务品质的诉求提升，加上客服团队一直处于被动依靠人力处理用户问题的服务模式的情况下，排除大幅度叠加人员的方案，希望通过数据驱动+服务产品智能化的方式来对客服体系的升级。从而提高客服人员的工作效率，减少公司的招聘成本的同时提升用户的体验，最终实现公司业务的快速增长。
通过项目背景不难发现其中问题所在：在不增加人员的情况下，当前客服团队的服务模式，已经满足不了现有的业务增长趋势和客户的品质诉求。
那我们需要做的就是解决服务模式的问题。
服务模式有什么问题呢？一直处于被动依靠人力处理用户问题。
为什么一直处于被动依靠人力处理用户问题呢？
· 用户一遇到问题就去找客服，用户做不到遇到问题可以通过自我查询或者其他不依赖客服的方式来解决。
· 客服人员能力有限，每天的用户承接量大，重复性问题多，问题处理流程繁琐，导致单个问题处理时间较长。
排除人力堆加的方法以外，如何才能解决服务模式的问题呢？
方法就是
增强用户自主解决能力：自主渠道的升级，实现渠道扩增和业务分流，通过内容分层，简化用户查找问题的流程，培养用户自主解决能力的心智模型；引入智能机器人能力，实现简单性、高频率问题由机器人代理解决。
提升客服解决问题能力：调整问题的优先级排序，优先解决重要客户的问题，减少重要客户的投诉和流失；寻找问题处理流程的机会点，减少客服单个处理时长；分析不同程度客服同时处理问题量的数据，限制客服最大承接量。
既然问题已经确定了，那就要去解决问题。根据对问题的分析结果，该如何转换为设计呢？
结合产品目标（自助渠道升级、产品智能化/数据化）+用户目标=设计目标的推导公式
产品目标是产品经理/需求方给到你的，但是用户目标则是设计师自己调研分析得来的
----用户想做什么？
用户想快速解决遇到的问题
----客服想做什么？
客服想轻松快速的帮助用户解决遇到的问题，完成工作中的KPI指标
----用户的痛点？
用户在自助渠道找不到答案，于是遇到问题就找客服去解决问题，智能机器人的回答也解决不了问题，所以需要找人工客服，但是需要等待很长的时间
----客服的痛点？
每天高负压的的工作环境，枯燥重复的工作流程，敏感繁多的考核指标。
那在确定好设计目标之后，就需要通过制定设计策略，以达到设计目标。
注意：我们在做设计之前，必须要确定设计目标。因为目标是方向，不然做到最后发现自己做的设计没有解决产品目标和用户目标，那就是白白的浪费时间，也说明自己做的设计是又问题的。
项目上线后，我们需要去收集用户反馈，关注我们设定好的指标去衡量、验证构建的设计方案是否解决用了用户问题以及是否达成了产品目标，因为这样设计工作才能实现一个闭环。
可通过在产品上线初期以及上线一段时间后进行调查问卷的发放，通过调查问卷得到用户在使用新的产品的感受，直观感受产品迭代后的反响，同时也可以为下次的迭代提供方向和依据
从产品目标我们可以看出，我们的数据指标就是提高用户对自主渠道的使用率，那我们只需要在自主渠道的页面增加一定的数据埋点：页面点击率、页面浏览时长等等
写了这么多，才发现自己现在欠缺的，还有环境欠缺的。所以冷静的理一理自己的工作的流程，多关注业界的动态。主动的将设计前置，提升自己的价值，提高自己在团队/项目中的话语权。不然如果只是简简单单的设计呈现，自己永远处于被动挨打的状态，没有话语权，没有价值体现，随时都有可能被替代。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
知彼知己，百战不殆。
——《孙子兵法》
产品经理的岗位职责之一是在市场中建立和维护产品的竞争优势，竞品分析是产品经理的一项常规工作，分析质量决定着决策质量，影响着对业务取长补短的效果。但在竞品分析时，常遇到以下问题：
那么，竞品分析应该怎么做呢？
当我刚刚喜欢上一个姑娘时，却发现已经有人喜欢她了，而且张三已经表白，李四也有好感，怎么办呢？
大脑会在荷尔蒙的牵动下情不自禁做起了分析和策略。先从人类视角思考一下世界观、人生观、价值观、婚恋观，确定一下自己要谈一场什么样的恋爱。
再从恋爱角度来了解姑娘，哪里人呀？啥家庭呀？啥衣食住行呀？啥爱好？啥性格呀？符合梦中情人的样子么？这么一通观察下来，那多久约一次会、吃什么饭、唱什么歌、送什么礼也就心里有数了。张三李四都干啥了就得有差异化。
进一步了解之后又要返回到婚恋观，问自己真诚否？关系合适否？只有对自己真诚，对姑娘真诚才能情投意合。既然双方感觉都不错，继续更深一步互动，少了一些遮掩，偶有矛盾，知道双方喜欢啥，雷区是啥。如此，言谈举止便要有所分类，分类即尊重，相容即相爱。
咔，到这里，没有张三李四的事了。良久，两人有了结婚的想法，要双方家长见面聊聊呀，聊聊两个大家庭的想法，聊聊小家庭的打算，真心地切合实际地聊。靠谱！
咔，姑娘到手。结婚的过程又一次巩固了小家庭的使命、愿景、价值观，那就过日子吧。总之，在与姑娘相处的每个阶段、每个事上都要真诚以待。竞品分析更是如此了，要与用户谈恋爱。
当然，更准确地来说是竞争分析，产品只是价值的载体。做一款产品时，却发现已经有直接竞争者、替代竞争者、潜在竞争者、预算竞争者了，而且还有一些可参考的友商。就从7个角度观察分析：
在频率上可以日常分析、定期分析、突发性地专项分析；在分析粒度上可以大到对行业趋势的分析，中到对竞品方案的分析，小到对竞品功能点的分析；在呈阅对象上，可以是BOSS、PM、设计师、研发人员等。
总之，PM做竞争分析时要在产品所处的每个阶段、工作的每个细节上都真诚以待，这样才能得到客观有用的结论。这是对竞品分析的工作思想，开始分析吧！
用户价值、商业价值、用户价值与商业价值间平衡，这三类的预期和现状之间有所差距，想找到解决方案减少差距呗，那还是会遇到7种不同的情况：
往细来说，大概会在开拓市场时，寻找市场切入点、寻求差异化、规划业务、策划运营方案等；在挖掘用户需求时，分析用户和分析需求等；在观测市场时，做行业预测、竞争预测等；在……时，进行……
以“目标用户类型”、“核心需求”、“产品或服务的特征”和“用户购买预算”为依据大致可以划分为5类竞品。
★代表相似，✘代表不同，- 代表可有可无
从整体上看，市场的构成如下图要素构成。在这个视角，我们主要做产业分析、行业分析和市场分析。
3.1.1 产业分析
产业是指由利益相互联系的、具有不同分工的、由各个相关行业所组成的业态总称。一个产业可以跨越（包含）几个行业。产业结构、产业分类、技术结构、技术分类一般都有国际或国家的分类标准，百度可见；其中产业结构中各角色的互动关系如下图所示：
图中的互动关系也可称之为“产业链”中的“供需链”。
产业布局是指产业在一国或一地区范围内的空间分布和组合的经济现象。在静态上看是指形成产业的各部门、各要素、各链环在空间上的分布态势和地域上的组合。在动态上表现为各种资源、各生产要素甚至各产业和各企业为选择最佳区位而形成的在空间地域上的流动、转移或重新组合的配置与再配置过程。可用“产业地图”来表示：
示例一：按资源、生成要素的流动展示
图中的流动关系也可称之为“产业链”中的“价值链”，而完整的价值链如下图：
示例二：按在各产业和各企业的流动展示
图中的企业关系也可称之为“产业链”中的“企业链”。
示例三：按地理空间展示
图中的地理关系也可称之为“产业链”中的“空间链”。
汇总一下，对产业的了解可从时间、空间和程度三个方面来研究，如图所示：
3.1.2 行业分析
行业指一组提供同类相互密切替代商品或服务的公司。选定行业就一定能看到我们的竞争者有哪些。从供需关系上看，就是研究目标市场的供给侧的生产者有哪些？
当然了，分类的话，还是分为竞争分析的5个对象。
那么，对行业分析，有哪些维度呢？
3.1.2.1 生命周期
即老生常谈的引入期、成长期、成熟期、衰退期。
3.1.2.2 竞争类型
分为完全竞争、垄断竞争、寡头竞争和完全垄断。
3.1.2.3 行业要素
分析一个行业的主要影响要素及要素密集度。包括五类：
3.1.2.4 经济周期
分为三类：
3.1.2.5 行业结构
常从三个维度分析：
3.1.2.6 主要数据
行业的发展分析时经常回顾历史、分析现状和预测未来。
回顾、分析和预测哪些数据呢？
主要有市场规模、毛利率、销售增长率和净资产收益率等。
3.1.3 市场分析
市场泛指商品交换的领域。
3.1.3.1 分析对象
3.1.3.2 分析范围：
3.1.3.3 市场概览
3.1.3.4 市场集中程度：
CRn（concentration ratio）n一般用10。也就是在这个市场市占前10的公司，加起来的总和占整个市场的百分比，百分比越高，证明这个市场的集中度也就越高。
3.1.3.5 市场消费模式
3.1.3.6 上下游市场分析
3.1.3.7 市场数据
① 规模
② 数据
③ 趋势
从供需上看，就是研究目标市场的需求侧的消费者有哪些，该角度一般是在做新产品前对所有的消费者进行研究。
3.2.1 分析对象
目标市场中的消费者。
3.2.2 分析目的
3.2.3 分析范围
更多是全局分析
3.2.4 分析方法
3.2.4.1 定性调研：访谈、焦点小组、卡片分类、参与式设计
3.2.4.2 定量调研：调查问卷
3.2.4.3 场景调研：分为三类场景
3.2.5 分析维度
① 口碑调查
② 产品价格
客户希望为这个产品支付多少钱？竞品价格如何？
③ 购买动机，购买的影响因素及比重
④ 购买习惯，如购买渠道、购买时段等等
⑤ 产品感知及体验
3.2.6 分析产出
产出一：用户故事版，或是用户画像之User Persona
产出二：价格分析图
产出三：满意度和净推荐值
产出四：购买因素及比重
产出五：购买习惯
想要了解竞品是如何研发出来的，就需要关注和比较双方的开发什么周期的各个动作。要“比、学、赶、超”不断迭代，当然也要“你打你的，我打我的”，坚持自己得定位。
3.3.1 产品定位
3.3.2 产品定义
① 定义用户：
② 定义场景：
③ 定义价值：
④ 全局思考：
3.3.3 战略规划
3.3.4产品设计
3.3.5产品研发
3.3.6 产品运营
上线前基于产品的运营计划
3.3.7 分析产出
在新产品推向市场后的销售营销、运营、根据需求演变的产品迭代，也要经过进入期、成长期、成熟期和衰退期是个阶段。
在不同的产品生命周期阶段，企业经营行为的侧重点不同。
3.4.1 产品商业模式
3.4.2 产品/市场匹配（PMF）
PMF是Product Market Fit的简写，是指产品和市场达到最佳的契合点。象征着产品正好满足市场的需求，令客户满意，这是产品成功的第一步。
PMF的实现标准（临界点）的判断，各行各业因其特性均不同，网上有些判断方法仅供参考：
3.4.3 产品功能
3.4.4 所用技术
3.4.5 运营推广
3.4.5.1 内容运营
3.4.5.1.1 企业介绍
3.4.5.1.2 企业新闻
3.4.5.1.3 产品手册
3.4.5.1.4 客户成功案例
3.4.5.1.5 行业白皮书
3.4.5.1.6 行业解决方案
3.4.5.1.7 行业报告、干货资料
3.4.5.1.8 期刊、书籍等出版物
3.4.5.1.9 电子书
3.4.5.1.10 课程讲义
3.4.5.2 活动运营
3.4.5.2.1 线上
3.4.5.2.2 线下
3.4.5.3 渠道运营
3.4.5.3.1 官网媒体
3.4.5.3.2 自媒体：公众号、头条、搜狐号等等
3.4.5.3.3 全员营销
3.4.5.3.4 联合推广渠道
3.4.5.3.5 贡献线索渠道
3.4.5.3.6 代理商渠道
3.4.5.3.7 社群运营
3.4.5.3.8 运营体系及风格
3.4.5.3.9 运营事件分析，关注和研究显著的增长点
3.4.5.3.10 关注各类运营数据及转化率
3.4.6 销售/营销
3.4.6.1 定价策略
3.4.6.2 市场营销
3.4.6.3 销售模式
3.4.6.4 销售渠道及渠道策略
3.4.6.5 品牌管理
关于定价方法，UCPM的总结比较全面到位，这里罗列一下，百度即可。重在比较不同竞争者的定价策略。
当产品中沉淀了一些存量用户之后，为了实现用户需求的异质性、并集中有限资源进行有效市场竞争的行为。企业在明确的战略业务模式和特定的市场中，根据用户的属性，行为等因素对用户进行分类，并提供有针对性的产品、服务、销售、运营模式，达到用户价值和产品目标的最大化。
系统实施层面，是在抽象理论的指导下，用算法进行标签化统计、分类，并以用户画像的形式表现，最后在策略上、界面上、运营方式上进行“量体裁衣”。
3.5.1 分析对象：产品中现有的用户
3.5.2 分析目的：对用户细分，精细化运营，不同用户采用不同的运营策略
3.5.3 分析内容：
越来越多的产品也逐渐从更多细致的维度来分析消费者，对2C用户的分析维度分为以下五类：
对2B企业的分析维度，大致分为以下三类：
3.5.4 分析方法
我们通常需要以不同的角色来体验和感受产品，而且能在各个角色之间切换自如。角色可以分以下几类：
3.6.1 产品覆盖的场景有哪些？能满足哪些需求？能给我带来什么价值？
3.6.2 多端比较：
3.6.3 多商业入口分析：
3.6.4 功能：
3.6.5 UI与交互
3.6.6 其他
企业本质上是“一种资源配置的机制”，其能够实现整个社会经济资源的优化配置，降低整个社会的“交易成本”。从产品背后看企业，才能看到产品的基因与营养。
3.7.1 分析对象：产品所属的企业
3.7.2 分析目的：分析竞品所属企业的资源配置机制
3.7.3 分析方法：
3.7.4 分析领域：
3.7.4.1 企业背景
3.7.4.2 企业历程及重大节点
3.7.4.3 企业定位
3.7.4.4 企业愿景
3.7.4.5 发展战略
3.7.4.6 业务模式
3.7.4.7 产品矩阵
3.7.4.8 产品战略
3.7.4.9 商业模式（商业画布）
3.7.4.10 人力资源：
3.7.4.11 财务资源：
3.7.4.12 实物资源：
3.7.4.13 技术资源：
3.7.4.14 社会资源：
3.7.4.15 其他资源
1）成为用户
2）体验产品
3）轮岗实习
1）用户调研
2）用户反馈
3）用户数据分析
4.3.1 公司官网
4.3.2 产品使用
产品体验、产品文档
4.3.3 竞争者的员工
4.3.4 互动交流
1）政府机构：查看政府的工作统计报告
2）行业研究机构：行业报告、案例研究和论文，能了解行业现状和市场格局
3）第三方调研机构
4）专利机构：可检索竞品涉及的专利
5）合作伙伴：从合作伙伴处了解竞品
6）应用商店的数据统计平台：查看产品排名、用户评价、下载量统计、活跃用户规模、版本迭代记录等
1）编写
2）爬取
3）问卷、访谈
4）数据库调取
5）购买
5.2.1 重复信息
5.2.2 残缺信息
5.2.3 错误信息
5.2.4 不一致信息
将清洗过的信息加工成我们想要的信息：
个别信息，尤其数据类的信息，需要抽样检查。
市场变化快，信息须及时更新。
1）主观：体验、描述、评价
2）客观：特征罗列、流程呈现、要素列举、公式计算
有一些现成的理论模型是可以直接套用的，列举如下：
6.4.1 对比分析法
最简单的对比是罗列要素，进行Yes/No的打钩。
6.4.2 综合评价分析（权重评分法）
6.4.3 结构分析法
6.4.4 四象限法（矩阵分析法）
一般选择两个关键竞争要素，通过四象限来分析竞品之间关键指标的分布情况。如波士顿矩阵法也属于四象限法。
6.4.5 历史跟踪法
参考资料：
蓝蓝 http://www.lanlanwork.com
