宜家的设计为销售负责。比如设计一个杯子，宜家的设计师需要考虑如何更多的卖出杯子。没错，销售更多的产品是设计师的KPI。在这样的目标导向下，设计师很容易去思考几个问题。
众所周知，宜家的产品是场景化的，总能让人感受到设计师们的热情、心血和心机。设计为销售负责，售出更多的产品确实可以作为设计有效性的验证方式之一，但销售量却不能作为设计的量化标准。
这两者之间有很微妙的差异。我们引入一个概念叫做“数据趋势的正向反馈”来解释这个问题。“数据趋势的正向反馈”，它具备允许波动，且不为一个具象的数值服务的特征。类似下图示：
设计为销售负责，我们可以理解为，衡量好设计的其中一个维度标准就是销售“数据趋势的正向反馈”，值得注意，不是销售量的某个单一的KPI值。因为达成某个销售量的KPI值有很多手段，设计策略、产品策略、运营策略和营销策略等等方式都可能完成，如果用销售量去衡量设计，会让设计变得不够纯碎。但是，用“数据趋势的正向反馈”来衡量设计是否有效，用户是否认同却是可行的。而且，“数据趋势的正向反馈”意味销售量是持续增长的，哪怕有波动，哪怕有快慢，长期看能够持续增长代表用户是健康的。设计价值是为产品带来健康用户，或者说是保障产品的健康度。产品健康度一般看几个值。
用户跳出率
用户跳出率指只访问了入口页面就离开的访问量与所产生总访问量的百分比。通常互联网的平均跳出率大致是73%，如果你的产品跳出率超过这个值，说明用户质量不高。
平均访问时长
平均访问时长指用户在一次访问中，平均使用产品的时间。互联网的平均访问时长大致是2分40秒。
平均访问页数
平均访问页数=浏览量（PV）/访问次数。互联网的平均访问页数大致是2页。
除此之外，产品还会从营收的角度看用户支付金额、ARPU值和转化率等等。营收指标对与设计来说，就是需要参考的趋势数据了。了解了这些原理，怎么做呢？我们用首页改版为例，首先按上述要求定义用户健康度指标。假设首页承载电商内容，根据电商特性在基础指标之上，增加一个用户在首页的停留时长指标，这个指标衡量用户是否能在首页逛起来。
依据这些指标，就可以搭建针对于当前项目的用户健康度指标，在设计过程中通过对指标和指标用户的数据分析和对指标用户的访谈综合得出项目的核心问题及解决思路。通过线上验证设计方案观测数据模型的趋势变化，以获得最优的设计。设计在保障产品用户健康度上，是一个持续迭代的过程。
产品没有最健康，只有更健康。
作者：ZA大人
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
设计趋势每年都在不断地变化及轮回，多年前的风格技法在结合了当下的设计元素后，又会给我们展现出不同以往的主流时尚。
“趋势不一定每年都会更新，但趋势是我们设计的风向标。”
基于对网络数据的搜集及分析，我们对2023年设计趋势做出了预测。
无论是否顺应趋势，我们都应该了解趋势，拥抱变化，这才是我们设计师的准则。
借助当今的软件和技术，3D创作已经不再被神话，越来越多的设计师开始在自己的作品中运用3D元素。
下图是Droga5为格林威治（Greenwich）创作的一系列视觉设计，这组设计利用3D图形，创造了更醒目的视觉效果，将格林威治宣传为伦敦的新创意社区。
在手机品牌宣传物料中，设计师将3D元素与手机进行了紧密结合，这样的视觉样式在市场中很快便能脱颖而出。
提起“酸”，大家下意识会想到酸的味道，而所谓的酸性设计更多表现的是一种设计理念。
酸性设计大多画面元素丰富，各种金属、玻璃、流体渐变、镭射等科技感的元素都会运用其中，这也导致这类作品十分强调艺术的视觉冲击性。
乍一看酸性设计会给人一种混乱失调的感觉，而实际上酸性设计并不止是某一种单一的设计风格，而是一种视觉情绪的表达。当下的暗黑金属风、二次元的可爱风、明显的幻彩渐变风格……往往都含有酸性设计的影子。
回看设计领域每一年的发展，“复古怀旧”一直是必不可少的关键词。
无论是品牌形象，亦或是包装设计，设计师们频频用现代手法诠释复古之风。
还有传媒集团CNET的品牌重塑，在现代时尚元素的基础上，还融合了复古插画，整体设计从1950-1970年代的美国新闻行业中汲取的灵感。
最近，衬线字体在品牌设计中的出镜率极高。
不少网站的设计都是围绕着衬线字体作为构图中唯一或主要的设计元素而存在。
Stradivarius是诞生于1994年的西班牙女装品牌，与ZARA隶属同一公司。
2022年2月初，Stradivarius推出了全新的Logo视觉，衬线字体更容易彰显女性简洁现代的气质外，同时兼具女性力量。
近两年，NFT可以说是对设计、艺术、技术行业产生冲击最大的新事物之一了。
NFT与平面设计联系起来，就是我们所说的数字平面艺术。它的到来对设计师影响有很大变化，横向能力要求有所提高，比如了解虚拟数字化设计，以及对全新审美和新三维技术有更高的要求。
以下这幅《Metafisica》便是非常热门的NFT作品。
表情符号在如今是一个超越文本并能得到广泛认知、跨越文化和多领域的视觉语言。
单一的枯燥图标很难满足多元化场景下情感的表达，于是，动态emoji图标来了，它能带来更强的视觉欣赏体验。
高饱和度色彩是年轻的色彩，它是先天的乐天派，同时也是情感的直接表达。
可尽管“吸睛”对品牌而言十分重要，但在设计之余要注意色彩平衡，以免混用色彩，很容易引起视觉疲惫。
极简主义杜绝一切多余的装饰，形成独特而简单的视觉语言，用最简洁的表现形式勾勒出产品最基本的形态。
简洁的图形设计摒弃了多余的图案、文理等装饰样式，为真正重要的信息创造了呼吸的空间。
留白，是最高级的美。
将富有表现力的手写字体写在设计中，能为作品带来不一样的氛围感。
随手一写，便是一幅“画”！
2022年，我们在Dribbble或Behance中会发现很多设计师都开始有意识地采用“玻璃拟物化”美学的设计。相信在2023年，我们会看见更丰富的表达~
毛玻璃效果广泛应用于UI设计之中，在摹客DT中也能快速完成。
使用玻璃拟物化设计的界面，由于毛玻璃的通透性，会呈现出一种虚实结合的美感。
除此以外，我们还可以看到的，这一趋势已经明显转移到了玻璃和水晶质感上，而且以令人难以置信的用立体拟真度将图形设计提升到了一个全新的高度。所以，2023我们也将看到更多与全息和3D趋势相辅相成的透明质感和逼真的玻璃背景等元素的设计。
2023年的设计趋势给我们展示了设计的无尽可能，设计师们可以创作出更多超乎寻常的非凡设计，为用户营造出独树一帜的全新体验。
身为设计师，我们要持续积累优质的设计素材，要知道设计趋势因人而异，我们能做的就是选择合适的风格应用在设计中，才能发挥它不可估量的价值！
作者：摹客设计云
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
一、项目背景
百度文库APP是一个在线文档分享平台，上线已有十余年的时间，是一款名副其实的老字号互联网产品。随着互联网的成熟以及年轻用户的涌入，时代语境和流行文化发生了变化。年轻化设计已经成为互联网产品设计中不可避免的话题。在日常对用户反馈的监测中，我们发现文库APP当时的体验已经不能满足用户多样化的需求。并且在体验走查以及用户访谈中发现，文库APP的视觉风格、交互方式、使用感受都存在老旧、不贴合流行趋势的问题。
二、由内而外，打造年轻化感知
通过对年轻市场进行洞察，我们发现年轻用户对产品的需求是多维度的。不仅对产品的“颜值”有高要求，他们更追求使用时的便捷和流畅度。他们对新鲜事物的接受程度更高，也更愿意去探索产品新的玩法，与产品进行沉浸的情感互动。
所以此次年轻化改版不能只是对“产品的外表”进行升级，要从视觉、体验进行全方位、多维度的年轻化升级。由内而外的打造年轻化感知。
三、“老字号”互联网产品的焕新之路
2.1 视觉升级-更好看
2.2 体验升级-更好用
写在最后
从UI设计诞生初期，设计师在屏幕上模拟现实世界的交互方式，用拟物化的设计风格帮助用户熟悉UI界面操作。到现在用户对移动屏幕越来越熟悉，设计师们可以在产品设计中去尝试更多的可能性。产品与用户共同成长才是年轻化设计的意义。
未来，我们也会保持好奇心和探索欲，不断打磨产品体验，与用户共同成长。
作者：百度MEUX
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
前言
互联网瞬息万变，在产品不断更迭的过程中，我们经常说要保证产品设计的一致性和质量，提升产研链路的效率。但现实情况是：产研团队长期面对的是产品越来越复杂，体量越来越大，一个个复杂的产品下包含N个业务线，N个业务团队，甚至还有外部合作的业务，每个迭代都要面对数以百计的功能上线，经常容易出现各种相同但不一致的功能，上线质量参差不齐，执行者也容易陷入日复一日的需求海洋而没有更多精力去挖掘更有价值的事情。
所以如何解决团队效率和产品质量问题？我们的解法是抽象体系化的解决方案：设计模式化和代码化，设计从原子到全局进行统一和优化，并形成系统化的设计指导，由开发进行模式代码化，提供灵活可配置的规则。以此，设计有更系统化的设计原则，整体的统一性和体验有保障，设计和开发周期也可以缩减，甚至大部分日常需求可直接由产品对接开发直接上线。
1.1 什么是系统化解决方案？
大多数日常需求大多是从单点出发，当点变多变复杂了，就容易出现上述说到的现状问题。所以解决方案需要基于业务全盘进行设计抽象：从元素——组件——区块——页面——功能流程沉淀设计规则并代码化，来灵活提供拼装N个不同页面的机制，帮助团队更系统化的进行产品设计。从组成内容不难看出，解决方案是需要建立在基础组件基础上，与基础组件、复杂组件、行为模式共同组成设计系统的【功能模式】部分。
解决方案是一套相对稳定的设计机制，所以在产品初期或团队建立初期，产品可能经常会调整的情况下，并不适合做。初期可以借助成熟的设计系统来减少投入成本。而到成长期可以根据业务的发展梳理基础元素、组件，选择性的建立部分稳定且利用率高的解决方案，并持续发展，保证解决方案可以起到指导和提效的作用。随着产品或团队逐渐成熟，解决方案也应该随着一起成长，相互影响相互作用。
1）对产品页面（尤其是重点功能）进行盘点，划分页面类型：比如列表、表单、详情、dashboard；
2）对页面中的内容进行区块归类
3）对区块中的信息进行拆解
这三个过程下来，对于问题、规则、规律都会有一定的概念。以一个后台系统为例
1、页面大类主要是：列表、表单、详情。
2、其中列表的内容大致区块分为：页面标题区、列表操作、列表筛选、列表内容，到这个阶段已经可以发现，相同区块位置就存在不稳定，在后台系统中可能影响面不会非常大，但对于内容复杂繁多的工具或C端界面就会容易出现找不到的情况。
3、不同区块的内容拆解，同样也会发现一些细节问题，比如筛选的样式、规则不一致，列表操作的方式、位置、样式、交互不一致等等
2.2、抽象、重组：从布局——区块——组件——设计规则
从第一步全盘的信息拆解和归纳, 已经发现问题, 这一阶段主要2点：第一是如何通过设计规则来避免同样的问题产生，第二是如何通过简单的规则重组减少多人合作记忆复杂度。思路类似于设计一个界面，首先得有一个布局划分，不同的区块要放哪些内容，再到区块里的细节内容规则，从而抽象出由布局到区块的设计规则和可复用的组件。
以前面说的列表为例
1) 区块主要是4类，明显的问题是区块位置不稳定，所以在布局结构上，需要定义1-2个稳定的可配置的布局框架来适应不同的内容
2）不同区块梳理组成内容，内容细则
3）标记出可组件化的内容及规则
4）提炼整个过程中通用的设计规则，作为全局的指导。如：国际化、排版规则、超限规则、适配规则、文案规则等等。
通过布局——区块——组件——设计规则，可以灵活的进行页面拼搭
区分通用层和业务层，通用层落地到通用模板市场，利用脚手架生产新页面。业务层面的落地则是基于通用库封装具备业务属性（如：业务主题、业务数据、业务拓展方案）的业务库来生产新页面。
目前群核设计团队建立了一套平台通用的解决方案，适用于所有中后台产品。业务属性比较强的产品也基于通用解决方案封装业务层面的解决方案，同样的思路也应用在不同体系的工具场景中。整体实践下来，产研效率提升近50%，甚至完全解放了一条业务线的设计资源。产品体验的一致性、上线质量也有明显的提升
三、解决方案的管理和发展
解决方案作为设计系统的一部分，与设计系统一同管理，业务设计师使用系统来输出，反馈问题或需求给系统，有系统设计师判断可行性，周期性的管理，及时更新并在内部互通，促进互相成长和发展。
解决方案与设计系统的发展有一点不同的是解决方案有更多业务化的内容，业务团队根据业务迭代维护解决方案。当业务的方案达到通用级别，则列入到通用库。
这些方法和思路也并不限制行业或产品类型，仅是在我们当前服务的产品体系下总结的方法。当然解决方案并不能解决所有问题，只是希望在提供更系统化的设计方法和模式的同时能减少重复工作提升效率，让产研团队有更多的精力和时间投入更有价值的事情。
作者：酷家乐UED
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
http://www.lanlanwork.comhttp://www.lanlanwork.comhttp://www.lanlanwork.comhttp://www.lanlanwork.com/dp.htmlhttp://www.lanlanwork.comhttp://www.lanlanwork.com/web.htmlhttp://www.lanlanwork.com/Design.htmlhttp://www.lanlanwork.com/Design.htmlhttp://www.lanlanwork.com
一年一度的年底复盘总结大会即将开启，期间闲聊时被问：作为设计师，日常工作中如何体现设计价值？你们平时做的那些不是业务需求吗？如何体现设计价值呢？直白一点：你们设计一年都没产出啊！！！我开始反思：如果平时做的业务需求不能体现设计价值，那么什么体现我的价值呢？设计价值到底用什么来衡量？
1、如何理解设计价值
2、设计师价值分层
3、设计价值案例体现
4、设计价值具体表现方向
很多招聘上都写着会插画会动效的加分，很多职场人没面试或没应聘上理解是不会某个技能，因此抱怨设计要学的太多了...但是注意「加分」这个词的前提是满足必要条件之后才去考虑的，如果公司有大量的剪辑和插画需求，自然会招插画师和剪辑师（我上家公司有专门的插画师和视频剪辑人员），所以不妨反省自己是否满足必要条件。
前几年大家或许可以凭借这些差异化优势拿到不错的薪水，但是寒冬之下公司更多的思考着如何活下去，更看中设计能给产品发展带来什么价值
商业设计本质上服务于业务，公司需要用户参与盈利，所以每个季度或每个月分发每个部门业务目标，项目团队根据当前部门任务制定相应的项目目标，然后再一层层分发到设计，总结他们的关系如下：
因此判断设计价值的关键是：是否真正地帮助业务解决问题，助力业务目标达成。换言之，设计价值就是设计师通过设计思维/策略/方法，帮助业务创造的那部分价值。
根据设计价值，市场上衍生出各种设计师头衔，被划分为更靠近产品的UXD（User Experience Design)、以及在UXD基础上提升出与业务更密切的UGD（User Growth Design)，最后就是更偏纯视觉的VD（Visual design)。
相信大家和我一样，在公司对设计师的要求再也不是单纯界面输出了，虽然职称头衔没变，但是公司对我们的要求越来越高了，那说明你正在向体验型设计师或用户增长型设计师发展。今天看了我的文章，打开格局，未来的路也会越走越宽
设计师的价值可以分为五层：
基础价值（设计协同）：重要且紧急，设计师立身之本
二级机制（优化负向）：自驱解决负向问题，量化优化结果
三级价值（增长爆破）：洞察增长爆破点，自驱推动增长
四级价值（L型赋能）：垂直击穿，经验沉淀，实现L型赋能
五级价值（业务领军）：人人都是业务方，拓展设计师在行业和生态影响力
今天主要聊聊前三种，我相信很多人最初选设计师这个职业认为设计不用对接太多人，做好自己的事情就OK，紧接着慢慢的在无止尽的改稿消耗了激情，开始喊出设计没前途想转行不好找工作等等，但是正真玩明白设计的人往往笑而不语
不知其然，表象复刻。设计协同最基本要求就是在拿到需求后高效又完美地实现落地。也就是我们刚刚入行时日常工作中所做的事情：产品给到原型、设计开始执行、接着进入研发、再接着走查等等，甚至很多人都没玩明白设计系统有哪些，各个设备的的规范区别...
做好这个阶段是设计师基本素养，需要良好的专业能力，良好的沟通能力，并参与到产品的探索与构思中来。
我之前在小红书分享了很多关于设计优化内容，优化前VS优化后。以用户体验为核心，不同场景不同设计。相较于基础价值而言，负向优化开始逐渐融入业务当中，慢慢了解整个业务流程，很多小伙伴往往提出优化方案后被认定为优先级不高，就是没有针对当前业务主要功能提出优化
这个阶段在设计师晋升中非常关键，领导非常看重设计是否主导项目优化，我目前公司晋升标准是设计师除业务需求外，一年至少需要2次设计主导项目推动。这个过程比做业务需求复杂的多，因为当你没有足够资源协助优化时，需要设计自己前期调研、设计问卷、找数据、写产品文档、画原型图、标注交互规则...整个过程由你主导。
当然这个阶段的设计师会比上一个阶段更能体现设计价值，并对产品产生一定的影响力。我们要把格局打开不要局限于设计本身，不是说忽略设计，是基于日常设计界面去考虑设计的意义，给产品和业务带来的影响。能在以用户为中心的基础上，寻找机会点，推动业务的增长，所以这个阶段的设计也被称为UGD（User GrowthDesign）
这时候对设计的要求更高，比如需要具备用户洞察力，数据分析能力等，从这些维度出发，去熟悉业务、分析业务，寻找设计机会点，制定设计策略，从而推动业务。这个阶段的设计师，也是市场最需要并且很稀缺的。
通过一个案例我们一起讨论设计价值体现，首先看一下业务目标，设计目标是由它推导而来，这个推导的过程并不是直观可见的，需要我们进行用户调研、问卷调查、数据分析等等一系列方式去推导，最后总结归纳出可行设计目标。推导过程是整个设计过程中最重要的环节，为了让大家理解，我在网上查了很多案例
一般业务目标是决策人开会共同决定的，它只是某个阶段大的方向，基本可以套进下面这个公式
以我目前工作正在执行的项目为例，可以组合其中一部分作为业务目标，例如：
Q4：通过提升中介版位的曝光率引导中介入驻（上传社区资料），来增加社区内容的丰富度
阿里《五导家设计法》中对业务目标和设计目标的定义是：
1、业务目标：用［某策略］给目标用户带来［某价值］，以实现［某变现方式］
2、设计目标：用［某设计策略］给目标用户带来［某价值］，以助力［某变现方式］
这个刚开始理解会比较困难，因为很多项目其实只有一个总体的目标并不会细化到这样的颗粒度。于是我去网上查了一些设计师的分析部分内容，整理组织一下发现大致的信息是这样的：
由业务方提出一个需求，这个需求背后往往伴随着一个业务指标，设计师则需要将定量指标拆解为有设计执行指向的目标。上图中简化XX功能的操作路径，就需要拉出整个操作过程中的数据，观察同级功能及子级功能有什么影响，用户是在哪一步流失的，有什么优化途径...，可以看出短短几个字背后的工作远远比想象的多
这次设计改版也是伴随着业务的发展而来的，为了做出贴近业务目标的设计，项目前期对产品的定位及业务底层逻辑做了深刻的理解，思考我们为什么要做这个产品？用户通过我们产品得到什么？为了方便理解，我从项目背景开始说起
项目背景：随着平台买卖租赁业务迅猛发展，用户对于房屋周边关注度越来越高，单个房屋详情无法满足用户对整个房屋周边的了解，所以推出社区找房平台。产品主要定位是提供小区内真实有效的房屋信息，帮助用户省时省力的筛选出优质房源
问题：由于第三方合作平台房屋资料更新不及时，导致C端用户（买卖租赁）去线下看房时发现已卖已租，渐渐地对平台产生不信任，最后很大可能弃用。
解决：为了改善这一现状，平台引入「社区专家」这一概念，并通过提升中介版位的曝光引导中介入驻，入驻则需上传该小区户型图/平面图/内景图等 。也就是说中介入驻后被称为社区专家，在APP端曝光量增加，吸引C端用户点击互动，从而提升房屋成交量的可能性（也就是业绩）
这样一来，我们就明确了现阶段为什么要做这件事：中介通过上传房屋信息获得一定的曝光量；而买卖租赁用户通过房屋信息省力省心找到符合自己预期的房源。
产品最终服务于用户，不同产品面对的不同人群的需求是不一样的，所以前期深入了解了用户，明白用户诉求，这样能更好的聚焦设计策略，将产品的核心价值及服务价值传递给用户，从而提升用户使用体验
接着对此次需求目标用户（中介）进行了调研分析，当前我们的中介用户特征具体表现为：年龄在45岁以下的用户人群占73%左右，整体年龄不大，对互联网接受度较高，工作业绩直接与房屋成交金额挂钩
社区专家入驻流程简单的看就是上传社区信息图片，然而其实是一个系统化决策的过程，整条关键路径从了解入驻优势（信息获取）到怎么上传（上传图片）再到上传成功（入驻成功）经历了几个关键节点，开始呈现一个漏斗状的情形，转化率越来越低。
因此在产品设计之前，我们对用户决策的关键路径进行了相应的梳理：主要为入驻前、入驻中、入驻后几个阶段，同时围绕着每个环节去强化用户内心感知，挖掘设计上的机会点
在这几个阶段我们主要解决的问题可以归纳以下几点
1、入驻前：如何让中介快速找到入驻入口，明确入驻优势
2、入驻中：如何让用户入驻更顺畅
3、入驻后：如何提升用户入驻后效果感知，为再次入驻做推动
到此产品整体的设计思路已经很明确了，如果前期我们没有对业务进行宏观层面的拆解和分析，设计后期可能找不准设计的发力点，从而导致设计没有贴合实际业务场景
围绕着这些背景，经过多次沟通最终设计和产品同学达成了一致，本次主要设计目标为
1、提升用户信息阅读效率
2、提升用户入驻决策效率
3、提升用户入驻后效果感知
在明确了设计目标之后，最后一部分是设计落地了，正确的设计始终围绕着产品策略来执行的，并通过深耕的设计解决方案来为用户打造优质的服务体验，那么我们将从以下几个维度来进行视觉方案的设计
(1）以传达信息内容为主
说到权益设计师视觉常常会体现荣誉感，就会联想到黑金权益对比，但是不管是什么样的视觉表现，最终的结果都是以清晰传达信息内容为主，让用户看的明白这个是干什么的，对他有什么好处
如果用户看不明白，即使信息有效触达，最终会以为是广告不明所以的关闭
当然这中间也不仅仅是设计的问题，产品给的交互原型稿就有问题，整个图就没让人明白这个是基础权益和置顶权益的对比。设计拿到原型搞后要提前沟通，在交互原型不确定的情况下不要开始设计，这个在《设计如何提升工作中话语权》有提到过，等交互评审多方达成一致后开始着手设计，这样才会事半功倍
(2）利益点的展示
关于用户入驻的利益点运营角度肯定是展示越多越好，但是产品为了减少用户跳出率，期望查看任务是在当前页面用弹框承载。由于弹框承载信息有限，我们尽量想在电脑一屏内展示完当前任务及主要利益点，所以在用户能看明白的前提下不能无限增加利益点
(3）挽留弹框优化
无论什么类型的弹框，必须要做到文案简洁。不要让用户看半天还没明白你要说的是什么，然后才没办法也无所谓的点了确定或取消，当然大部分这种情况，他们都会点击取消，或者右上角的关闭键。
而一般弹框按钮，右边是主操作按钮，也就是引导用户操作下一步的按钮，这次优化前按钮文案不好理解，确定操作与用户本身理解有歧义，易造成误操作
(1）统一入驻后的视觉效果
中介入驻前后状态分为：入驻前、入驻中（审核中、未通过、已通过）、入驻后（免费续期）。其中入驻中未通过使用警示色红色，为了强化中介入驻后的视觉效果也采用了红色，这与入驻成功的绿色不符。
在视觉上用色混淆，那么后续红色是表示警示的同时还可表示强调？那么下图中「1筆成交」用红色是成功了还是未成功？为了避免这个问题，入驻后视觉效果统一为绿色，在后续色彩感知上更清晰明确，无论是设计师还是用户都不会混淆
(2）优化入驻路径
主要按照流程最短，操作最少方向去优化，1.0版本完成整套任务流程：免费入驻 → 入驻成功 → 做任务 → 免费置顶。当1.0第一版设计稿灰度上线后，产品预期是与中介达成共赢的结果，但是灰度数据结果显示中介用户入驻率低
在优化前我建立了一个用户调研群收集用户反馈，与部分用户电话1V1，发现有很大潜力去提升。比如与用户沟通时，用户说不知道入驻成功后还需要做任务；做完一个任务置顶后怎么还需要做任务；再做任务有什么作用等等
①免费入驻 → 入驻成功过程产生疑问，即入驻成功有权益还是做任务有权益？有什么不同？
②置顶一词有歧义，他们理解置顶是整个流程完成，而产品放理解置顶是前端页面的置顶
(3）任务弹框关闭方式
通常来说为了方便用户关闭弹框，点击蒙层或点击关闭都可任务。入驻任务弹框是中介进入后强制弹出，1.0版本用户点击蒙层也可关闭，在2.0版本时候新增上传社区格局图，需要填写筛选格局信息，关闭筛选框最常见方式点击筛选框其它区域，由于任务本来是弹框展示区域有限，点击蒙层是大多数人选择，这时候可能上传一半就打断了，体验非常不好。
处理方式：增加关闭按钮点击区域，弹框只能点关闭按钮关闭，点击蒙层不能关闭
买卖租赁用户与中介的互动率在一定程度上影响着中介留存以及再次入驻意向，入驻后中介用户在APP展示上至关重要。
由于品牌色是饱和度比较高的橙色，所以前期整个页面的可点击区域基本以品牌色为主，每次强调都是在原视觉上更强。当专家版位的视觉强调用橙色，视觉上可能无法凸显；
用其辅助色蓝色时，存在2个问题，①蓝色辅助色视觉感比较重（新建案品牌色不能随意修改），作为按钮时更像是一个主按钮；②后续设计可能与其他业务线用色混淆，用户也可能分不清2个业务之间的关系
设计侧如何解决呢？
面对这样的僵局再做优化，就一定需要转换思路了。跳出纯页面设计的层面去看转化，我们到底设计什么？此时需要重新梳理模块内容，明确产品诉求是想突出什么，结合产品诉求重新梳理内容优先级，以视觉维度重新输出设计优化。
这一个阶段就是证明之前所说内容是对的，证明你的设计正确性与有效性，并对后续的优化做准备
从入驻前中后期及APP展示在10月18号优化上线后，中介入驻成功率明显上升，从而影响着社区入驻率也明显上升，APP端互动按钮点击率也极大提升。整体来说这次改版非常成功，后续在响应式详情页上也会做相应的专家版位优化，社区专家曝光率最大化，同时也提升C端用户找房效率
上面说了这么多，以上五步简单来说：
为了什么做 (问题在哪) → 要怎么做 (如何解决) → 如何才算做好了 (评估体系) → 做好了吗 (“定性、定量”在过程中的合作方式和态度) → 还需要优化吗 (验证复盘，再次出发)
上面说了这么多其实想说明设计价值的本身不是局限的，它不仅仅是大多数人看到的可感知的界面，它还包含对外增值和对内成本两种类型：
对外增值是指价值的增加，用户、营收、知名度等，这些都是对外增值的部分，也就是我上面从设计维度改版产品；对内成本是指成本的控制，资源、效率、投产比等，这些都是对内成本的部分
而这两部分又可以被分为有形和无形
对外增值的有形价值，一般是指用户行为数据、业务盈利数据这些，是能被直观看见的。
如果一个决策是由你主导推进的，且因为这个决策引起了数据的上升，这个决策就是唯一变量，它能直接证明你的价值；
但是设计不是万能的，大多情况下设计只能通过“影响/实现局部用户价值”间接助力变现，我们只需关注可以通过设计手段参与、干预和落实的部分即可，这个就是我上面内容项目复盘总结的内容
当然，直接证明并不一定比间接证明更有价值。更重要的是，你要情境合理、逻辑自洽。
通常我们需要关注的指标有新增（新用户数，日周月）、传播（传播周期）、活跃用户数（DAU、MAU）、留存率以及流失率，还有aarrr的海盗指标-获取、激活、留存、传播、收入，这里不展开讲了大家可以去搜索一下。这些数据在改版以及做新功能的时候我们经常会用到。
对外增值的无形价值是什么呢？比如公司周年庆，设计组会承担全部的舞美设计，但是这个结果没办法用数据来衡量的。但是整个过程是设计全程跟进支持，使得客户好评高于往年，甚至还在行业内有一定的传播和讨论，这些都是对外增值的无形价值。
也就是说除了直观的数据目标，我们还可以从定义抽象的目标，抽象的目标也可以衡量。
设计组件规范可以最大化的保证设计的一致性、提升开发的效率以及方便产品的迭代优化，我们就使用了这样的公式：组件开发时间*使用次数-投入的时间成本，以此估算出组件库带来的工时缩减。当然组件库只是对内成本价值的一种，对内价值包含很多，比如设计原则提炼、设计语言统一等，这些在多个设计合作时事半功倍
大家常被到的问题：市面上开源的组件这么完善，设计师为什么花费那么多时间重新做组件？其实它存在2个问题
3.1、业务属性不符
虽然网上存在很多第三方组件比如Ant Design、TDesign等等，研发使用这些确实提升效率，但由于设计语言不同（公司不同业务属性不同），市面上的组件不一定与自家产品属性贴合，需要我们结合产品愿景以及业务规划进行重新设计。
3.2、业务特性不贴合
我们见到的很多组件只是基础组件，可以保证基础设计一致性，但由于业务领域的独特性和多样性，在一些专业的场景中有着强烈的业务属性，需要我们对一些基础组件进行组合，进行更专业的沉淀，这样在实际使用的时候会更加高效。例如高级筛选、不同的场景弹框等。
推动产研设流程优化，比如我之前写的《设计师如何提升话语权》就是我今年上半年发现了协作流程的不合理，反复沟通推动了流程的优化。这件事让整个团队有了更高效的合作，就属于对内成本的无形价值。
项目复盘对于我们设计师的能力成长的作用是巨大的。它之所是最快的学习方式，因为它在是实践中的反馈，这种直观的经验沉淀最终会融入自己解决问题的知识体系架构，而这将进一步反辅自己的职业成长。
复盘可以让我们站在第三方角度，重新对项目流程进行全面的回顾与总结。结合不同的反馈，客观的了解当前设计在整个业务目标中的价值，这是对我们设计量化最佳途径。
和大家再说远一点，工作可能常遇到的场景，设计优化推不动，无法进行下去。得到反馈是：优先级不高，后续有时间再优化...这个其实在大中小厂都有这个情况，属于设计价值的第二层体验优化，它优先级高不高，取决于这个问题是否足够致命。
比如说这个问题是核心功能，但根本不可用，这些就是致命问题；如果核心功能可用，只是没那么好用，也许对于你这个产品来说，就没有那么致命。所以与其想着怎样优化体验，不如看看是不是还有什么可以带来增长的方式，比如扩充下一类用户，或者更多的生态、品类等等
另外有个例子是关于一个朋友的，这个朋友工作很拼，在怀孕的时候周末都不休息，她当时负责2个业务中的一个很差。她调研了相关用户，把用户做画像分层，也找出了可以带来增长的方式，但是发给当时的合作方，他和他leader都是想混混日子的类型，就应付了一下，也没有往上汇报。在当时，级别差两级去沟通就很费劲了，这家公司在绩效期，也不强制要求给合作方评价，所以问题得不到解决，这些辛苦却换不来的成长
最后朋友就离开了，但她的性格闲不下来，而是找了一份挑战更大的工作。在之后的几份工作中，一路得到赏识和重用，充分发挥了能力。HR告诉她主管的评价是，没有做不好的事，就算不带设计团队，也可以转行带别的团队甚至创业。
他现在的公司，上下级也要互相打评价。所以身为主管，本身也要真的能力强，不然会被下属挑战，所以大家的话语权，就靠自己的能力和人品，简单明了，行就上，不行就下。团队的同学都说在她来了之后，他们有干劲多了。他们之前也很积极提方案，但总是被说优先级不高，其实是没有找准更值得做的项目。
所以建议是，首先看看是否是自己的问题，如果在和他人充分沟通后，明确问题确实不在自己身上，那你改变不了环境，就改变自己。或者你本身所在的公司挺好的只是部门不好，那就换个部门，找个级别相对弱化，专注于能力本身和项目本身的公司，成长会非常快。
作者：贝贤设计笔记
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
作者：姜正
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
下图是我们优秀的技术人员利用模版直接布局出来的页面，也可以理解为需求页面，接下里就需要我根据页面的内容重新定义风格设计。
当我看到这个页面，首先要知道他是干什么的？功能是什么？是纯数据展示还是监测预警？通过这些了解基本就能知道有没有交互行为，有交互和没交互在数据可视化的设计思路上会有很多不同，还有功能不一样设计方向也会不一样。
其次要分析出主次数据与总分数据，还要剖析目前图表运用的合理性和大屏的设计比例尺寸等等，最终可以通过分析对页面有个合理的布局展示。
通过分析对页面重新布局，如下图：
数据可视化页面设计，如果页面中有一个非常抢眼的主视觉图，那么一般对其他的元素不会过度的设计，如果都是抢视觉的元素整个页面太“花枝招展”了。
上图左右两边的图表只是简单的呈现出来，这样整体视觉上更有呼吸感，有张力，如果每个图表都加上边框，页面就会显得局促，常见的3D地理城市，主视觉为3D模型，辅助元素一般都不过度修饰。
既然是“首都国际机场”那么用3D地球来展示最佳不过了，3D地球无疑是一个重磅视觉元素，飞机围绕地球往返飞行形成光线，这样看上去页面会有很多线条。
设计讲究“你中有我，我中有你”所以这个页面可以设定为以“线条”主题，尽可能的用纤细的效果设计其他元素，例如页面中纤细的条形图、柱状图、环形图这样的设计就能体现出元素间的关联性，整体能达到一种视觉平衡和谐。
注：在思考用3D地球来设计时，我是提前跟开发沟通过，知道可以落地实现，然后才着手开始设计，所以工作中有拿不准的设计，要即时跟开发沟通。
但不是说所有产品标题都应该用斜体渐变色，要根据产品而定，例如政府类产品更多是要体现庄严的氛围，中规中矩的形式就更为合适。
天气温度、空气质量、时间是一定要加上的，原因是飞机在户外飞行肯定会关注天气，而对于北京机场来说关注空气质量也尤为重要，再说说时间，既然是机场实时数据，那么当下的时间对比实时数据就非常有意义，所以时间要体现出来。
上面图表虽然可以表达清楚全部数据，但图表包含航班总数量，这样的展现方式视觉上表现弱，同时不能够直观表达总量里面包含延误航班和取消航班。
改版后从“出港量”“进港量”两个维度出发，合并同类项：
出港量包含：出港延误航班、出港取消航班
进港量包含：进港延误航班、进港取消航班
用大字号重点突出进出总航班量，然后在下面分别罗列延误航班数量、取消航班数量，这样数据之间的关系表达就很清晰，一看就明白，同时两个维度各个数据也可以互相比较。
用色说明：
延误航班用黄色，黄色情绪映射为等待，延误即等待；
取消航班用红色，红色情绪映射为停止，取消即停止。
上图环形图其实用的并不恰当，环形图更适合总量的各个百分比呈现，标题“今日前五延误进港机场”其实想表现前五名城市的延误进港排名，排名用条形图最为直观。
但从页面的整体看一下，已经有两处用到了条形图，柱状图，如果这里还是条形图，那么页面看起来会很单调，图表也没有表现的多样性，所以现在设计要体现图表的多样性也能够有排名的直观呈现。
修改后依旧采用环形图，把排名由高到低用注释的形式呈现，俩者都能兼顾，这样的设计思考方式就是设计思维，设计师既要考虑视觉，也要考虑功能目的，善于在两者之间找到平衡。
上图左右两个标题唯一的区别就是一个是“进”字，一个是“出”字，这两个字如果不仔细看很难一眼出左右的区别，所以我们在设计标题的时候，一定要提炼关键词，把可以作为明显区别的关键词置前。
调整后的标题把重点区别的关键词置前，观者能够快速识别。
此图表数据体现是延误航班数据，所以标题的关键词应该是“延误”，延误放在标题中间没能起到快速识别数据类型作用。
再者就是图表上的数据格式错误，航班数量不该有小数点，因为航班数都是整数呈现。
调整后关键词置前“延误进出港机场-今日前五”用横杠隔开“今日前五”能够过度信息，更直观。
原图上进出港途中详情是上下分开的：
开始想用进出港切换的方式呈现，就是一个大地球，一个小的缩略图，可以点击切换，也可以自动轮播大小切。
后考虑到此产品是没有任何交互操作的，这里设计交互行为是不合理的，所以要换一种形式。
调整后让两个数据都呈现在地球上，用两种不同光线颜色表示进出港班次。
青色：北京扩散的方向代表出港
蓝色：聚焦北京的方向代表进港
如果细心查看页面会发现，所有关于进港的都是青色，例如进港总航班量、进港人数、即将进港航班；同样关于出港的都是蓝色，目的就是要建立观者颜色对数据类型的认知。
3D地球技法教程：
3D地球动画效果，纯用C4D软件完成：
下面我们一一介绍：
首先找一张世界地图，这里称为“球皮”，ps调整色调，满意为止。
把球皮放入材质，表面的凹凸效果用置换和凹凸。
小飞机动画用的是对齐曲线动画，打关键帧转一圈，记得勾选切线，不然飞机会横的飞。
国家之间样条生成用的是插件 LON—LAT Connection，这一步很关键，插件使用很简单就是选择：洲-国家-城市～洲-国家-城市，tab切换有设置可以设置样条曲线的高度弧度等。
上面教程说的很笼统，有基础的同学肯定会明白，接下来我们来看如何开发落地。
3D地球效果开发落地：
首先我们要知道一个网站Echartsj 里面有个3D路径图，看下图：
上图两个地球路径图组件，都可以实现我们的效果，只需要我们把色调调整好的“球皮”给到开发人员，替换组件里面的图片即可，组件生成的地球原理是一样的，也是由一张图包裹成球，地球数据光线颜色可更改，把色值给开发人员即可。
1、数据可视化设计，首先了解功能，分析数据之间的关系
2、构思主题，围绕主题设计其他元素，特殊效果跟开发沟通
3、分析数据，合理选用图表，对图表能灵活运用
4、不要忽视文案的设计，提取关键词
5、加强技法，了解数据可视化设计网站
数据可视化大屏设计，对视觉表现、数据的合理呈现有一定的要求，这两点都是由设计师为主导，所以设计前根据产品定义风格，了解数据之间的关系非常重要，切记不要太依赖原型图。
作者：吴星辰
转载请注明：学UI网》数据可视化大屏设计经验分享【高级篇】
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
转载请注明：学UI网》后台数据可视化界面设计的10条经验法则
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
数据可视化设计的核心还是数据的有效呈现，视觉上的美观炫酷要与数据呈现契合，做到美观性与实用性相辅相成，3D效果固然炫酷，但不能为了加而加，影响数据呈现，有的产品并非适合，让炫酷的视觉效果助力数据可视化，才是设计师应该追求的。
作者：吴星辰
转载请注明：学UI网》数据可视化设计 – 3D粒子模型科技感动效【进阶教程】
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
本期的大屏案例为“北京市电商消费大数据”，主要呈现某电商平台618购物节的信息数据。
如销售总金额、区域销售排行、男女比例、年龄分布、品牌销售排行、历史销售趋势等等。
设计任何产品首先要做的就是了解业务和需求分析，本次的案例需求非常简单明了，只需做各指标数据的展示。
无交互的图表设计要点
无交互的大屏展示，在图表设计上，需要按没有交互的形式设计。
例如不能因为数据过多，而隐藏一些通过交互才能看到的数据。
对于一组无法展示全的数据，可以只提炼最重要的指标数据进行展示，也可以通过动画形式，播放展示等等。
实时数据和事后数据的区别
本案例提供的是618购物节事后的数据，所以在大屏的设计上可以根据真实的数据来设计呈现。
事后数据呈现，在设计上可以根据真实的数据来定义图表，例如可以根据数据大小长度，精准的定义设计空间。
实时数据顾名思义指的就是数据在实时传输，产生了数据就要立即展示出来，从业务角度上可能要做其他的设计预案。
例如异常数据的处理，有突破性的数据是否设计动画营造一种仪式感，就像天猫双11的千亿彩蛋。
定义视觉风格
定义大屏设计风格，首先要分析行业的属性特征，然后通过情绪板等方法定义视觉调性。
例如公安系统通常运用严谨冷静的蓝色调；能源、教育、医疗行业的主色调，一般使用能代表环保、未来、健康的绿色调。
电商、新零售行业需要烘托购物热闹的场景，所以靓丽的暖色调更为合适。
过于冰冷理性的色调，并不是电商产品所追求的调性，更不符合观者对购物场景的心理认知。
但是由于可视化大屏的面积过大，主色调不论什么颜色，背景色通常要用暗色系，以减少对观者视觉上的冲击。
深色背景能够有效烘托暖色调的可视化元素，起到对比、聚焦视觉的作用。
暖色调元素可以烘托购物特征的氛围，如红色、橙色、紫色、都是有效的色调，但如果都是暖色元素较容易视觉疲劳。
所以暖色中搭配一定比例的冷色，能够缓解视觉上的不适感。
冷暖色在大屏设计中的搭配有很多技法，下面我们来解析色彩搭配。
色彩解析
首先分析色环图，了解一下色彩知识，30度为同类色、60度为邻近色、120度对比色、180度互补色。
电商大屏冷色元素通常选用蓝色系色调，通过上图对色环的认识，来看下蓝色与色环图上的暖色都呈现什么关系。
从以上的色彩分析来看，电商大屏若呈现大面积的暖色调，再搭配大面积蓝色调会呈现对比色或互补色，形成强烈对比。
所以本期案例选择蓝色的邻近色，紫红色进行搭配，这样不仅能够烘托电商的属性特征。
还能在大面积使用紫红色的同时保持画面和谐统一，因为紫红色同时包含蓝色和红色两种色调。
蓝色搭配紫红色其实就是，实现了你中有我，我中有你的感觉。
不难发现强烈对比效果会有一种不适感，所以大面积的暖色，一定要使用跟其他元素能够融入的邻近色。
小面积使用对比色的技法
如果是小面积的使用，就会有很多的可能性，例如下图阿里DataV电商类数据可视化产品的模版。
都只是在标题处使用红色烘托电商大屏的调性， 内容区并没有过多的使用红色，所以各种元素间，并没有形成强烈的对比。
但从两张图的对比来看，第二张处理的比第一张要高级一些，仔细看会发现，第二张背景色偏紫色。
红紫为邻近色，这样标题的红色和背景就形成了较为和谐的过渡，而第一张暗蓝色的背景跟标题对比强烈，略显生硬。
举个反面案例，看下图最大的问题就是过度烘托了主题主题氛围，导致整个画面太过艳丽，没有细节。
更不用说数据的清晰展示了，这已经违背了大屏可视化设计，以数据信息展示为核心的设计理念。
图片来源网络(反面案例)
大屏设计用色调烘托主题本身很好，但对于艳丽的暖色调，要适当搭配一定比例的邻近色和对比色。
这样能大大缓解观者的视觉疲劳，展示出细节，大屏看起来色彩也会更丰富有观赏性。
案例中标题和总数据为什么使用黄色？
因为黄色和蓝色、紫红色对比性更强烈，黄色跟蓝色在色环上成180度是互补色，有最强烈的对比性。
黄色与紫红色在色环上成120度是对比色，同样有强烈的对比性，同时黄色也跟暗色调的背景形成了鲜明的对比。
所以对于关键指标数据和标题，需要重点突出的元素，可以用对比强烈的色调做突出效果。
打造仪式感
设计要点要从需求出发，例如需求中有一项关键的业务指标要突出，朝阳区消费占全市75%。
所有区中朝阳的消费是No1，所以从这点考虑可以使用全区地图来展示，并且打造朝阳区第一名的仪式感。
打造惊喜感
产品设计中给观者惊喜感，无疑是好的体验，本次案例通过增加了两道光线动画，打造微妙的惊喜感。
这样的设计给大屏增添了动感，看起来更富有生机，两道光线滑向总数据指标，会有一种数据传输的感觉。
同时也像满天繁星的夜空中，划过的流星一样，给人带来一种悸动的体验。
3D图表的设计要点
3D图表有很强的视觉表现力，是突出重要指标的重要手段之一，但3D图表在数据可视化设计中，一直是有争议的存在。
有人认为由于3D的透视关系，会导致数据呈现的不客观。
其实从设计角度可以解决不客观问题，比如我们案例中的3D柱状图，由于柱形的厚度。
导致出现两条顶端线，视觉上很难分清顶端在哪里，对指向Y轴刻度数值的体现的就不明确。
这种情况就需要在柱状图上标记出数据值，这样画面不仅有了3D图表的视觉表现，同时也不影响数据的展示。
增强观者认知
增强观者对元素的认知，可以大大提高阅读效率，比如图文形式通常比文字视觉上更突出。
案例中“最受欢迎品牌”就可以加上品牌logo增强对类别的认知。
条形图通常按序排列，从大到小，或从小到大，但如果有“其他”这项分类一般都要放到最后。
如果“其他”分类也按有序排列，就会有格格不入的感觉。
电商大屏通常要烘托一种热闹的场景，对配色的准确把握，大面积色调的使用需要和谐过渡，同时要善于运用对比色，突出元素。
多思考设计与业务的表现关系，善于从设计思维出发打造仪式感、惊喜感，增加产品价值。
作者：吴星辰
转载请注明：学UI网》电商大屏 – 数据可视化设计经验分享！
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
蓝蓝 http://www.lanlanwork.com