用户 地图 产品 在日常的工作中，大家或多或少都听过/用过用户体验地图，简单的说，用户体验地图是梳理用户场景和体验问题的一种工具，那在用户研究中，什么时候/阶段适合用体验地图？使用体验地图的价值是什么？体验地图又是如何构建的呢？该篇文章将会结合两个具体案例为大家逐一解答，文章分为上篇和下篇，上篇主要是介绍用户体验地图的定义、使用场景与价值，下篇会拆解用户体验地图的构成与构建流程。 文章主要以我的经验为主，不是教科书和绝对，希望能带给大家答案/启发～也欢迎互相交流～更多体验地图教程：学会这5个关键点，产出一张完整清晰的用户体验地图！前言1. 什么是用户体验地图？阅读文章 > 先来看一个案例感受一下用户体验地图吧～案例背景：某公司计划推出全包装修业务，但不了解全包套餐用户的需求，不知道应该为用户提供什么样的套餐产品和服务，基于该背景我们对近期全包的用户进行了访谈，梳理出全包用户体验地图，见下图（因涉及真实项目，故针对研究结论做打码处理，请勿保存传播，感谢理解）通过梳理体验地图，我们获得了 4 个主要的价值：如何更好的把套餐卖出去：分析了用户在前期寻找全包公司时的信息获取渠道、接触时的考虑与决策因素，为装修业务的对外传播的卖点、渠道、销售流程和话术提供了设计依据；如何管理相关人员提高用户装修体验：分析了用户对不同人员角色（设计师/销售/工长/建立）的需求，为人员招聘、考核、管理提供了基础要求；如何管理装修过程提高装修效率：分析了用户在各装修环节的行为与关注因素，对各环节进行工具/物料/反馈机制的设计与设定，如用户通过线上小程序确认装修施工节点、进行反馈等；如何设计套餐产品：结合定量问卷，对装修套餐里涉及的建材品类/品牌/价位与用户期待的价格、用户画像进行匹配，针对性的设计低中高端各价位的套餐产品满足差异性需求看完是否心动了呢？再一起深入了解下用户体验地图吧～一、什么是用户体验地图？用户体验地图又称 User Experience Map，在网上搜索用户体验地图的定义后，会发现被赋予了很多种概念解释说明，如但我们不难发现在多种定义中存在的共性关键词，如用户增长、用户的真实互动、用户场景、用户真实需求/痛点、可视化/一张图等。综合来看，我们只要抓住用户体验地图具备的 3 个特点就能抓住定义了：是基于一定顺序的用户场景与行为还原：体验地图包含的内容是用户完成某一件事情/目标时，所经历的过程、场景，是用户角度真实发生的行为中体现的用户需求，而不是产品走查与推测；是突破单一产品表示全局、可涵盖线上&线下多触点的：体验地图中承载用户行为的载体不一定是单一产品、也不一定有产品，是可以包含多种类型触点的（产品/空间/人员等等），呈现的是用户全过程中所接触的各类触点；是一种工具/一张图，也是一种方法：体验地图既是对调研信息进行梳理的一种工具、是可视化展示用户场景与需求的一张图，同时也是能够指导调研内容设计的方法。二、为什么使用用户体验地图？无论是否了解用户研究的同学应该都知道“满意度调查”、“用户推荐度/NPS 调研”，了解一些的会再知道“用户深度访谈”、“产品体验走查”等一些用户研究方法，但对于常规的监测类、走查类、访谈类调研中，我们总会对调研结论有一些疑问，比如用户为什么不满意、为什么不推荐、为什么有这个需求、为什么我改进了还是不满意？从多次实战中，总结了用户访谈的 8 个小技巧去年被调到了新的专业产品线，为了更快的熟悉新产品，了解用户的目标和使用场景，做出更好的设计。阅读文章 > 而用户体验地图是能够避免我们对用户真实需求的不理解及我们的“自以为”，能够更深刻的理解用户行为，进行全局性的机会点挖掘。整体来看，用户体验地图能够带来 3 方面的价值：从场景中真正理解用户避免设计师视角：产品的设计者和决策者需要从用户的视角去考虑用户要什么，而不是有什么放什么，以为用户能顺利完成任务、得到满足；避免用户说的都对：理解用户也不是用户说他要什么我们就给什么，而是通过用户场景去观察用户在整个路径中是如何满足自己目标的、洞察用户想要什么（比如福特汽车的问世，而不是“一匹更快的马”）；理解不用用户的差异：一个产品中涉及到的不同“用户”， 比如不同的商家角色在使用产品时用的功能不一样、需求也存在差异，如何满足共性需求、差异性需求。全局性的评估并发现机会产品全局：不会单纯从产品功能出发，通过数据或用户反馈层面的依据，割裂地去看每一个模块（头痛医头，脚痛医脚，被问题牵着鼻子走）而是以更全局的思维去看待用户使用流程发现更多的潜在机会点；用户全局：用户的体验过程中不仅是单一产品的体验，可能包括了前后的延展、过程中的联动，包括人际、空间等其他类型触点，探索产品外的机会点（如用户的需求有可能是通过别的产品实现的，我们的产品也会与其他渠道、组织有联络）。共创中达成共识推动决策建立同理心，达成共识：不同业务角色的关注点不同，通过构建体验地图倾听用户声音、理解用户行为、建立“同理心”，在用户体验问题上达成共识，而不仅是聚焦在自己的功能上。三、什么情况使用用户体验地图？使用用户体验地图是带着一定的产品目标/业务目标去理解用户，可使用的情况较多，但主要是在产品的前中期，主要可以归为三类情况：需改进产品体验时产品出现了某些问题，并不明确问题出现在哪个阶段：如开发了新功能时，以为会是用户使用率很高的，但实际没人用，通过体验地图去看用户是如何使用产品的，定位到问题；整体提升产品的体验：如满意度、nps 指标没有随着产品预期提升，通过体验地图全局性看产品的框架、功能规划，定位问题。产品创新需找到方向时在产品的原型设计前，了解用户在使用其他产品时如何解决问题，辅助我们识别痛点和机会点：如开发某产品前，通过体验地图梳理用户目前是如何解决问题的，对应看用户在用其他相关产品/服务时的体验如何，反观我们应该如何设计；产品 0.5 阶段，可拓展方向较多，通过梳理体验地图理解用户，找到创新机会。产品用户需增长时通过改善客户体验来推动增长，需要调整各个触点/渠道的布局策略：如想要提升转化率、产品知名度，使用体验地图基于用户达成目标的旅程，将支撑用户触点的所有渠道如官网、APP、小程序、线下门店销售等等串联在一起，进一步分析用户在整个流程的体验。这 3 种情况适用的产品阶段、关注的重点有所差异：当然也要注意有一些情况是不适合用体验地图的：产品较成熟，无需去拓展机会点，更多聚焦在用户对产品细节体验的提升，体验地图对于全局的把握会导致缺失细节体验问题，这时更适合做可用性测试、专项研究；研究内容不明确、缺少研究抓手时，仅是收集用户需求、用于理解用户时，做体验地图收到的信息会大、不聚焦，难有实质参考性。欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/user-experience-map-3
用户 场景 地图 在日常的工作中，大家或多或少都听过/用过用户体验地图，简单的说，用户体验地图是梳理用户场景和体验问题的一种工具，那在用户研究中，什么时候/阶段适合用体验地图？使用体验地图的价值是什么？体验地图又是如何构建的呢？该篇文章将会结合两个具体案例为大家逐一解答，文章分为上篇和下篇，上篇主要是介绍用户体验地图的定义、使用场景与价值，下篇会拆解用户体验地图的构成与构建流程。 文章主要以我的经验为主，不是教科书和绝对，希望能带给大家答案/启发～也欢迎互相交流～“用户体验地图（上篇）概念介绍与使用价值”中主要为大家介绍了用户体验地图的定义界定、使用价值和适用场景，下篇我们进入到“实操”阶段，具体看一下用户体验地图的构成、各部分的意义、以及是如何一步步构建出来的～还没有看过上篇可先看，先理解概念再进行实操～用户体验地图设计指南（上）：概念介绍与使用价值在日常的工作中，大家或多或少都听过/用过用户体验地图，简单的说，用户体验地图是梳理用户场景和体验问题的一种工具，那在用户研究中，什么时候/阶段适合用体验地图？阅读文章 > 一、用户体验地图包含哪些内容？如果问你体验地图包含哪些内容你会如何回答？用户画像、用户场景、情绪体验、用户痛点等……综合来看，体验地图包含一部分必要内容：即场景、行为、痛点/需求、机会点，也包含一部分可灵活使用的内容：用户画像、用户阶段、触点、情绪体验、用户诉求、标杆，灵活部分我们可以根据项目需要将各有利于我们理解用户的内容加到体验地图里。另外从信息来源的角度看，地图中包含的内容一部分来源于调查（即用户调研），一部分来源于洞察，也就是我们拿到用户调研信息进行梳理后，由用户研究员、设计师、产品等不同角色洞察提炼的内容。结合上篇中的全包用户体验地图具体拆解一下各部分构成的内容与意义：阶段：用户完成目标大致分成几个阶段，能够更有条理性的去拆分场景、防止丢场景场景：用户完成目标经历的各个场景，在阶段下进一步拆分，需要注意：1）是场景，不是我们的产品功能模块（有可能一个场景涉及到多个功能模块） ；2）不一定是按从早到晚的时间顺序发生的，场景间是前后、转移的关系（比如咨询沟通、量房、出设计是用户在前期确定公司时会多次经历的场景，而不是一次就确定下来）行为：与场景对应，描述的是该场景下用户是怎么做的，用于理解用户行为的原因、问题点。需要注意：1）关注动作是否有一定顺序，有顺序按照顺序描述；2）描述出用户接触到了什么触点（产品、渠道、人等）触点：用户在完成目标过程中接触了什么、与什么发生了交互，一方面能够得到目前满足需求的触点是什么、另一方面之后我们的机会点也可以拆到触点中去落地。触点可以分为移动/数字触点、物理触点、人际触点三类，我们在互联网产品项目中可重点关注移动触点，即手机、电脑、不同的 app 等情绪：用户在各场景下的体验情绪，让用户体验与业务建立更强烈的“共鸣”。而对情绪的描述可以是感性的描述（如开心、迷茫、吃惊、担忧，引发反思“我们的产品为什么让用户有这种感受？”），也可以是高低的描述，采用类似于可用性问题优先级计算或用户评分等方式将用户的情绪高低量化绘制曲线。标杆：若存在标杆产品/服务可对比，可对应看标杆做了什么解决的用户的什么痛点、对用户情绪拉升的影响。痛点/需求：描述用户的痛点或需求，从行为顺序上、在各触点上梳理清晰，让归纳有依据。诉求：在某一场景下或多个场景下用户的核心诉求、想取得的核心价值点是什么，从行为、痛点/需求中提炼洞察而来，帮助我们在设计机会中抓住“核心目标”（比如我们提炼出用户的核心诉求是“省心”，那围绕省心我们可以做哪些满足用户？通过诉求扩大我们的机会点思考范围）机会点：结合用户痛点/需求、标杆、诉求，对于我们的启发。可以结合触点或不同利益方区分机会点的针对性。二、用户体验地图的构建流程如果把用户体验地图当作一个调研方法，它的构建分为 4 步，分别是明确目标与用户、确认场景、开展调研、洞察绘制。但在最初的时候我提到用户体验地图是方法也是工具，如果已经有了足够的调研素材可以直接进入第 4 步洞察绘制。接下来以 XX 平台的商家直播体验地图为例讲述构建流程项目背景：XX 平台为了给商家提供更好的直播带货体验，在商家后台上线了直播中控台功能，但目前版本仅是结合经验与竞品做法聚合了“我们认为商家需要的直播相关的功能”，并不确定是否命中商家的直播需求、且想明确迭代方向，因此开展了该项目。明确目标与用户确认项目目标是梳理用户体验地图：中控台已有部分功能，在调研中既要关注用户对已有功能的体验情况，也要关注用户的潜在需求，挖掘更多的产品机会点，因此从实际直播场景入手，梳理直播体验地图理解用户真实场景与需求；区分目标用户群体差异：考虑不同使用经验与不同商家类型的差异，一方面寻找老用户与新用户，另一方面需覆盖不同类型与不同品类的商家，因此需包含作者型、商家型直播达人，包含服饰、母婴、食品、珠宝等不同经营类目的商家。确认场景明确目标用户后，需先从内部梳理用户场景，场景将作为研究大纲主线，辅助撰写访谈提纲，在调研中更有条理性的去访谈、观察、验证用户的使用流程（需要注意梳理的是用户场景、而不是产品模块）。如果这个阶段场景不全/顺序不对没关系，我们在后续调研中动态调整。（比如图中绿色字场景均是调研中增加）梳理方法：走查产品功能、模拟用户使用场景梳理技巧：从大到小—广度优先，其次深度（比如前面提到的先阶段再场景）开展调研调研方法选择：获取用户体验信息的方法不仅是用户访谈，在访谈的基础上叠加观察、共创，能更深入的去挖掘；同时还可以加入情绪打分衡量用户在不同场景下的情绪高低。访谈+观察：更适合有产品载体的体验过程，如进行已有产品改进、0.5-1 产品创新时。让用户在真实场景中操作产品/体验服务，观察用户行为，鼓励用户随时分享自己的感受（遇到的问题、觉得好的地方等），在用户阶段性完成几个场景或完全结束后，进行深入访谈；访谈+共创：更适合聚合多触点的体验过程或更偏服务的体验过程，如进行产品增长研究、0-1 产品创新时。将多个同类用户聚在一起，在过程中引入大白纸、便利贴、问题提示卡、刺激物等工具，互相激发、提高讨论效率；提纲设计与执行：遵循两个原则：一是“场景的”，在整个访谈中多问用户怎么做的、为什么这样做；二是“总分总的”，由整体流程深入到各场景中后再看整体（如先让用户回忆整个流程、关注用户的核心场景，再分场景询问用户的行为、原因、痛点与需求，最后统一回忆确认、查漏补缺）洞察绘制在调研结束后，就正式进入到了信息整体分析阶段了～在信息整理前需要明确两个问题～需要做几张图？看不同类型用户的场景差异与需求差异，场景不同的用户必须分开绘制，若场景相似、行为也相似，仅是需求有差异，可以在一张图中单独指出 ；场景主线怎么确定？场景并不是“自然时间顺序（从早到晚）”，是“行为顺序”，且并不是所有行为都是线性顺序，可以是局部线性、前后循环。目标是让场景全面且有组织逻辑（如直播体验地图，直播前的设置优惠、投放广告并没有很明确的前后发生顺序，但需保证是属于直播前的；直播中的多个场景是重复/交替出现，不需要写多遍）弄清楚几张图、场景主线之后就可以正式整理信息了～正式绘制包含 5 个步骤：① 创建用户角色当不同用户群体场景、需求差异较大时，需分角色理解用户并创建用户角色/画像。用户角色主要包括用户特征、产品使用习惯、产品目标：用户特征：对需求有影响的特征，如在工作中的角色（运营、客服、管理等），如较突出的人口学特征（老人、宝妈等）产品使用习惯：使用产品的场景、频率、主要使用的功能产品目标：使用产品主要达成的目标/主要诉求需要注意：用户角色并不是一个被访者形成的，而是抽离同类被访者的共性特征虚拟出的角色（可以以一个很典型的人为主，补充其他特征）② 体验流程梳理建议先使用表格梳理体验地图，按照格式列好横轴与纵轴维度，以文字的形式汇总同一类用户的调研信息到对应位置，然后处理每个位置的重复信息、合并同样的行为、需求、痛点，向上总结。而且有时候输出表格版本的用户体验地图也能够满足内部需要了～需要注意：尽量保留“原汁原味”的信息，比如用户的原声表达、有多少用户有这样的需求等，让信息保持丰满、建立同理心。③ 需求评级判断体验地图中需求的高低可以从用户角度和业务角度去综合判断：用户角度： 一是需求对用户任务的影响度，即需求是否在体验的核心链路上、用户是否有其他方式满足该需求，在核心链路且无法通过其他方式满足的需求优先级高；二是需求频次：该需求被提到的频次。（可参考可用性问题评级标准）；业务角度：满足该需求对产品目标的影响，比如产品目标是提升商家 GMV，直接影响 GMV 的需求优先级高。④ 机会点洞察调研中思考的机会点：主参与调研过程的人可以先产出自己思考的机会点，但可能会存在难落地、局限性；与业务不同角色工作坊，共创机会点：组织产品、运营、设计不同角色，用研将调研发现作为输入，帮大家理解用户需求，利用体验地图的框架、便利贴等工具共同讨论机会点，更加全面、可落地。⑤ 可视化一般情况下表格版本的用户体验地图可供内部/小范围内的结论同步与分享，也可以进一步可视化便于没有参加构建的同学能快速、重点获取主要信息，也便于更大范围的分享与沉淀。这里为大家提供 2 个来源于网络的用户体验地图可视化：看完上下篇，你觉得你能自己开始做用户体验地图了吗？可以操练起来试一试～希望对你有帮助，如果有问题可以随时交流最后我想说，用户体验地图是一种方法/工具，目的是更好地理解用户行为与需求，因此有时候项目发起的目的并不是梳理用户体验地图，但也可以基于调研发现去梳理，做为呈现调研结果的工具，更好地理解用户。而且对用户体验地图的应用，是可以去创新、去发挥的，结合我们不同的调研方法、其他工具，融入到体验地图中，未尝不可？欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/user-experience-map-4
地图 缩放 数据 引言如今人们出行都离不开手机，都通过手机接触过互联网地图，手机地图凭借着可手势直观操作、地图可快速迭代、信息可实时更新的优势，形成了成熟的地图交互体验。在解析手机地图的体验设计前，让我们先看看地图的发展历程。可视化地图设计指南：4个地图素材下载网站+矢量地图制作方法本文给大家分享4个地理数据下载网站，以及 json 数据转换成矢量文件的方法。阅读文章 > 一、地图的发展地图拥有着古老的历史，记录了人类对世界认知的演进过程，经历过泥板、壁画、羊皮、纸张等载体，依据使用和文化需要拥有着丰富多样的美术形式。不同时期、材质、美术形式的地图见证人们认识世界的过程。随着照相机和飞机的发展，出现了航空摄影测量技术，让地图的测绘精准度达到顶峰。交通、旅游、印刷业的发展，让纸媒地图开始融入人们的生活，地图的平面设计更是百花齐放，有具体也有抽象，让地图兼顾功能、美感、有趣。再随着卫星影像、瓦片地图技术和互联网的发展，人们可以日常地使用电子地图。受限于网络速度的限制，矢量地图应运而生，在特定范围显示相应的矢量瓦片信息，让互联网地图的形状趋向统一化。iPhone 革命性的触屏体验，通过手势与地图进行直观自然的交互体验，结合内置 GPS、陀螺仪传感器，小蓝点成为地图定位的通用标志，激发更多地图的功能和创意。二、手机地图的创新体验手机地图继承了互联网电子地图的可快速迭代、信息可实时更新的优势，结合触屏手势操作后，大大的提升了地图展示信息的维度。电子地图从工具逐步被引入到各种垂类服务和社交娱乐中，这些场景也不断丰富和完善着地图的信息。手势交互让地图从移动到缩放都高效地动起来，激励人们探索更广的区域。更革命性的是让地图从平面到立体之间的顺滑转换，帮助人们更好的映射到真实世界。可视化信息是互联网地图的主要优势之一，将数据转化为可视化图形，归类在不同的数据层，可以单个或多个层级叠加在地图上展示，传达位置上的数据。底图是手机地图的基础，通常就是地图本身，它承托着上面的可视化信息。随着地图可更自由地缩放，地图本身的内容不断细化和归类，在不同的缩放层级下，展示符合用户查看场景的核心内容。三、手势交互：全方位呈现地图立面触屏手势交互有别于摇杆、鼠标、触控笔等物理外设的控制方式，让用户在小小的屏幕对大范围的地图有更随心所欲的操作，让原本受矢量图形限制的地图有了更多层次、更丰富立面的信息呈现方式。1. 单指拖动拖动是地图最基本的阅读操作，一般以用户的定位为初始中心点，用户可以有目的有方向地查看附近的地点。2. 单指划动当用户想快速翻阅时会拨走要略过的内容，划动模拟了这一行为。地图被划动后也会模拟物理世界以一定的摩擦力停下，向用户展示地图的新区域，是比拖动要快速的浏览方式。3. 双指拖动缩放物理控件只能让地图根据屏幕中心进行缩放，而触屏缩放能让地图根据两个指尖的中心点缩放，并同时位移，符合用户空间操控认知。4. 双指划动缩放划动缩放和划动一样，让用户以更轻量的手势加速的缩放地图，并以一定的摩擦力减速停止，让用户快速找到目标位置。5. 单指快捷缩放为了让用户能单手并可控地缩放地图，不少地图都设计了自己独有的缩放方式。zenly，通过屏幕两侧的边缘，直接完成地图的最大和最小缩放跨度。snapchat 拖动右侧边可缘唤起缩放滑块，并使用 emoji 来表达距离，充满幽默感。腾讯地图，通过划动右侧的滑块，实现单手顺滑地缩放，滑块也支持划动手势。百度地图，通过点击一个缩放控件，让地图以当前中心点进行分段缩放。6. 无限循环的地图地球是圆的，可以无限巡航，一些应用将缩到最小的世界地图做循环处理，以呼应地球的循环转动体验。7. 方向视角切换在陌生的环境用户未必能分得清楚南北方向，利用手机的陀螺仪，可以告知用户正在面向的方向。定位按钮的二次点击，将地图从南北向转到用户面向的方向，有助于用户二次确认自己的定位。更多地图使用了 2D/3D 视角的切换方式，2D 是南北向的标准地图，3D 是用户面向方向的地图，帮助用户更直观地对应物理空间。8. 旋转方向可通过双指或陀螺仪旋转地图，地图上的文字也做出相应调整，保持水平、沿道路方向调整，以保证可读性。3D 的旋转也一样，在保持水平和沿道路方向的同时，文字保持垂直。当缩小到足够远时，用户面向的方向意义就不大了，苹果在缩小到一定范围时，将地图回弹保持南北向。9. 双指拖动调整视角地图 3D 视角也支持自由调节，通过双指平行的上下滑动，可以平顺调整 3D 视图鸟瞰的角度。在地图的最低视角做回弹处理，生动不呆板。远近也能影响鸟瞰的视角变化，视角越低越接近平视，拉进时有俯冲的感觉。四、可视化信息：生动呈现地图动态数据从古代开始，人们就已经懂得通过绘制山脉、河流、海洋、建筑等对重要位置信息进行标记，地图本身就是一个信息可视化工具。 互联网地图最大的优势，就是能提供实时的信息数据。将数据标记在相应位置的坐标上，并分别归类在不同的层级，叠加在地图上查看。地图的常用数据形式可大致分为：点、线、面、热力图等，一个地图可同时唤起多种类型、多个图层的信息内容。1. 点数据点数据是单个地理坐标上的标记，代表该位置上的信息，是地图上最常用的数据信息。地图通过不同的小图标来区分位置类型，使用频率越高的样式越简洁，地标建筑做形象化图形标识。聚合图在地图上呈现也是点数据，它实质是显示一定区域内的信息聚合，但不强调具体的区域。聚合图可以避免因为该区域的点数据过多，在地图上信息过于密集。百度的充电桩地图就是以区域聚合充电桩数量，根据缩放调整数据的聚合。腾讯地图的文博地图也是聚合图，并根据文物的类型做了快速筛选。2. 线数据线数据在地图上呈现为线性，一般都沿着可行道路展示信息。导航路线是最常用的线数据，它提供具体行驶路线方案，并实时展示线路行驶的进度与方向。也有粗略表示进度的线路数据，如快递的物流进度路线就不需要具体的实际线路，只需要示意大致进程。街景地图则仅展示有全景图的道路范围，不提供进度与方向。3. 面数据面数据要展示地图上的具体区域，疫情环境下出现了区域风控需求，需通过了面数据画出区域范围。疫情地图采用了聚合图、面区块两种数据形式。zenly 使用了反向的面数据，根据用户的行走记录，将用户走过的范围擦亮，用户未走过的地方是一块彩色的平面，充满娱乐感。4. 热力图热力图以特殊的高亮梯度显示地图上区域的热度，热力图的数据不会指向地图上具体的位置，它能呈现热度变化的趋势。百度地图用热力图直观展示地区上的拥挤程度。高德地图的空气质量地图，使用聚合图作为空气质量评分，热力图作为空气质量范围。snapchat 使用热力图来表现该区域用户发布动态的热度，引导用户发现内容，由于热力图不指向具体位置，能更好的保护用户隐私。热力图并不局限于面，路线也可以反映道路的热度。Strava 利用用户的骑行数据，生成光点线路的热力图，可以看出哪些是热门的骑行线路和必经地点。路况也是一种线性的热力图，路况使用按段测量的方式，热力值的梯度相对跳跃。5. 让数据动起来地图是安静的，但真实世界是忙碌的，让数据动起来，给地图增添更多情感化设计，缓解用户的等待压力。忙碌的商家外卖小哥端午节雨中送餐公交努力奔来五、底图：为更好呈现信息的色彩系统手机地图的底图最常使用矢量瓦片地图，因为数据体积小，在互联网环境下读取速度快。矢量地图用几何图形来表达区域，不展示具体细节，因此需要通过颜色去传达不同区域的属性或功能。人们对于颜色和环境是能建立一定的联想的，如绿色想到大自然，蓝色想到水，红色想到警示。根据人们对色彩的联想，给矢量地图中不同属性的区域进行配色，帮助用户理解地图。谷歌地图就曾经为不同类型的信息标记出 700 多种颜色，最后简化为 25 个颜色，形成了地图的色彩系统。工具类地图应用以地图为核心基础，对矢量图形有最全面的归类，因而拥有最丰富的配色系统。由于人们对区域功能的颜色联想是相似的，各地图厂商的标准地图的配色都很接近。地图用色素雅，才能让多个颜色能和谐的同时存在，降低用户的视觉疲劳，并能突出地图上的信息图层，让用户聚焦所关心的数据。而一些垂直场景的应用，地图区域功能的描述相对次要，通常会对地图的用色进行大幅度精简。以打车应用为例，地图用色少且色调相近，突出核心的打车状态信息颜色，同时体现应用的品牌特色。不少运用地图的概念设计中，会更极致的使用单色系地图，仅突出数据信息的颜色，充满未来感。六、未来的地图随着网络速度的提升，手机硬件的升级，顺应 AR/VR 技术的发展，地图逐步进入 3D 和全真时代。苹果地图在现有的地图的 3D 视图下，已对地标建筑赋予更多细节，并在夜间模式模拟了灯光效果。3D 地图就像是虚拟世界中的基础建设一样，苹果地图添加精细地标模型后，同时应用到 Carplay 的导航中，在驾驶时可直观看到与现实世界对应的 3D 地标。谷歌更是提出“沉浸式视图”的高保真 3D 地图，使用图像还原一座城市的面貌，为浏览一座城市提供了几乎真实的鸟瞰视角。同时全真模拟日照和天气系统，和现实一样模拟东升西落的光线方向，模拟晚上和雨天下的城市面貌。随着地图的立体全真化，地图的数据也将向空间延伸。相对全真地图而言，人们本身就身置真实的地图场景中，未来借助 AR 设备，人们无需对照地图即可完成导航。结语地图历来是人们借助艺术的手法，以极具想象力的方式对世界进行再现，它遵循科学测量的法则，使用几何的线条和形状对地球的进行抽象化。地图反映了制作者对世界的认知，而现代的科学技术让地图呈现尽可能客观。但地图并非单纯地呈现地球，而是呈现人们眼中的世界，它寄托着人们对美好生活的想象，更好的认识、探索和规划世界。欢迎关注作者微信公众号：「腾讯ISUX」本篇来源：优设网原文地址：https://www.uisdc.com/map-design-history
链接 图表 地图 大家好，我是小六。今天给大家分享在做可视化设计中常用的网站。欢迎小伙伴收藏转发！可视化平台和供应商以下是国内相对比较成熟的平台及可视化供应商，排名不分先后，大家没灵感的时候可以去他们官网去找案例参考1. 数字冰雹网站链接：http://makeie9perfect.digihail.com/case/casesummary.html国内做可视化比较早的一家公司，有十多年可视化经验，积累了大量成熟案例，不过官网只能看缩略图，可以关注他家公众号会有一些案例的视频参考。2. 阿里 Datav网站链接：https://datav.aliyun.com/portal/graphics-engine阿里云可视化平台，把可视化中常用的效果集成为组件库，基于平台拖拖拽拽就能实现不错的效果，涵盖大量行业模板，没灵感的时候可以去参考。3. 光启元网站链接：https://asset.raykite.com/resource/all国内比较好的可视化平台了，里面效果都非常不错，大家可以点击看看里面的模板案例，是个不错的学习通道。4. 图扑软件网站链接：https://www.hightopo.com/demos/index.html国内比较早的做可视化的公司，积累了丰富的案例资源，大家可以访问上面网址去查看相关案例，也是非常不错的找灵感的方法。5. 优诺科技网站链接：https://store.thingjs.com/?t=projects涵盖了一些智慧城市。智慧园区、智慧工厂等案例资源，感兴趣的小伙伴可以去看看。地图资源类1. DATAV 地图选择器网站链接：https://datav.aliyun.com/tools/atlas/index.html可以下载国内任意省市区县的矢量地图下载器，可以基于右侧选项配置按需下载。2. amcharts 地图下载器网站链接：https://www.amcharts.com/svg-maps/?map=worldRussiaSplitWithAntarctica可以下载国外各个国家及世界地图的的矢量地图下载器。3. OopenSstreetMap网站链接：https://www.openstreetmap.org/export#map=15/39.9198/116.4611可以基于浏览器可视区域下载对应的地图高程数据，用 Blender 生成城市模型。4. BIGEMAP 高清地图资源下载站网站链接：http://www.bigemap.com/source/全国各省、市、县、乡镇地图高清卫星地图、电子地图、地形图下载。5. 标准地图服务网站链接：http://bzdt.ch.mnr.gov.cn/标准地图依据中国和世界各国国界线画法标准编制而成，可用于新闻宣传用图、书刊报纸插图、广告展示背景图、工艺品设计底图等，也可作为编制公开版地图的参考底图。社会公众可以免费浏览、下载标准地图，直接使用标准地图时需要标注审图号。目前发布的标准地图包括：中国地图 249 幅，世界地图 79 幅，专题地图 10 幅。可视化图表库1. Echarts 图表库网站链接：https://echarts.apache.org/examples/zh/index.htmlECharts 是一款基于 JavaScript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。2. MAKEAPIE 图表库网站链接：https://www.makeapie.cn/echarts基本涵盖了大多数前端图表效果，样式有点丑，大家可以参照下前端基于三方组件库可实现的程度。3. Highcharts 图表库网站链接：https://www.highcharts.com.cn/demo/highcharts/grid-light线图、饼图、面积图、柱形图、混合图、动态交互图等等各种图表集合4. 花火数图网站链接：https://hanabi.data-viz.cn/templates?lang=zh-CN每个图表都会有详细的解释说明和使用场景，从数据出发，根据要表达的内容故事来选择合适的图表。5. 图之典网站链接：http://tuzhidian.com/简单易用的图表词典，为你的学习和工作提供科学的可视化建议。每个图表都会有详细的定义、用法、案例。3D 模型类1. 魔顿网站链接：http://www.modown.cn/archives/category/c4dmodelC4D 素材集合站。包含：模型、贴图、插件、软件等，资源分为免费和付费资源大家可按需下载。2. 爱给网站链接：https://www.aigei.com/s免费的模型下载站，部分需要 VIP。3. vjshi 素材网站链接：https://www.vjshi.com/3Dmoxing.html专业的视频素材交易平台，里面大部分资源都收费，包含视频为主，会有 ae、pr、模型等源文件，是个不错的效果参考站。4. vectary 在线建模网站链接：https://www.vectary.com/Vectary 一款无需下载软件，即可在线实现 3D 建模设计神器，提供免费场景、模型和材质库，无需从头开始或花费很长时间建造模型，加快 3D 设计速度。一个挺有意思的网站。5. FREE3D网站链接：https://free3d.com/TF3DM 拥有 15000+三维模型，各种格式的 BLENDER、OBJ、3DS、C4D、MAX、MAYA等，可以完全免费下载。今天的分享就到这了，后面会陆续更新在工作中比较常用的一些网站资源，敬请期待！可视化神器第二弹！一秒生成三维饼图的免费工具NB PIE大家好，我是灰色执照~ 很开心又和大家见面了。阅读文章 > 欢迎关注作者微信公众号：「小六可视化设计」本篇来源：优设网原文地址：https://www.uisdc.com/visual-web-2
链接 网站 地图 大家好，我是小六。今天继续给大家分享收藏的网站合集。欢迎小伙伴收藏转发！上期回顾：想快速搞定可视化设计？这20个精选神器收好了！大家好，我是小六。阅读文章 > 三维可视化库绘制库整理了7个基于 web 开发的三维可视化绘制库1. Three.js网站链接：https://threejs.org/Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。网站上有好多 demo 案例大家有时间可以研究下，算是基于 web 实现的天花板效果了。2. Babylon网站链接：https://www.babylonjs.com/community/Babylon 是由开发人员、创作者和艺术家组成的开放、充满活力的社区不断突破 Web 3D 的可能性。虽然官网有点丑，但是里面有大量的三维案例大家可以了解下具体实现的效果。3. Cclayg网站链接：http://examples.claygl.xyz/ClayGL 是一个 WebGL 图形库，用于构建可伸缩的 Web3D 应用程序。里面大量官方示例可以看下效果。4. LumaGL网站链接：https://luma.gl/examples网站略微有些慢，里面也是一些三维的案例。大家有时间可以自取研究下。5. Mars3D网站链接：https://mars3d.cn/example.htmlMars3D 是一款基于 WebGL 技术实现的三维客户端开发平台，支持轻量级高效能 GIS 开发，可快速接入与使用多种 GIS 数据和三维模型，呈现三维空间的可视化。里面有大量类似样例，可以让开发研究下具体实现效果。6. Mapv网站链接：https://maptalks.org/一个用于集成 2D/3D 地图的开源 javascript 库。7. Cesium网站链接：https://cesium.com/use-cases/CesiumJS 是一个开源的 JavaScript 库，用于创建世界级的 3D 球体和地图地图平台大家用过百度、高德、腾讯地图平台的应该都知道平台内地图的参数调整都有一定局限性，只能通过他们提供的选项进行调整，有的地图不可配置就很难受。今天给大家整理了下国外的一些地图平台，有的配置项会多一些相对可控，缺点就是国内楼宇数据没有国内地图的全，大家需要的自取。1. Mapbox网站链接：https://www.mapbox.com/gallery/基于矢量渲染与 webgl 技术，交互、可定制的前端框架。里面有好多的地图样式，可控性较高，缺点就是国内街景视图楼宇的数据较少。2. Snazzy Maps网站链接：https://snazzymaps.com/Snazzy Maps 是一个面向网页设计师和开发者的谷歌地图的不同风格的资源库。地图样式比较丰富，配置项也挺多，大家有时间可以对比下区别。3. OpenLayers网站链接：https://openlayers.org/en/latest/examples/专为 Web GIS 提供的 JavaScript 类库包，用于实现标准格式发布的地图数据访问，可以进去看看样例。4. Mapv网站链接：http://mapv.baidu.com/examples/#baidu-map-point-heatmap-time.htmlMapv 是基于百度地图的大数据可视化开源库，可以用来展示大量的点、线、面的数据，每种数据也有不同的展示类型，如直接打点、热力图、网格、聚合等方式展示数据。可视化应用搜集了一些好玩的可视化应用平台站，大家可以点点看看。1. Nullscool Earth网站链接：https://earth.nullschool.net/#current/wind/surface/level该站会计算的风，气候，海洋等气候趋势，数据每隔三小时更新一次。2. Windy网站链接：https://www.windy.com/?37.751,-97.822,5,i:pressure该站统计了全球的实时气候情况，会有气象雷达、卫星云图、风、气压、温度、降水、湿度、PM2.5 等等好多图层展示项配置，大家可以研究研究。3. 地理空间数据云网站链接：http://www.gscloud.cn/home#page1/4全球免费数据，持续更新，国产高分辨率遥感数据，一站尽得。下载:LANDSAT、SENTINEL、MODIS、DEM、NOAA、LUCC…4. WebGL 理论基础网站链接：https://webglfundamentals.org/webgl/lessons/zh_cn/这有一系列教程，从 WebGL 的基本理论讲起。它们不像大多数其他教程那样改编自旧的 OpenGL 文章。它们去旧迎新，丢弃一些过时的思想，让你彻底了解 WebGL 的工作原理。可视化神器第二弹！一秒生成三维饼图的免费工具NB PIE大家好，我是灰色执照~ 很开心又和大家见面了。阅读文章 > 欢迎关注作者微信公众号：「小六可视化设计」本篇来源：优设网原文地址：https://www.uisdc.com/visual-web
信息 用户 地图 地图 App 已经不再满足导航工具，通过信息挖掘和拓展，更希望能够成为人们日常生活中重要的信息平台。刚好回老家期间，高德地图用得比较多。使用过程中发现了一些比较有意思的细节，觉得有必要总结下分享给大家。主要包括以下 3 点内容：1. 信息架构升级，构建清晰的信息边界2. 信息挖掘，更好的服务用户出行3. 智能感知，提高用户行为效率信息架构升级，构建清晰的信息边界高德 10.0 版本升级了平台的信息架构。原有的版本并没有做信息分层，而是以地图画面为核心，将各类信息分散展示，出行功能路径入口共用“路线”功能，影响了用户的操作效率。另外为了减少各个功能对地图的遮挡，功能选项只能尽可能的融合、隐藏、精简，造成了部分入口信息层级较深，拉长了用户的行为链路，同时不利于功能和内容的拓展。在新的版本中，信息架构回归到传统的底部 Tab 导航形式，可以更好的拓展信息承载空间，满足信息平台型产品的设计定位。目前底部导航分为“首页、附近、消息、我的”四个频道，用户可以分类查看内容，信息结构更加清晰。图片来自 AlibabaDesign在首页中，高德地图打造了“内容中心”来承载更多信息。将”地图“与”内容“相互独立，构建出了明确的信息边界。交互设计上，内容中心采用弹性浮层方式，分为了 3 种模式。默认模式下，内容中心展示快捷功能”工具箱“和常用地点，方便用户快捷操作。当“内容中心”下拉收起，可以释放更多的屏幕空间给地图。上滑则进入“更多模式”，为用户提供更丰富的信息。“内容中心”的信息会根据用户实际位置，搜索地点而变化。例如我在北京时，会显示北京的专享服务。而我搜索上海的地点，首页下方则增加了上海的推荐信息。信息挖掘，更好的服务用户出行1. 地图信息颗粒度细化，提高信息承载能力一个地点除了基础的地理信息外，还需要集合各类相关信息，为用户做好出行服务。如何将复杂多样的信息整合，实现“所见即所得”展示给用户呢？高德地图采用了“内容分类”的方式来展示地理位置的二级信息，从而提高地图信息的承载量。当地图定位到景区范围内，会显示厕所、出入口、餐饮、停车场等信息选项，用户点击即可查看相应的内容。而大型商场聚焦放大时，用户可以查看商场楼层的店铺信息，将细节信息融入在地图中，通过多层级的信息划分，展示不同颗粒度的内容。2. 实景信息，提高用户决策准确性当我们进入一个陌生区域，乘坐公交车时，需要准确知道公交车站的位置。而公交车是有方向的，一旦我们进入了错误的方向，可能需要横穿马路或者绕行很远才能抵达正确的公交站点，这会花费用户很大的体力和时间成本。当用户规划出行路线时，地图路线中通过冒泡提示形式，引导用户查看公交站点的实景地图，方便用户更准确的定位。3. 场景化信息挖掘，为用户提供更好的服务体验当用户搜索酒店时，在页面上方会展示“查看附近酒店”的快捷按钮。方便用户快速查看周边的酒店，进行对比选择。如果用户在非营业时段搜索商业场所，会展示不同的信息状态。例如深夜搜索时，显示“已打烊”状态，而在清晨搜索时，显示”未营业“状态，并告知营业时间，避免用户跑冤枉路。当用户查询驾车路线时，如果查询的地点不是特别明确，系统会提供多个地点供用户选择，并增加了各个地点的选择比例，降低不熟悉用户的选择成本。另外选项中不仅有停车场景，还考虑到了接送人临时停车的场景，实现了多场景的覆盖。4. 激活用户群，实现信息共享当用户计划出行时，希望了解目的地的天气、游玩情况。有些信息平台无法给出明确的答案，于是高德地图将发言权交给了有经验的用户，搭建相互交流的群组，实现了信息的共享交换。智能感知，提高用户行为效率1. 用户行为态势感知当用户打开 App、搜索地点或者行程导航时，高德地图会主动感知用户的导航需求，提供相关的信息引导。例如上下班路线、消费券、团购优惠、停车场建议等等引导信息，引导用户的快捷操作。另外用户查询地点时，地图还会扩充展示周边地点的卖点信息，希望能够为用户提供更多的参考信息。2. 行程查询记录的保存用户在查询打车行程，但未打车时，信息会保存在首页信息中，便于用户随时调用出行。以上就是我的一些使用心得，欢迎小伙伴们评论区留言交流~下期再见。10个产品细节剖析，看看大厂是如何做设计的！UI/UX 设计能力的提升离不开分析与探索，针对优秀产品的设计进行分析总结，探索设计背后的经验规则。阅读文章 > 欢迎关注作者微信公众号：「子牧UXD」本篇来源：优设网原文地址：https://www.uisdc.com/amap-design-highlights
地图 文件 工具 大家好我是花生~勤勤恳恳挖掘效率神器的我最近又发现了不少好用的小工具，今天就继续为大家推荐其中不能错过的 5 款，它们分别是：一键查看！超好用的文件预览神器「Quicklook」高清精准！下载地图必备的官方网站「标准地图服务」一秒变好看！免费截图美化工具「FabPic」Photoshop 突然崩了怎么办？快试试网页版 PS「Photopea」轻量省心！电脑文件快速搜索神器「Everything」了解往期效率工具看这里这 5 款工具，让设计师工作效率提升 200%！（三）大家好，我是和你们聊设计的花生~上一期为大家分享的神器都用起来的了吗？阅读文章 > QuickLook「软件介绍」 https://github.com/QL-Win/QuickLook「程序下载」 https://github.com/QL-Win/QuickLook/releases/tag/3.7.1「插件下载」 https://github.com/QL-Win/QuickLook/wiki/Available-PluginsQuickLook 是一款免费开源的软件，安装后可通过「空格键」快速预览电脑上的各种文件，包括但不限于 psd、ai、zip、pdf、ppt 等必须通过特定软件打开的文件。QuickLook 支持的文件类型非常全面，而且操作便捷。点击「空格键」就能快速打开/关闭预览窗口，无需再打开多个程序查看，能大大节省我们查找文件内容的时间。QuickLook 的开发者还更新了不少插件，如文件夹预览插件、字体预览插件等，让预览文件更加方便。软件安装包和插件资源都已经为大家打包好了，下载链接在本文开头和结尾，有需要的小伙伴快去试试吧~另外今天推荐 QuickLook 仅适用于 Windows 系统，苹果电脑用户可以直接用使用 macOS Quick Look，二者功能是一样的。标准地图服务「网址」 http://bzdt.ch.mnr.gov.cn/index.html做设计时如何找到高清且标识准确的地图？用「标准地图服务」这个网站准没错。「标准地图服务」由自然资源部地图技术审查中心承办，站内地图由中国地图出版社、国家基础地理信息中心编制。网站提供的标准地图包括中国地图 249 幅，世界地图 79 幅和专题地图 10 幅，都是依据中国和世界各国国界线画法标准编制而成。地图下载提供 JPG、EPS 两种格式，尺寸从对开至 64 开都有。据网站提示，社会公众可以免费浏览、下载标准地图，直接使用标准地图时需要标注审图号。对地图内容编辑（包括放大、缩小和裁切）改动的，公开使用前需要送自然资源主管部门审核。如果需要 3D 样式的地图，大家可以用优设网文章作者「灰色执照」开发的三维地图的免费工具 NB Maps，具体内容可查看开发者本人文章：数据可视化神器！帮你一秒生成三维地图的免费工具NB Maps大家好，我是灰色执照。阅读文章 > FabPic「网址」 https://www.fabpic.app/FabPic 是一款便捷的截图美化工具。如果你觉得截图过于简陋不适合直接使用，可以用 FabPic 给截图加上统一的边框，让多张截图尺寸一致并具有统一的形式感。FabPic 支持为截图添加边框、阴影和背景，背景可以是纯色、渐变和图片，还可以修改边框的宽窄。软件由一位设计师独立开发，完全免费使用，美化完成后可点击下载保存或直接复制粘贴使用。Photopea「网址」 https://www.photopea.com/一直都在为大家推荐各种图片处理网站，今天推荐的网站「Photopea」肯定是设计师最熟悉的，我们先看看它的主界面：是不是很熟悉？没错，「Photopea」完完全全就是网页版的 Photoshop，不仅界面功能和 PS 一致，连快捷键都可以一样用。「Photopea」可以创建并打开 PSD 文件，支持导出的文件类型也非常多。虽然 PS 是每个设计师的必备软件，但应急时无需下载、打开网页就能使用的「Photopea」也是个不错的备用选择。Everything「网站」 https://www.voidtools.com/zh-cn/如果我们想在电脑上查找一个文件，但又不记得文件的位置，就只能选择从「此电脑」范围上查找。试过这种方式的小伙伴都知道，查找速度非常慢。如果用 Everything 搜索，就不用担心这个问题了。它能在几秒之内就帮你找到想要的文件，即使需要扫描的文件量很大，所需的时间也就一分多钟。除了按文件名搜索，Everything 还支持文件的内容搜素，并可以实时跟踪文件变化。Everything 程序大小不到 2M，在运行时占用的系统资源极少，是公认的 Windows 必备效率工具之一。感兴趣的话可以在网站首页的「支持」一栏了解更多使用技巧。以上就是为大家推荐的 5 款效率工具，希望对大家的工作有帮助。 如果你有想要解决的问题，但还没有找对应的工具，欢迎在评论区分享出来，说不定下一期就会有相应的推荐了~我是夏花生，我们下期见。 文件名 如何下载使用 文件大小 提取码 下载来源 quicklook安装包 插件93.03MB8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/5-practical-software-2
地图 工具 工作 大家好，我是灰色执照。先说重点，一款可以自动绘制三维地图的网页工具开发好了。你可以调整颜色、修改地图的厚度和角度、更换字体的样式。弄成你喜欢的样子后，就可以下载透明背景的 PNG 地图图片了！我简单的介绍一下工具的部分功能：1. 可以生成各个角度的透明背景图片拖拽鼠标，地图可以调整不同的角度。滑动滚轮，地图可以放大缩小2. 可以录制成你视频，拖入 AE，在周边加上图表，就变成可以演示的效果了。3. 可以调整地图的高度。4. 可以调整字体的大小，甚至可以让字体旋转过来5. 可以调整地图和地图边界线的颜色、透明度。6. 给地图每个板块输入相应的数值，地图还会以“柱状图”的形式显示。在左侧可以设置每个地区的数值，比如每个省的 GDP 不同。应用后，地图就像柱状图一样，根据数值生成不同的高度。如果你是数据可视化设计师，你可以只设计界面的四周，然后把设计稿上传为背景，这样你就可以免去设计你的主视觉了：NB Map 的功能其实还有很多，由于篇幅有限，我这里就不一一介绍了，大家自己去体验一下吧。工具的入口如下：https://nbcharts.com/map/map.php我还特意录制了一个功能很全的高清视频教程，已经放到 B 站了。 .video_pc { width: 100%; height: 585px; } @media (max-width:767px) { .video_pc { height: 50vw; } }当视频无法加载时请刷新页面，或前往PC获得最佳体验。几年前，我的工作从 UI 设计师转变成了设计数据可视化方向。工作中，我需要在界面的正中央绘制一个立体感觉的武汉市地图。那是我第一次接触数据可视化，没有任何经验。我清晰的记得我用了整整一个下午，使用 PS 的钢笔工具勾画地图的每个边界。那一个下午，我累得眼睛都疼了。当时我的心里只有一个想法：类似的工作应该交给工具来批量完成！多年以后，我虽然学会了编程，但是我的工作并不涉及三维方面的内容。所以也就没有太把这件事情放在心上。直到今年过年期间，趁着国庆 7 天假期，自学了一下三维方面的一些编程知识（甚至还研究起了 C4D）通过 1 个月时间的努力，一款自动绘制三维地图的工具开发好了。代码部分的内容其实不多。更多的是整理 400 多个省市区的数据。处理这些数据非常的繁杂，很多时候都想过放弃，但是想起我曾经用钢笔勾画的那个下午，咬咬牙又坚持了下来。“我一个人累一下，却可以方便无数个人。这波绝对稳赚不亏！”开发这款工具主要是想帮助那些真正有需要的人。有可能他们从事和设计无关的工作，没有接触过 PS、C4D、Blender，他们只是想在 PPT 里面加入一个地图来示意一下，也可能他们是平面设计师，想在海报里面加入一个地图；还可能一个初入行的 UI 设计师想做一个更好看一点的可视化界面…无论你是谁，都可以方便的使用这个工具来完成你的工作。准确的说，开发这款工具更多的是想帮助几年前刚跨入可视化行业的我自己~你们的下午由我来守护。你们去喝茶、去聊天、去享受午后的阳光，让地图绘制的工作交给我开发的工具来完成吧。工具是免费的，大家放心使用~后续我将给这个地图增加材质功能，如果你使用 NB Map 的过程中有什么其他需求，欢迎你在微信群里向我提出。最后，感谢微信群里为 NB Map 提供地图背景的每个设计师。超详细！从零到一带你制作可视化地图（一）今天分享下在做可视化中一些地图的获取方法、常见的一些效果的实现方法以及跟开发如何对接的一些经验分享给大家，欢迎大家沟通交流。阅读文章 > 欢迎关注作者微信公众号：「灰大设计」本篇来源：优设网原文地址：https://www.uisdc.com/nb-maps
表哥
落霞与孤鹜
飞翔的企鹅
张大湿
在路上
