这是一款智慧工地云平台，运用5G通讯技术,结合PC端和APP端,规范工地管理提高安全质量的检查整改效率和流程将整个工地纳入监控范围,扬尘监测、大型设备监测、材料进场管理、车辆出入监控,了解实时动态等信息;人员信息实名制录入管理,进场人脸考勤识别打卡,可一键上传考勤薪资数据至住建局,接受政府单位监督;提升管理人员对工地的多维度把控和管理效率。
2021~继续前行
转自：站酷
作者：爱吃草莓的丫丫
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
2016 年玩追波的时候，有幸加入了 FreedomUnion 团队，当时团队内的小D（Dea_n）的界面渐变风很受欢迎，他使用的颜色干净、舒服、有感染力，很快形成了自己特有的设计风格。
我被他的配色深深吸引了，特别想研究他的配色，就尝试把他的作品在 PS 中打开，尝试吸色，找找他经常使用的配色范围。为什么他配出来的颜色就很吸引人，长时间看眼睛也不会太累？下面先欣赏一下小D（Dea_n）的设计作品。
作品已经过了三年了，如果是一般的配色作品应该看上去会有些过时，但是小D（Dea_n）的作品看上去并没有，还是有不少作品的配色现在看上去也是很前卫的。一起来看看我对小D（Dea_n）的大部分作品的吸色情况吧。
小D（Dea_n）的用色着实很大胆，很多都是贴边用色。我上大学的时候，老师曾经说过尽量少用贴边的颜色设计，包括灰色也可以使用带有颜色倾向的高级灰。这下终于明白了为什么小D（Dea_n）的配色这么亮眼。
当然我也有自己的小发现，我发现每个的作品主配色的 CMYK 值总会有两种色值为 0%，比如C：0%、M：91%、Y：95%、K：0%。
难道只是偶然？当时我也请教过小D（Dea_n）是否是刻意的，得到的答案是并没有。然后小D（Dea_n）靠自己卓越的配色能力进入小米 RIGO 设计团队。
当小米 miui9 系统官网海报出来的时候，我把作品拿到 PS 一吸色，结果告诉我小D 一定参与了这个作品的配色设计。那为什么只有黄色的 CMYK 的色值是有 3 种颜色混合而成的。
难道仅靠着一点吸色就可以肯定 CMYK 配色方法的存在？CMYK 配色方法是不是只存在 UI 界面设计中？CMYK 配色方法可不可以增加它的扩展性？CMYK 配色方法可以作为一种配色方法帮助设计师完成色彩搭配的工作吗？带着这些疑问我继续研究配色。
我们来看一下「子弹短信」的应用图标，它的用色基本符合之前说的 CMYK 配色方法，当然是不包含子弹上的深色调。渐渐地我发现 CMYK 配色方法的路子越来越宽了。
Asher 是追波绘画写实图标的大神，他的写实作品配色饱和度高，光影通透到位，需要很强的手绘功底。在他的设计作品中除去暗色调和深色调的部分，其他配色基本都使用了 CMYK 配色的技巧。
我们都知道 iOS 系统和 Android 系统，在他们各自的系统规范中对配色也有相应的规范。我们提取两大系统规范中的配色进行吸色分析。
一顿猛吸之后，发现大厂系统规范的用色也基本符合 CMYK 配色方法的标准。
前段时间 IBM 重新定义了他们的设计语言，在产品配色中 Blye 60、Alert60、Alert40、Alert20、Alert50 等主要配色都符合 CMYK 配色的方法。
近期很多互联网公司进行了品牌改版，深亮色调到浅亮色调慢慢成为一种趋势。
新版的 Facebook LOGO 从深蓝色变为亮蓝色，字体则继续保持原样。其中 CMY 值进行适当减少。除此之外，图标部分也由原来的圆角正方形变为圆形，图标中的「f」从偏右的位置移到圆形的中间位置。
全球旅行者喜爱的民宿预订平台 Airbnb 的品牌 logo 主色也符合 CMYK 配色的方法。和 2019 潘通流行色珊瑚橘很接近。
微信 7.0 版本使用了经过调整的全新图标。图标除了原来绿色渐变的背板变浅外，两个标志性的对话气泡与背景板的比例也做了相应的调整。色彩的 CY 值减少了。调整后的新版图标除了空间感和符号感也更强外，整体变得「更轻」了。
在网易云音乐 6.0 版本中，对品牌 LOGO 再次进行了调整。新版网易云音乐图标最明显的变化为红色的主色调，其次为「留声机」和「音符」组合而成的图形部分。
红色较之前变得更加明亮，同时图标红色背景由之前的纯色改为轻微的红色渐变填充。新的红色着重考虑了用户长时间使用屏幕造成的视觉疲劳，采用比较「轻」的色彩可有效降低这种问题。其中颜色 CMY 三种色值都有减少。图形部分，新版图形缩小了中间交叉部分的面积，顶部向右弯曲的弧形变大。整体效果较之前更加清晰，特别是在更小的应用尺寸中，其展示的效果明显要比之前的好。
看到上面的描述是不是特别想知道当 CMYK 中的两个色值同时为 0 时，不同颜色的色域范围？带着这样的想法，把红橙黄绿青蓝紫中每类选一种颜色进行区域研究。打开 PS，在拾色器中截取不同颜色的色域范围如下：
上图白色区域就是在红色 C 值为 0、K值为 0 时的色域范围，范围还是很小的。
黄色的 CMYK 色域很奇怪，在色相 38-58 度的黄色纯度最高时，CMY 都有色值。也就是 PS 里面最纯的黄色也是由 CMY 复色调和而成的。这也是为什么之前黄色使用时，CMYK 色值是由三种颜色混合而成的。
上图白色区域就是在绿色 M 值为 0、K 值为 0 时的色域范围，范围开始慢慢变大，意味着绿色高饱和度的可使用颜色越来越多。
上图白色区域就是在绿色 M 值为 0、K 值为 0 时的色域范围，范围也开始慢慢变大，大体范围和绿色相当。
上图白色区域就是在蓝色 Y 值为 0、K 值为 0 时的色域范围，范围应该很大了。
上图白色区域就是在紫色 Y 值为 0、K 值为 0 时的色域范围，范围和蓝色的色域范围相当。
上图白色区域就是在洋红色 Y 值为 0、K 值为 0 时的色域范围，范围和蓝色、紫色的色域范围相当。
1. CIE
从理论上讲，可见光分布的色彩域就是 CIE 所表示的色域。在颜色感知的研究中，CIE 1931 XYZ 色彩空间（也叫做CIE 1931色彩空间）是其中一个最先采用数学方式来定义的色彩空间。从 CIE 图中能看出冷色的区域远远大于暖色的区域。其中黄色和红色的色域范围相对较少，完全符合 PS 拾色器里面的色域范围。
2. RGB
RGB 是计算机荧光屏显示颜色的色彩方式，它们是由 R、G、B 三种发光质通过加光混合产生的。RGB 色彩模式是一种加色模式，将红光、绿光和蓝光以不同的比例相加可以合成各种各样的色光。R、G、B 三种颜色各能产生 2 的 8 次幂，即 256 级不同等级亮度的颜色。256*256*256 即 16777216种颜色。RGB 色彩模式主要用在电脑显示器和电视上。RGB 色彩模式是绘图软件最常用的一种颜色模式。
3. CMYK
CMYK 由C（青）、M（品红）、Y（黄）、K（黑）四色高饱和度的油墨以不同角度的网屏叠印形成复杂的彩色图片。CMYK 色彩模式是一种颜料模式，它利用色料三原色混色原理，加上黑色油墨，形成各种各样的色彩。
这种模式属于相减混色模式，广泛运用于绘画和印刷领域。CMYK 的色域范围比 RGB 的色域范围要小，某些色彩无法用 CMYK 油墨印刷出来。当这些不能印刷出来的颜色出现时，在 PS 的「拾色器」对话框上会显示一个带感叹号的三角形警告标志，表示这些颜色超出 CMYK 的色域。即使设计了比较鲜艳的颜色，如果超出了 CMYK 印刷颜色的色域，计算机就会用一个接近它的较灰暗的颜色去顶替它。可见大部分 CMYK 印刷颜色的色域小于 RGB 屏幕颜色的色域。
我们来仔细研究下 CIE 色域范围，CMYK 当中的黄色色域值有一小段超过了 RGM 的色域值。这就说明黄色的更饱和的 CMYK 的原色和间色可能在 RGB 的范围之外。
其他的我们还有一个方法去验证。就是在 PS 里面新建颜色模式为 CMYK 的文件，打开拾色器界面，把颜色调到右上角改变色相值的 0-360度 的范围。色相在 38-58 度的黄色区域对话框上不会显示带感叹号的三角形警告标志，表示黄色区域的 CMYK 色域值是超过 RGB 的色域值。这就是为什么 iOS 系统规范中的黄色色值必须是三种颜色混合而成的。这时候特殊的颜色就需要特殊处理。
CMYK 配色法就是两种颜色的色值为 0%，但是黄色因为色域问题是由三色组成的（c值尽量小于10）。
色域集中在纯色系的范围，浊（灰）色系和暗色系除外。
界面的主色（纯色系为主）、图标设计、品牌色（纯色系为主）都可以使用 CMYK 配色法。
CMYK 配色法目前多适用于互联网产品，虽说在创意上要敢于创新，但在实际的工作中还是需要理性地根据公司品牌和产品定位，合理地进行色彩搭配。目前此方法没有更多的理论依据支撑，如有疑问希望多多交流。
文章来源：优设网 作者：水手哥
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
题图来自Saurageresearch
企业对客户旅程总体的认知与应用比例为25%，属于初期水平。2C类企业、大型企业、金融行业对客户旅程的认知和应用水平明显高于其他类型的企业。大多数企业在最近两年才开始尝试客户旅程方法，主要由研究、设计、客服部门在主导客户旅程的应用，客户旅程地图的绘制频率大部分是每年或半年绘制一次。
企业目前主要将客户旅程应用于客户需求分析、产品和服务的设计、以及客户旅程测量与分析等领域，并在提升客户满意度、促进以客户为中的企业文化，以及提升营销和运营的转化率方面效果最明显。大部分企业对认为客户旅程有积极的效果，极少给出负面评价。客户旅程方法使用时间越长，客户旅程地图绘制频次越高的企业获得效果越明显，并且2B企业比2C企业获得效果更明显。
虽然目前由市场部门（包括营销、销售和品牌部门）主导的比例较少，但由市场部门主导客户旅程应用获得效果明显好于其他部门主导的情况，由客服部门主导的效果低于其他部门。这与MyCustomer在2018年在欧美的研究结论相反，这可能说明市场部门在客户体验领域的主导权在逐步上升。
对于未来一年的使用客户旅程的意愿，虽然各类企业对客户旅程方法的效果表示肯定，并且明确表示不会使用的比例很少，但相当比例的企业存在较大不确定性。存在的主要困难和挑战包括专业知识、方法和技能的欠缺，以及专业工具和平台的不足。未来客户旅程方法要在整体应用水平上取得突破，这些方面是需要重点聚焦的领域。
02：
不同类型的企业，在客户旅程的认知和应用程度上也表现出较大差异：2C企业的应用程度明显高于2B类型的企业，总体认知和应用比例分别为30%和20%。大型企业也明显高出中小型企业，分别为29%、22%和19%。客户旅程是一个相对比较复杂的系统性方法，真正的应用需要人员、资金等各项资源的投入，大型企业更具备优势。相比而言，小型企业的在。分行业来看，认知和应用程度最高是银行/金融/保险行业（30%），一方面是由于这个行业的本身的客户决策流程长、金额大、风险大，另外一方面也是由于这个行业的利润较高，企业有相对较为充足的资源进行投入。
由客户研究部门和团队主导客户旅程的绘制时目前的最常见的模式，其次是设计部门，以及客服、品质部门主导。但产品、战略、营销、销售部门主导的情况也一定的比例，这也说明目前开展客户旅程应用的企业，其目的存在多样性。不同部门来主导，其方法和应用上也会存在差异。
在绘制客户旅程的过程中，目前主要用的是客户调查数据和客户访谈数据，这也是客户研究团队最擅长和最容易采集的数据。其次最常用的数据来源是客户行为和客户反馈/投诉数据，总体上对外部数据应用多于内部数据，对小数据多于大数据。
在客户旅程地图绘制工具方面，使用最多的是PowerPoint，处于绝对领先的地位；其次是常用的绘图和设计工具，例如Visio、Photoshop、Adobe Illustrator等；专用的客户旅程地图绘制工作使用比例非常低，最主要的客户旅程地图专用绘制工具UXpressia的使用比例也只有10%，其他的则更低，使用比例只有2%-4%。主要是目前客户旅程地图绘制并不是一项常见工作，所以通用型的文编编辑和绘图工具会是常用选择，而目前的客户旅程地图绘制工具多为英文版本，国内还没有出现较好的客户旅程地图绘制工具，这也是客户旅程地图专用工具使用比例较低的重要原因。
不同情况下，客户旅程的应用效果也不尽相同。调查数据显示，使用客户旅程方法时间越长，绘制客户旅程地图频率越高，客户旅程方法取得的效果越好。使用2年以上的企业和2年以下的企业表示有效的比例（包括“比较有效”和“非常有效”，下同）分别为83%和69%；每年绘制多次客户旅程地图的企业和多年绘制一次地图的企业的表示有效的比例分别为81%和62%。
在将客户旅程方法进行具体应用时，最常见是用于客户需求分析、产品和服务设计、客户旅程分析和测量。其次是在企业文化建设、工作管理和沟通方面的应用。在具体操作层面，例如客户旅程编排、营销和互动，目前也有一定比例的具体应用。随着客户旅程方法应用的进一步深入，直接到操作层面的应用将逐步提升。
客户旅程在不同领域的应用对最终的效果有明显的影响：表示客户旅程应用效果一般的企业在各个具体应用领域的应用比例均低于获得明显效果的企业。效果一般的企业在客户需求研究和分析、客户旅程编排、市场营销和推广，以及品牌传播与互动方面的应用差距最大（落后超过10%的比例）。从调查数据来看，虽然用于编排、营销和品牌的总体比例不高，但确实影响最终应用效果的显著因素。
通过以上在不同领域的应用，客户旅程方法在各个方面的效果都有所体现，尤其是在提升客户满意度、强化以客户为中心的企业文化、提升营销和运营的转化率方面最为明显，分别由59%、54%和37%的企业表示在这三个方面得到了提升。
不同类型的企业未来使用客户旅程方法的可能性也存在明显差异。使用客户旅程越久、使用频率越高，获得的效果越好的企业，继续使用客户旅程方法的倾向越高。2C企业比2B企业未来更愿意使用客户旅程，虽然2B企业获得效果更明显，但2B企业使用客户旅程的难度和成本更多到，导致2B企业的使用意愿要明显低于2C企业。另外，相对于中型和小型企业，大型企业的使用意愿明显更高，表示可能会使用的比例达到了61%，明显高出中小型企业。
对于在客户旅程应用过程中的挑战，最大的困难不是预算不足，而是知识、方法、技能、工具和人员的欠缺和不足，尤其是专业知识和方法的掌握不够，是最大的两项困难。其次碰到的问题是企业高层，以及其他部门的支持不够。
文章来源：UXOOLS
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编者按：这篇文章来自资深设计师 Taras Bakusevych ，他对于产品和体验有着非常深入的理解，这篇文章深入梳理了如何制作用户历程图才是合理和便捷的，是一篇相当给力的用户历程图终极设计指南：
用户历程图（Journey Mapping）可能看起来是一个复杂的东西，尤其是当你尝试在小组讨论的时候把这个东西说清楚，会发现相当不容易。这篇文章将会为你阐明这一强大工具的使用方法，并且提供一个简单的模板，并且帮你创建拥有足够洞察力的用户历程图，让你像真正专业的 UX 设计师一样，创建便利、深入、有效的用户历程图。
在数字产品当中，用户历程图可能是用来呈现用户如何达成目标的最佳、最常用的工具了。当我们故事以可视化的方式呈现出来，就可以沉浸在用户的体验当中。这也是为什么说用户历程的价值是巨大的。
理解用户历程图，会迫使我们以更加结构化的方式来思考整个用户体验，去梳理和定义事件的顺序、关键阶段以及事件之间的过渡。
同时，用户历程图还能建立起用户和设计师之间的同理心，当你随着用户历程图推进的时候，能够更加深入理解用户的痛苦和无奈，从而帮设计师理解用户的动机。
用户历程图还能帮你真正定义痛点，这是至关重要的。每种产品都应该在某种程度上帮助用户，让用户生活更加轻松，如果你对痛点有所了解，自然就可以改善体验。
根据实际的使用场景，用户历程图会有很多不同的呈现形式，里面通常会包括一些图形化的元素将整个历程或者流程呈现出来，而余下的元素则采用解释性的文本来作为支撑。
绝大多数的模板会显得过度装饰，且过于复杂，在很多时候，它们会作为项目中的展示性成果展现在PPT当中，而不是作为一种有效的工具，来帮助团队来洞察需求。
如果你上网搜索用户历程图，你会发现一大堆各式各样的图，这些图和实际的理解是脱节的。
用户现状历程图反映的是用户当前的状态，这反映的是用户历程在优化之前、当下的状态。而用户未来历程图则反映的是用户历程在优化过之后，未来理想的状态是什么样的。
这两者在结构和目标上是不一样的，主要差别在于用户角色的定义上。有的时候，你的用户确实是消费者，而在很多情况下，用户又不一定是消费者，这就是差别所在。
用户历程图侧重于呈现客户的前端体验，而服务蓝图则重在呈现后端的构成，以及交付方式背后的业务逻辑以及同产品核心之间的关系。
你可以在 Megan Erin Miller 和 Erik Flowers 的这篇文章当中找到更多的信息。
从来就不存在什么完美的用户历程图，不过你可以基于某个版本的用户历程图来着手。而这里准备的这套模板是经过长期测试和实验之后总结出来的一款，它非常容易上手，复杂度也控制得恰到好处，并且它包含你所关注的绝大多数的指标，甚至更多。下面，我将教你如何逐步完成这个用户历程图。
你可以在这里下载 PDF 文档
在研讨会或者工作坊模式下，开始用户历程的研究和搭建，是一个不错的练习方式。在这种情况下，即使的团队有较多的人，也最好按照小组来进行（每个小组3-5人）。根据用户历程的复杂度和涉及的内容的不同，通常你应该可以在 1.5 小时候完成整个用户历程图的搭建。至于你能用到的文具，仅仅 需要多种不同颜色的便签纸，笔和红点贴纸即可。在开始之前，你需要和各个小组先声明和解释整个过程，并且确保所有人对于这个过程的流程、原理和方法的认知保持一致。
在这里，我们需要定义地图的内容，用户的整个行为历程，以及他们试图要达成的目标，都有哪些。这很关键，不仅要确保所有的参与者都很清楚用户场景，而且要借此构建出对于后续设计有帮助的内容输出。
演员——这个历程与谁有关？整个历程图应该只和一个角色有关，也就是要经历整个历程的用户角色。
场景和目标——描述参与的用户的行动的情况和状态，从而增加上下文环境的清晰度。描述用户的目标，期望以及动机都有什么。
当前/未来状态——阐明用户历程所在的阶段。
Ps：即使此刻你要做的是某个未来的产品，也最好不要跳过当前状态，洞察当前的用户和产品状态、痛点、习惯，有助于你去验证想法。
接下来，你需要定义整个用户历程的大的阶段。先把各个阶段定义好能够最大程度节省你的时间和精力。最简单的方法，是先定义第一个和最后一个阶段，然后再来填补中间的各个阶段，不要创建太多的阶段，而是将整个用户历程切分成为有意义的部分。
按照用户操作流程，来逐个执行梳理各个阶段用户的行为、状态。千万不要试图梳理得过于详尽和细致，尽量专注于关键因素，确定用户需要哪些要素，才能推进到下一个阶段。
在这个阶段，要开始描述和用户执行操作紧密关联的的想法，涉及到的问题，还有感受。在很多其他的用户历程图模板当中，这个部分通常是和整个用户历程图是分开的，但是实际上，只有合并到一起才是合理的。
在这个部分，我不建议将时间花费在用户情感曲线的绘制上，这样做的实际目标更多是为了更加具有视觉吸引力，并不具备实际的价值。
在这个步骤当中，我们会高亮标注出用户在各个阶段会接触到的物理和数字交互点，以及涉及到的工具、人和服务。我相信各个阶段所覆盖的这些触点，能够帮助我们更好地梳理和构建出整个心智模型，并且能够帮助产品和服务，让它们能够更加切合用户的需求，更好地集成到一起。
如果你已经和你的团队创建了类似移情图、价值主张画布，那么你无需在这个事情上重新创建相同的内容，因为用户历程图和以上内容中有大量重复的部分，你只需要迁移过来即可。随后，你可以将进度合并到当前的用户历程图当中。
这个步骤，需要将各个不同阶段的内容填写进来。
给每个参与者一些红点贴纸，方便他们在整个用户历程图上，对他们认为是痛点的部分进行标记并投票。痛点可能和情绪有关（比如害怕提供个人详细信息），也可能与行为有关（比如手动输入快递地址等）。这就是为什么最好不要为痛点创建单独的行列，因为可能涉及到的点非常多也非常分散。如果需要对痛点进行深入的描述，使用红色便签纸来进行详细阐述。
到了最后的阶段。在确定痛点之后，我们就可以开始思考如何缓解或者消除痛点。通常，我们需要通过改进整体策略，完善功能，集成服务，来解决痛点，当然，更多的时候，可能还需要我们拥抱一些更加狂放的构思，通过创新来搞定痛点。
在小而无关紧要的细节上进行争论，很容易迷失方向。我经常会看到某些小组会停留在第一阶段，陷入争论，无法推进。从来都没有任何一个用户历程图是完美的，因为用户总会有不同的习惯，并且需要产品设计师从不同的角度来解决问题。
因此，这需要你和你的团队专注于 80%最关键的用例，而不是在所有可能的事情上做复杂的取舍，并且踟蹰不前。
文章来源：优设 作者：Taras Bakusevych
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com
