大家好~这里是跟大家一起进步的南清音~

在现代的海报设计中，无衬线体的出现十分频繁，因为它直接、简洁、直观，不易产生视觉疲劳，并且可以运用到很多设计中，因而受到了 设计师 的偏爱。今天就为大家梳理一下优优教程网上的一些高质量的无衬线英文字，让大家能做出更多好看的作品，一起来看一下吧~

顶级字体公司蒙纳出品！2022年10大字体设计趋势 蒙纳公司最近刚刚发布了 2022 字体设计趋势报告，这份报告对于视觉、LOGO、平面、字体/字库设计师有着相当的参考价值。

阅读文章 >

Titillium Web 「字体详情及下载链接」 https://uiiiuiii.com/software/401645.html

Titillium Web 的出现主要是为 html、Css 和 java 脚本语言编程使用而设计的。后面也被广泛应用于海报，印刷等方面。Titillium Web 的字体垂直方正，笔划直角的设计也让它的存在变得更有辨识度，而且更加适用于电子设备显示。Tiltillium Web 一共有 6 种字重，11 种字体样式，使它能够更广泛地运用到各种不同的用途之中。

Manrope 「字体详情及下载链接」 https://uiiiuiii.com/software/392006.html

Manrope 是一种现代的无衬线字体，总共拥有 7 种字体样式，方便大家能在更多的场景中使用。通用性是这个字体的主要目标之一，无论是标题还是内文，Manrope 都能体现出良好的适配性。

Antonio 「字体详情及下载链接」 https://uiiiuiii.com/software/388320.html

Antonio 是一款超好用的个性 英文字体 ，专为需要使用大字号的标题、横幅设计。Antonio 共有 7 种字体样式，整体字体瘦长，无衬线的设计让它看起来更加简洁。用在标题上会使标题很醒目哦~

近期免费英文字体推荐：

还缺免费英文字体？7款付费级的优雅风格字体打包！ 本期给大家推荐 7 款优雅时尚的西文字体，全部都是免费商用！

阅读文章 >

Robot 「字体详情及下载链接」 https://uiiiuiii.com/software/373643.html

Roboto 是由谷歌开发，2011 年由 Christian Robertson 设计，用作 Android 4.0 移动操作系统的字体。这个字体家族包含 7 种字重、12 个字体样式，其中 Thin、Light、Medium、Bold、Black 版都有其相对应的斜体。字体整体规整，粗细对比度很低，字形垂直，同时字体的半圆曲线又为其注入了几分欢快之风。

Nice 「字体详情及下载链接」 https://uiiiuiii.com/software/429536.html

Nice 是平面设计大师设大叔 19 年参加比赛方正字体大赛时设计出来的一款无衬线西文字体。这款字体字形饱满、结构规则方正，观感大气且独特，是拿来做标题再好不过的选择。除此之外，设计师在字体的转角和笔划边缘加入圆角的设计，减掉字体的锋利感，给整款字体增添了几分亲和力。

设计时用得到的特殊字体推荐：

用一篇文章，帮你全面认识哥特风英文字体（附下载包） 对于设计师而言，熟知各种字体的特征和使用方法可以说是基本功，除了了解各种经典的中文字体之外，对经典英文字体的理解和使用也是非常重要的。

阅读文章 >

Trap* 「字体详情及下载链接」 https://uiiiuiii.com/software/474888.html

Trap* 是由 Aayush Mayank 创建的一款拥有 7 个字重的现代无衬线字体。这款字体做的陷印设计在小尺寸印刷上面显得十分别致。Trap* 字体字形比较规则，结构清晰，整体看来和普通标准字体的外形相差不大，但是如果将字体放大后就会见到细节处其实是有经过精心设计的。它在笔划的连接处都做了向内延伸的缺口，就很自然的给这款字体增加了一种设计感。

以上就是今天给大家带来的免费字体推荐了，想拥有更多好看又免费的字体，请大家去优优教程网点击「 免费字体 」板块进行挑选和下载吧~

查看更多字体戳链接→ https://uiiiuiii.com/tool/typeface

5个经典的付费英文字体，我们都帮你找到了免费可商用替代款！ 大家好我是花生~现在一提到字体资源，大家最关注的点肯定是能不能免费商用吧？

阅读文章 >

背景 从 2017 年萌芽到 2021 年爆发，NFT 在过去的一年内正在成为数字经济市场的“顶流”，从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中，展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。

为了更好地探索 NFT，本文尝试从 NFT 的应用与玩法出发，为大家梳理当下市场上涌现的具有一定代表性的 NFT 项目，以期提供一些启发。

* NFT 全称为 Non-Fungible Token，指非同质化代币，是用于表示数字资产的唯一加密货币令牌。

注：本文仅仅为 NFT 科普， 不代表建议大家参与 。

天价头像是如何诞生的？写给设计师的 NFT 超全入门指南 注：本文仅仅为 NFT 科普，不建议设计师参与。

阅读文章 >

为了帮助大众理解区块链和加密货币，Dapper Labs 团队创造性地引入了游戏概念，在 2017 年打造了 CryptoKitties 项目。该项目以繁殖玩法为特征，建立了迭代化的可循环运行的链上育种逻辑算法，并确保繁殖的随机性。项目中每两只猫可繁殖一个后代猫，后代会继承父母双方 256 个位源基因组，并在外观秉性等方面呈现不同可能。CryptoKitties 通过浅显易懂的繁殖及交易机制，证明了 NFT 的数字资产价值和游戏体验乐趣。

在 CryptoKitties 之前，区块链绝大部分应用于去中心化的金融领域，该项目的出现对 NFT 的应用场景带来了革命性的改变，为 NFT 的发展打下了坚实的基础。后来的 NFT 实践应用中，诸多项目都引入了合成、繁殖的玩法。

近期火爆的区块链游戏 Axie Infinity 中，也引入了 CryptoKitties 的合成繁殖玩法。游戏中的宠物即是 NFT，玩家可以将自己的两只宠物进行繁殖，繁殖产生的后代宠物将从其父母的基因属性中随机遗传。

全球体育运动品牌 NIKE 在其与 RTFKT 合作的 NFT 项目 CryptoKicks 中，也引入了繁殖玩法，以向 CryptoKitties 致敬。用户可以通过繁殖玩法，来创造属于自己的定制运动鞋。该功能目前并未正式上线，但已申请专利保护。

NFT 在游戏领域的发展趋于稳定后，随即开始向艺术领域扩展。艺术品价值的核心要素之一是能够可靠地证明其所有权归属，这与 NFT 所具有的唯一性、不可分割性的特征极其吻合。尤其是对于数字艺术品而言，NFT 能够有效保证其在数字空间内的知识产权归属。

随着 NFT 在艺术领域的发展，国外很快出现了以 OpenSea 为代表的 NFT 运营主体，为 NFT 艺术品的创作、发行与交易提供土壤。众多艺术家将自己的作品制作成 NFT，供艺术爱好者收藏，促使收藏玩法成为当前市场的核心。

2021 年，视觉艺术家 Beeple 的作品合集《Everydays: The First 5000 Days》以 NFT 形式加密上链，并在佳士得的网上拍卖中拍出 6025 万美元的天价，最终含佣金成交价为 6934.6 万美元，刷新了数码艺术品的拍卖纪录，同时将数字资产所有权确权讨论推进到迄今为止的最新高度。

参与过《使命召唤》、《霍比特人》等影视及游戏艺术制作的概念艺术家 Ben Mauro 发行限量 NFT 艺术藏品《Evolution》。

艺术家 William Quigley 将现代艺术与普利策奖获奖照片《The Babe Bows Out》结合，创造出致敬贝比鲁斯传奇的 NFT 艺术藏品。

美国殿堂级图形艺术家 John Van Hamersveld 发行《Post-Future 后未来》NFT 艺术藏品。

除了个人艺术家，博物馆也将其馆藏的各类艺术品铸造成 NFT 进行拍卖。如大英博物馆与 LaCollection 合作，将日本浮世绘大师葛饰北斋的《富岳三十六景》系列艺术品铸造成 NFT 并进行拍卖。

国内的各地博物馆也积极与发行平台合作，相继加入数字艺术藏品的探索，推出了基于各自馆藏文物的 数字藏品 。

甘肃省博物馆发行的魏晋数字壁画砖，分别为《耕种图》、《牧畜图》、《烤肉煮肉图》、《双驼图》、《宴居图》、《采桑图》。

西安博物院发行的汉唐明鉴数字铜镜，分别为《金背瑞兽》、《海马飞天》、《七乳神兽》、《月宫》、《彩绘狩猎人物纹》、《八瓣菱形花鸟》、《真子飞霜》、《八卦十二辰》。

这些博物馆发行的数字藏品绝大多数上架仅 1 秒便售罄，火爆的背后，是艺术收藏者对于数字收藏形式的认同。而数字藏品也使博物馆更贴近大众，进一步推动了历史文化的发扬，焕发了文化产业的活力。（国内业务由于内在逻辑与外延不同，应称之为数字藏品）

NFT 的迅猛发展，使其逐渐成为品牌营销的必备玩法，众多国内外知名品牌纷纷试水 NFT 营销，结合自身特性布局相关产品。NFT 的稀缺性和唯一性的特征与品牌价值相叠加，一方面使相关作品溢价空间暴涨，另一方面使品牌价值进一步强化，拓展了品牌的市场空间，也提升了消费体验。

1. 实物产品虚拟化，NFT 纪念品反哺线下

本田旗下高端汽车品牌讴歌，打造限量的 NFT 来配合其 2023 款新车 Acura Integra 的发售。预定 Acura Integra 前 500 名的客户可获得此 NFT，NFT 会与实体车辆相匹配，并在交付时升级为独特版本。由于 NFT 的加持，开放预定一周有余便已突破 500 名客户。

瑞士奢侈制表品牌 HUBLOT 与日本艺术家村上隆合作，为「Classic Fusion Takashi Murakami All Black」和「Classic Fusion Takashi Murakami Sapphire Rainbow」两款腕表的持有者，打造对应款式的限量版 NFT。

德国美容和生活方式工作室 Look Labs 推出第一款 NFT 香水《Cyber Eau de Parfum》，该 NFT 巧妙地结合了其品牌实体香水的特性，以光谱数据的形式在 NFT 中表现其物理香气，用视觉替代嗅觉。购买 NFT 将附送一瓶实体香水，该营销产生了终极奢华的品牌效应。

2. 拓展虚拟周边，NFT 使品牌收益多元化

德国奢侈旅行箱品牌 RIMOWA，以航空为主题，使用其品牌最具标志性的材料，构造出 4 件独一无二的实体艺术品，之后将其打造成 NFT 并推出，命名为《Blueprints from the Metaverse》，由此试水线上虚拟市场。

Gucci 与 Superplastic 共同推出《Crypto Janky》系列 NFT，该系列共 10 款，以 Gucci 的经典花纹、标识与符号为灵感，搭配虚拟形象 Janky 打造而成。NFT 的持有者同时会获得一件由 Gucci 与 Superplastic 合作设计并制作的陶瓷雕塑。

高端美妆品牌娇兰发布名为《Crypto Bees》的 NFT，共 1828 个，以其 logo 的蜜蜂元素，叠加生态环境元素打造而成，并为项目冠以公益之名，极大提升了品牌形象并传递了品牌价值观。

过去的一年里，“元宇宙”概念爆发 ，再次打开了虚拟世界大门，引发人们对另一世界的想象，很多人认为这是下一阶段的互联网形态，各种元宇宙项目层出不穷。在这样的环境下，各品牌也争相参与元宇宙项目，在虚拟世界中创作自己的 NFT，希望能在未来的虚拟世界中抢夺属于自己的一席之地。

Louis Vuitton 在品牌创始人 200 周年诞辰之际，推出一款免费手游《Louis The Game》。该游戏以收集 200 支蜡烛为目标，而在收集的过程中，玩家有机会获得 Louis Vuitton 推出的限定 30 份的 NFT 艺术品。游戏的沉浸体验与 NFT 将玩家这场治愈心灵的旅行刻印成独家记忆，加强了玩家对品牌的无限向往。

Burberry 也在开放世界游戏《Blankos Block Party》中推出了其首款名为《Burberry Blanko》的 NFT，玩家可以在游戏中收集与出售这个鲨鱼角色。此外，Burberry 还将推出喷气包、臂章等 NFT 配饰，这些 NFT 配饰可以应用在任何 Burberry Blanko NFT 上。

Balenciaga 通过挖掘其经典作品，在游戏《堡垒之夜》中推出了其品牌的 4 套 NFT 时装，这些时装准确地呈现了 Balenciaga 标志性面料的外观和质感。此外，NFT 时装还具有功能，比如运动鞋在游戏中能变成锄头道具，Hourglass 包可以变成滑翔机道具等。NFT 时装不仅为 Balenciaga 开拓了虚拟世界新营地，还增加了品牌收益。

Under Armour 与球星库里合作推出 NFT 球鞋，球鞋的造型为库里创造 3 分球纪录时所穿的真实鞋款，可在 Decentraland、Sandbox、Town Star 及 Rumble Kong League 平台中使用，是首个可跨平台使用的 NFT。

雅诗兰黛在虚拟世界平台 Decentraland 推出其主打产品《Advanced Night Repair》的 NFT 版本，通过关键词即可免费获得。用户在 Decentraland 中使用虚拟形象进入“小棕瓶”的瓶身内后，即可穿戴该 NFT，穿戴后，虚拟形象会被小棕瓶“焕亮面容”。元宇宙也需要护肤。

在体育赛事领域，一些积极参与 NFT 建设的先驱者，借助自身联赛的声量与特性，创造出众多花样的联动玩法。

全球最高的篮球殿堂 NBA 联赛推出《The Association》NFT，该 NFT 并非一般图像或者视频，而是具有动态属性，会根据球员在现实比赛中的表现而变换外观。该项目是为季后赛发行的，共涉及 240 名球员，每位球员 NFT 的外观变化由球员成就和球队成就决定。简言之，如果球员在球场上获得亮眼数据，或者是其球队获得优秀的战绩，都会使 NFT 的视觉变化更多元、更炫酷。

澳大利亚网球公开赛推出《AO Art Ball》NFT，该系列 NFT 共 6776 个，对应将网球比赛场地以 X 轴 121 个点和 Y 轴 56 个点分割后的 6776 个地块，即每 1 个 NFT 对应 1 块面积为 19cm*19cm 的球场场地。在 2022 年澳网 11 个项目的 441 场比赛中，决胜球落点地块对应的 NFT，将会被实时更新来标记出这场比赛的信息，比如不同轮次的决胜球对应的 NFT，在外观上会增加不同样式的贴纸（前 4 轮绿色贴纸、1/4 决赛铜色贴纸、半决赛银色贴纸、决赛金色贴纸等），同时决赛决胜球对应 NFT 的外框也将由普通变为金色。

美国橄榄球联盟 NFL 推出门票 NFT，兼具传统门票的功能与艺术收藏纪念的价值，可以在超级碗比赛中使用，每个门票 NFT 都携带持有者观看比赛所在的区域、排位和座位等信息。NFL 副总裁 Bobby Gallo 称提供定制的超级碗 NFT 门票能够增强球迷体验。

美国 NBA 联赛的达拉斯小牛队也推出其 2021-22 赛季季后赛的 NFT 门票。

Global Titans 格斗系列赛也推出 NFT 门票，持有者可按门票对应场次观看赛事。目前公开发售的 Global Titans NFT 门票分为两种，一种是 8 万枚的赛事直播观看权的 NFT，另一种是稀有场前排席位 NFT，目前仅提供 10 枚，持有者可亲临比赛现场。

由体育赛事中门票应用的启发，未来艺术展和演唱会等，都可以制作含有活动时间、地点、主题等关键信息的门票 NFT，既满足功能要求，又以更具收藏价值的形式帮助参与者纪念有意义的事。

重要时刻是极其珍贵的，尤其是对于粉丝们来说。NFT 的唯一性特征叠加这份珍贵，极大提升了重要时刻的价值，由此也诞生了诸多以 Important moment 为主的玩法。

Eternal 便是一家基于 Flow 区块链的流媒体 NFT 市场。在这里，有无数主播、网红或明星在直播中的富有纪念意义的片段被制作成 NFT 进行售卖与交易。

火爆的《NBA TOP SHOT》也是基于这一点来打造的项目。NBA 官方将球员生涯的精彩瞬间剪辑为视频片段，并制作成一定数量的 NFT，以不同的价格出售。售价的高低取决于精彩瞬间的质量和球员的火爆程度等。在此项目中，一段球星詹姆斯的精彩瞬间 NFT 被卖出了 23 万美元的历史最高价。

Costacos 为四名传奇运动员 Dan Marino、Troy Aikman、Warren Moon、Jim McMahon 制作发行了一套 NFT，分别为“成就、经典海报、难忘时刻、众神之手“四个部分内容，记录了传奇球员的奖项、数字、胜利和荣誉。

结语 随着 NFT 获得的关注度增加，各行各业都开始探索其应用于自身领域的可能性，引发了无限美好的遐想。NFT 给人类社会带来全新的理念突破，从传统的历史文化保护到新潮的元宇宙，都提供了崭新的运营路径。其在价值传递、品牌营销、知识产权保护等方面展示出的新鲜力量，为身处互联网社交的我们提供了新的思路与探索方向。

参考文献：

《非同质化代币（NFT）：逻辑、应用与趋势展望》

《品牌纷纷试水，NFT 营销到底是什么》

《从虚拟时装到虚拟餐厅，消费品牌如何玩转 NFT》

《Non-Fungible Tokens (NFT) and Their Applications in Other Fields》

ImageMatting 是一个免费在线去背工具，使用 AI 人工智能驱动的算法进行处理，算法本身也透过百万张的相片训练，以重现专业人员在处理相片时的精确性和细腻度。这家公司的背景提到从 2006 年开始就在做图片编辑的商业外包工作，Media Backoffice 总部位于日本东京，将设计师和摄影师的工作委由印度农村生产中心的 300 名员工进行处理，ImageMatting 就是以这些相片来训练算法。

开启 ImageMatting 网站后直接把相片拖曳到适当字段就全自动去背，没有任何设定选项，准确性方面也非常理想，不过 ImageMatting 不擅长辨识主题不清晰、具备纹理背景的相片，更适合轮廓清晰、背景平坦、白色的相片素材，特别是电子商务或产品会用到的相片，通常都能在这个去背工具获得非常好的效果。

ImageMatting 另一特色是在相片的边缘质量方面处理得很细腻，将图片放大检视会发现细节相较于其他的去背服务来说更为理想，当然这也取决于本身相片的主体是否清晰，如果有需要将图片去除背景的话可以试试看这项免费服务。

往期 抠图神器 ：

扣头发丝不留痕！最新免费抠图神器 ClipDrop Remove Background 来啦~ 大家好，我是和你们聊设计的花生~ 随着人工智能技术的发展，运用算法自动进行图片处理的工具越来越多，极大地提升了设计师的工作效率。

阅读文章 >

不限次数！快收藏在线免费抠图神器「Hama」 Hama 如同上次介绍的「Magic Eraser」，让用户上传图片、将画面中不想要的部分抹除，因为这类服务都是使用人工智能 AI 加上机器学习方式训练出更强大的程序辨识能力，会分析标示人物或物品，移除后将附近的颜色补充进来，就会使去除后的相片画面很自然，而且这项服务完全免费，使用者只要

阅读文章 >

又一个抠图神器！在线免费一秒搞定超好用！ 当今的在线去背工具多半会整合 AI 人工智能技术，以机器学习方式去建构出可准确辨识前景和背景的模型，使用机器自动化去除背景的好处是快速、精确而且无需额外编辑，即使没有专业绘图软件一样可以在浏览器进行，remove.bg 是在线去背服务最早出现、而且最强大的选择，后来也有 FocoClip

阅读文章 >

ImageMatting 网站链接： https://imagematting.com/

使用教学

开启 ImageMatting 网站会看到右侧的上传字段，将相片拖曳进去即可自动去背，在写这篇文章时 ImageMatting 服务还是标记为测试（BETA）阶段，不确定未来会不会转为收费服务。

去除背景后 ImageMatting 会直接显示结果，点选右上角「Download」就能下载相片。

如果想查看原始图片和去背后的图片差异，从左上角「Processed」可切换相片。

如果想要测试一下 ImageMatting 效果，网站也有提供四张范例图片，分别为球鞋、T 恤和外套等商品照片，因为是单一颜色背景，在处理效果上也很理想，可点选范例图片带入去背工具测试。

值得一试的三个理由：

ImageMatting 以人工智能 AI 驱动的算法，自动去除图片背景 适合轮廓清晰、背景平坦的相片，纹理背景可能无法获得好的效果 对于相片的边缘质量方面处理得更为细腻

背景 从 2017 年萌芽到 2021 年爆发，NFT 在过去的一年内正在成为数字经济市场的“顶流”，从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中，展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。

为了更好地探索 NFT，本文尝试从 NFT 的应用与玩法出发，为大家梳理当下市场上涌现的具有一定代表性的 NFT 项目，以期提供一些启发。

* NFT 全称为 Non-Fungible Token，指非同质化代币，是用于表示数字资产的唯一加密货币令牌。

注：本文仅仅为 NFT 科普， 不代表建议大家参与 。

天价头像是如何诞生的？写给设计师的 NFT 超全入门指南 注：本文仅仅为 NFT 科普，不建议设计师参与。

阅读文章 >

为了帮助大众理解区块链和加密货币，Dapper Labs 团队创造性地引入了游戏概念，在 2017 年打造了 CryptoKitties 项目。该项目以繁殖玩法为特征，建立了迭代化的可循环运行的链上育种逻辑算法，并确保繁殖的随机性。项目中每两只猫可繁殖一个后代猫，后代会继承父母双方 256 个位源基因组，并在外观秉性等方面呈现不同可能。CryptoKitties 通过浅显易懂的繁殖及交易机制，证明了 NFT 的数字资产价值和游戏体验乐趣。

在 CryptoKitties 之前，区块链绝大部分应用于去中心化的金融领域，该项目的出现对 NFT 的应用场景带来了革命性的改变，为 NFT 的发展打下了坚实的基础。后来的 NFT 实践应用中，诸多项目都引入了合成、繁殖的玩法。

近期火爆的区块链游戏 Axie Infinity 中，也引入了 CryptoKitties 的合成繁殖玩法。游戏中的宠物即是 NFT，玩家可以将自己的两只宠物进行繁殖，繁殖产生的后代宠物将从其父母的基因属性中随机遗传。

全球体育运动品牌 NIKE 在其与 RTFKT 合作的 NFT 项目 CryptoKicks 中，也引入了繁殖玩法，以向 CryptoKitties 致敬。用户可以通过繁殖玩法，来创造属于自己的定制运动鞋。该功能目前并未正式上线，但已申请专利保护。

NFT 在游戏领域的发展趋于稳定后，随即开始向艺术领域扩展。艺术品价值的核心要素之一是能够可靠地证明其所有权归属，这与 NFT 所具有的唯一性、不可分割性的特征极其吻合。尤其是对于数字艺术品而言，NFT 能够有效保证其在数字空间内的知识产权归属。

随着 NFT 在艺术领域的发展，国外很快出现了以 OpenSea 为代表的 NFT 运营主体，为 NFT 艺术品的创作、发行与交易提供土壤。众多艺术家将自己的作品制作成 NFT，供艺术爱好者收藏，促使收藏玩法成为当前市场的核心。

2021 年，视觉艺术家 Beeple 的作品合集《Everydays: The First 5000 Days》以 NFT 形式加密上链，并在佳士得的网上拍卖中拍出 6025 万美元的天价，最终含佣金成交价为 6934.6 万美元，刷新了数码艺术品的拍卖纪录，同时将数字资产所有权确权讨论推进到迄今为止的最新高度。

参与过《使命召唤》、《霍比特人》等影视及游戏艺术制作的概念艺术家 Ben Mauro 发行限量 NFT 艺术藏品《Evolution》。

艺术家 William Quigley 将现代艺术与普利策奖获奖照片《The Babe Bows Out》结合，创造出致敬贝比鲁斯传奇的 NFT 艺术藏品。

美国殿堂级图形艺术家 John Van Hamersveld 发行《Post-Future 后未来》NFT 艺术藏品。

除了个人艺术家，博物馆也将其馆藏的各类艺术品铸造成 NFT 进行拍卖。如大英博物馆与 LaCollection 合作，将日本浮世绘大师葛饰北斋的《富岳三十六景》系列艺术品铸造成 NFT 并进行拍卖。

国内的各地博物馆也积极与发行平台合作，相继加入数字艺术藏品的探索，推出了基于各自馆藏文物的 数字藏品 。

甘肃省博物馆发行的魏晋数字壁画砖，分别为《耕种图》、《牧畜图》、《烤肉煮肉图》、《双驼图》、《宴居图》、《采桑图》。

西安博物院发行的汉唐明鉴数字铜镜，分别为《金背瑞兽》、《海马飞天》、《七乳神兽》、《月宫》、《彩绘狩猎人物纹》、《八瓣菱形花鸟》、《真子飞霜》、《八卦十二辰》。

这些博物馆发行的数字藏品绝大多数上架仅 1 秒便售罄，火爆的背后，是艺术收藏者对于数字收藏形式的认同。而数字藏品也使博物馆更贴近大众，进一步推动了历史文化的发扬，焕发了文化产业的活力。（国内业务由于内在逻辑与外延不同，应称之为数字藏品）

NFT 的迅猛发展，使其逐渐成为品牌营销的必备玩法，众多国内外知名品牌纷纷试水 NFT 营销，结合自身特性布局相关产品。NFT 的稀缺性和唯一性的特征与品牌价值相叠加，一方面使相关作品溢价空间暴涨，另一方面使品牌价值进一步强化，拓展了品牌的市场空间，也提升了消费体验。

1. 实物产品虚拟化，NFT 纪念品反哺线下

本田旗下高端汽车品牌讴歌，打造限量的 NFT 来配合其 2023 款新车 Acura Integra 的发售。预定 Acura Integra 前 500 名的客户可获得此 NFT，NFT 会与实体车辆相匹配，并在交付时升级为独特版本。由于 NFT 的加持，开放预定一周有余便已突破 500 名客户。

瑞士奢侈制表品牌 HUBLOT 与日本艺术家村上隆合作，为「Classic Fusion Takashi Murakami All Black」和「Classic Fusion Takashi Murakami Sapphire Rainbow」两款腕表的持有者，打造对应款式的限量版 NFT。

德国美容和生活方式工作室 Look Labs 推出第一款 NFT 香水《Cyber Eau de Parfum》，该 NFT 巧妙地结合了其品牌实体香水的特性，以光谱数据的形式在 NFT 中表现其物理香气，用视觉替代嗅觉。购买 NFT 将附送一瓶实体香水，该营销产生了终极奢华的品牌效应。

2. 拓展虚拟周边，NFT 使品牌收益多元化

德国奢侈旅行箱品牌 RIMOWA，以航空为主题，使用其品牌最具标志性的材料，构造出 4 件独一无二的实体艺术品，之后将其打造成 NFT 并推出，命名为《Blueprints from the Metaverse》，由此试水线上虚拟市场。

Gucci 与 Superplastic 共同推出《Crypto Janky》系列 NFT，该系列共 10 款，以 Gucci 的经典花纹、标识与符号为灵感，搭配虚拟形象 Janky 打造而成。NFT 的持有者同时会获得一件由 Gucci 与 Superplastic 合作设计并制作的陶瓷雕塑。

高端美妆品牌娇兰发布名为《Crypto Bees》的 NFT，共 1828 个，以其 logo 的蜜蜂元素，叠加生态环境元素打造而成，并为项目冠以公益之名，极大提升了品牌形象并传递了品牌价值观。

过去的一年里，“元宇宙”概念爆发 ，再次打开了虚拟世界大门，引发人们对另一世界的想象，很多人认为这是下一阶段的互联网形态，各种元宇宙项目层出不穷。在这样的环境下，各品牌也争相参与元宇宙项目，在虚拟世界中创作自己的 NFT，希望能在未来的虚拟世界中抢夺属于自己的一席之地。

Louis Vuitton 在品牌创始人 200 周年诞辰之际，推出一款免费手游《Louis The Game》。该游戏以收集 200 支蜡烛为目标，而在收集的过程中，玩家有机会获得 Louis Vuitton 推出的限定 30 份的 NFT 艺术品。游戏的沉浸体验与 NFT 将玩家这场治愈心灵的旅行刻印成独家记忆，加强了玩家对品牌的无限向往。

Burberry 也在开放世界游戏《Blankos Block Party》中推出了其首款名为《Burberry Blanko》的 NFT，玩家可以在游戏中收集与出售这个鲨鱼角色。此外，Burberry 还将推出喷气包、臂章等 NFT 配饰，这些 NFT 配饰可以应用在任何 Burberry Blanko NFT 上。

Balenciaga 通过挖掘其经典作品，在游戏《堡垒之夜》中推出了其品牌的 4 套 NFT 时装，这些时装准确地呈现了 Balenciaga 标志性面料的外观和质感。此外，NFT 时装还具有功能，比如运动鞋在游戏中能变成锄头道具，Hourglass 包可以变成滑翔机道具等。NFT 时装不仅为 Balenciaga 开拓了虚拟世界新营地，还增加了品牌收益。

Under Armour 与球星库里合作推出 NFT 球鞋，球鞋的造型为库里创造 3 分球纪录时所穿的真实鞋款，可在 Decentraland、Sandbox、Town Star 及 Rumble Kong League 平台中使用，是首个可跨平台使用的 NFT。

雅诗兰黛在虚拟世界平台 Decentraland 推出其主打产品《Advanced Night Repair》的 NFT 版本，通过关键词即可免费获得。用户在 Decentraland 中使用虚拟形象进入“小棕瓶”的瓶身内后，即可穿戴该 NFT，穿戴后，虚拟形象会被小棕瓶“焕亮面容”。元宇宙也需要护肤。

在体育赛事领域，一些积极参与 NFT 建设的先驱者，借助自身联赛的声量与特性，创造出众多花样的联动玩法。

全球最高的篮球殿堂 NBA 联赛推出《The Association》NFT，该 NFT 并非一般图像或者视频，而是具有动态属性，会根据球员在现实比赛中的表现而变换外观。该项目是为季后赛发行的，共涉及 240 名球员，每位球员 NFT 的外观变化由球员成就和球队成就决定。简言之，如果球员在球场上获得亮眼数据，或者是其球队获得优秀的战绩，都会使 NFT 的视觉变化更多元、更炫酷。

澳大利亚网球公开赛推出《AO Art Ball》NFT，该系列 NFT 共 6776 个，对应将网球比赛场地以 X 轴 121 个点和 Y 轴 56 个点分割后的 6776 个地块，即每 1 个 NFT 对应 1 块面积为 19cm*19cm 的球场场地。在 2022 年澳网 11 个项目的 441 场比赛中，决胜球落点地块对应的 NFT，将会被实时更新来标记出这场比赛的信息，比如不同轮次的决胜球对应的 NFT，在外观上会增加不同样式的贴纸（前 4 轮绿色贴纸、1/4 决赛铜色贴纸、半决赛银色贴纸、决赛金色贴纸等），同时决赛决胜球对应 NFT 的外框也将由普通变为金色。

美国橄榄球联盟 NFL 推出门票 NFT，兼具传统门票的功能与艺术收藏纪念的价值，可以在超级碗比赛中使用，每个门票 NFT 都携带持有者观看比赛所在的区域、排位和座位等信息。NFL 副总裁 Bobby Gallo 称提供定制的超级碗 NFT 门票能够增强球迷体验。

美国 NBA 联赛的达拉斯小牛队也推出其 2021-22 赛季季后赛的 NFT 门票。

Global Titans 格斗系列赛也推出 NFT 门票，持有者可按门票对应场次观看赛事。目前公开发售的 Global Titans NFT 门票分为两种，一种是 8 万枚的赛事直播观看权的 NFT，另一种是稀有场前排席位 NFT，目前仅提供 10 枚，持有者可亲临比赛现场。

由体育赛事中门票应用的启发，未来艺术展和演唱会等，都可以制作含有活动时间、地点、主题等关键信息的门票 NFT，既满足功能要求，又以更具收藏价值的形式帮助参与者纪念有意义的事。

重要时刻是极其珍贵的，尤其是对于粉丝们来说。NFT 的唯一性特征叠加这份珍贵，极大提升了重要时刻的价值，由此也诞生了诸多以 Important moment 为主的玩法。

Eternal 便是一家基于 Flow 区块链的流媒体 NFT 市场。在这里，有无数主播、网红或明星在直播中的富有纪念意义的片段被制作成 NFT 进行售卖与交易。

火爆的《NBA TOP SHOT》也是基于这一点来打造的项目。NBA 官方将球员生涯的精彩瞬间剪辑为视频片段，并制作成一定数量的 NFT，以不同的价格出售。售价的高低取决于精彩瞬间的质量和球员的火爆程度等。在此项目中，一段球星詹姆斯的精彩瞬间 NFT 被卖出了 23 万美元的历史最高价。

Costacos 为四名传奇运动员 Dan Marino、Troy Aikman、Warren Moon、Jim McMahon 制作发行了一套 NFT，分别为“成就、经典海报、难忘时刻、众神之手“四个部分内容，记录了传奇球员的奖项、数字、胜利和荣誉。

结语 随着 NFT 获得的关注度增加，各行各业都开始探索其应用于自身领域的可能性，引发了无限美好的遐想。NFT 给人类社会带来全新的理念突破，从传统的历史文化保护到新潮的元宇宙，都提供了崭新的运营路径。其在价值传递、品牌营销、知识产权保护等方面展示出的新鲜力量，为身处互联网社交的我们提供了新的思路与探索方向。

参考文献：

《非同质化代币（NFT）：逻辑、应用与趋势展望》

《品牌纷纷试水，NFT 营销到底是什么》

《从虚拟时装到虚拟餐厅，消费品牌如何玩转 NFT》

《Non-Fungible Tokens (NFT) and Their Applications in Other Fields》

ImageMatting 是一个免费在线去背工具，使用 AI 人工智能驱动的算法进行处理，算法本身也透过百万张的相片训练，以重现专业人员在处理相片时的精确性和细腻度。这家公司的背景提到从 2006 年开始就在做图片编辑的商业外包工作，Media Backoffice 总部位于日本东京，将设计师和摄影师的工作委由印度农村生产中心的 300 名员工进行处理，ImageMatting 就是以这些相片来训练算法。

开启 ImageMatting 网站后直接把相片拖曳到适当字段就全自动去背，没有任何设定选项，准确性方面也非常理想，不过 ImageMatting 不擅长辨识主题不清晰、具备纹理背景的相片，更适合轮廓清晰、背景平坦、白色的相片素材，特别是电子商务或产品会用到的相片，通常都能在这个去背工具获得非常好的效果。

ImageMatting 另一特色是在相片的边缘质量方面处理得很细腻，将图片放大检视会发现细节相较于其他的去背服务来说更为理想，当然这也取决于本身相片的主体是否清晰，如果有需要将图片去除背景的话可以试试看这项免费服务。

往期 抠图神器 ：

扣头发丝不留痕！最新免费抠图神器 ClipDrop Remove Background 来啦~ 大家好，我是和你们聊设计的花生~ 随着人工智能技术的发展，运用算法自动进行图片处理的工具越来越多，极大地提升了设计师的工作效率。

阅读文章 >

不限次数！快收藏在线免费抠图神器「Hama」 Hama 如同上次介绍的「Magic Eraser」，让用户上传图片、将画面中不想要的部分抹除，因为这类服务都是使用人工智能 AI 加上机器学习方式训练出更强大的程序辨识能力，会分析标示人物或物品，移除后将附近的颜色补充进来，就会使去除后的相片画面很自然，而且这项服务完全免费，使用者只要

阅读文章 >

又一个抠图神器！在线免费一秒搞定超好用！ 当今的在线去背工具多半会整合 AI 人工智能技术，以机器学习方式去建构出可准确辨识前景和背景的模型，使用机器自动化去除背景的好处是快速、精确而且无需额外编辑，即使没有专业绘图软件一样可以在浏览器进行，remove.bg 是在线去背服务最早出现、而且最强大的选择，后来也有 FocoClip

阅读文章 >

ImageMatting 网站链接： https://imagematting.com/

使用教学

开启 ImageMatting 网站会看到右侧的上传字段，将相片拖曳进去即可自动去背，在写这篇文章时 ImageMatting 服务还是标记为测试（BETA）阶段，不确定未来会不会转为收费服务。

去除背景后 ImageMatting 会直接显示结果，点选右上角「Download」就能下载相片。

如果想查看原始图片和去背后的图片差异，从左上角「Processed」可切换相片。

如果想要测试一下 ImageMatting 效果，网站也有提供四张范例图片，分别为球鞋、T 恤和外套等商品照片，因为是单一颜色背景，在处理效果上也很理想，可点选范例图片带入去背工具测试。

值得一试的三个理由：

ImageMatting 以人工智能 AI 驱动的算法，自动去除图片背景 适合轮廓清晰、背景平坦的相片，纹理背景可能无法获得好的效果 对于相片的边缘质量方面处理得更为细腻

大家好，我是和你们聊设计的花生~

剪纸风格是海报设计中一种常用的风格，它能拓展画面的深度，丰富画面内容和层次。精致的 剪纸风 元素能成为撑起一张海报的视觉焦点，搭配合适的文字排版就能得到一张高质好看的平面作品。

今天就为大家推荐 5 位顶尖的剪纸艺术家，他们的作品风格各异，但都无比精致美丽，肯定能为大家的设计带来新的灵感。另外还为大家提供几个免费的剪纸风海报高质量教程，帮助大家更好的学会这种设计风格，一起来看看吧~

往期热门内容推荐↓

超多教程！7 个实用方法帮你学会设计立体字效 大家好， 我是继续和你们聊设计的花生~ 立体或者带有空间感的文字能打破了二维平面的单调，带来新鲜的视觉感受，在海报设计中运用极广。

阅读文章 >

5 位优秀的剪纸艺术家 1. Adrian & Gidi

「Behance 主页」 https://www.behance.net/adrian-gidi

「工作室主页」 https://www.adrian-gidi.com/projects

Adrian & Gidi 是一家位于阿姆斯特丹的多学科的创意工作室，业务范围包括工艺、摄影、设计、动画等多个领域。不同于 Eiko Ojala 的数字化剪纸艺术，Adrian & Gidi 工作室的剪纸作品都是实打实的手工作品。

他们使用纸张、发泡胶、微型模型和木材来完成剪纸场景的搭建，用相机捕捉不同角度的场景然后导入电脑进行后期处理。实景拍摄让 Adrian & Gidi 的剪纸作品可以实现更复杂精致的效果，经过后期合成能实现令人惊叹的产品创意。作品中也经常出现花朵绿叶的植物元素，营造出自然而蕴含生机的氛围。

2. Margaret Scrinkl

「Behance 主页」 https://www.behance.net/scrinkl

「Instagram 主页」 https://www.instagram.com/scrinkl/

Margaret Scrinkl 是一名来自俄罗斯的剪纸艺术家和定格动画师。她的剪纸小巧精致，能在有限的空间内创造出一片温馨治愈的小天地。Margaret 的作品整体来说非常适合用作平面设计的灵感参考，画面配色清晰活泼，层次不多但明度差异分明，场景显得有深度。内部元素会探出边界，打破固有的限制，让构图更加灵活有视觉吸引力。

往期热门内容推荐↓

这 5 位优秀的贴纸设计艺术家，是我每日学习的源泉！ 大家好，我是和你们聊设计的花生~ 上一期为大家推荐了 5 位擅长扁平风插画的艺术家： [link https://www.uisdc.com/5-illustrations-artist] 今天要为大家推荐的 5 位艺术家，都非常擅长「贴纸」设计。

阅读文章 >

3. Yeni Kim

「工作室主页」 https://www.marchcraft.com/

「Behance 主页」 https://www.behance.net/yeni_kim

「Instagram 主页 」 https://www.instagram.com/yeni__kim/

Yeni Kim 是来自韩国的一位首尔的艺术家，专精于创意手工纸艺。她擅长纸艺场景的搭建，场景完整，细节精致，配色温暖，作品整体呈现出童话般梦幻的氛围感。作品的高质量让 YYeni Kim 的作品收到很多知名品牌的喜爱，Apple、CHANEL、NB、Starbucks 都与其工作室有过合作。

4. Sarah Dennis

「个人网站」 http://www.sarah-dennis.co.uk/

「Pinterest 主页」 https://www.pinterest.com/sarahdenniss/_created/

「Instagram 主页」 https://www.instagram.com/sarahdennisillustration/

不同于前面前面介绍的几位艺术家，Sarah Dennis 的剪纸作品大量的镂空雕刻，因此显得古典华丽。她作品的一大特色是大胆使用金色，在与浓郁深沉的底色搭配色显得光彩熠熠，为作品增加了一丝神秘的色彩。

5. EIKO OJALA

「个人网站」 https://ploom.tv/

「Behance 主页」 https://www.behance.net/eiko

「Instagram 主页」 https://www.instagram.com/o_eiko/

Eiko Ojala 是来自爱沙尼亚的著名插画家，他的插画以剪纸风为主，光影细腻，形状精致，层次丰富。Eiko Ojala 擅长用负空间、镜像、视角倾斜等各种方式构思画面，并精心安排不同元素使其形成微妙奇特的关系，从而传达出深层的寓意，这种以简单的形状表达复杂的主题的特性也让 Eiko 的插画受到世界各地客户的欢迎。

虽然剪纸的效果非常逼真，但是 Eiko 的作品同时通过数字方式处理形成的。他会先将草图画好，然后在 PS 中勾勒形状并添加光影和质感。这样不仅创作效率更高，也更让我们惊叹于 Eiko 对光影在画面中分布的把握。

高质量免费剪纸风教程 「教程一」PS 基础教程！教你制作 3D 剪纸文字效果： https://uiiiuiii.com/photoshop/12124894.html

「教程二」PS 教程！超逼真的敦煌折纸字效海报： https://uiiiuiii.com/photoshop/1212440967.html

「教程三」AI 教程！教你绘制春分主题剪纸风格插画： https://uiiiuiii.com/illustrator/1212345160.html

好啦以上就是今天的分享，希望对大家学习剪纸风有帮助。喜欢的小伙伴记得点赞收藏哦~

大家好，我是和你们聊设计的花生~

剪纸风格是海报设计中一种常用的风格，它能拓展画面的深度，丰富画面内容和层次。精致的 剪纸风 元素能成为撑起一张海报的视觉焦点，搭配合适的文字排版就能得到一张高质好看的平面作品。

今天就为大家推荐 5 位顶尖的剪纸艺术家，他们的作品风格各异，但都无比精致美丽，肯定能为大家的设计带来新的灵感。另外还为大家提供几个免费的剪纸风海报高质量教程，帮助大家更好的学会这种设计风格，一起来看看吧~

往期热门内容推荐↓

超多教程！7 个实用方法帮你学会设计立体字效 大家好， 我是继续和你们聊设计的花生~ 立体或者带有空间感的文字能打破了二维平面的单调，带来新鲜的视觉感受，在海报设计中运用极广。

阅读文章 >

5 位优秀的剪纸艺术家 1. Adrian & Gidi

「Behance 主页」 https://www.behance.net/adrian-gidi

「工作室主页」 https://www.adrian-gidi.com/projects

Adrian & Gidi 是一家位于阿姆斯特丹的多学科的创意工作室，业务范围包括工艺、摄影、设计、动画等多个领域。不同于 Eiko Ojala 的数字化剪纸艺术，Adrian & Gidi 工作室的剪纸作品都是实打实的手工作品。

他们使用纸张、发泡胶、微型模型和木材来完成剪纸场景的搭建，用相机捕捉不同角度的场景然后导入电脑进行后期处理。实景拍摄让 Adrian & Gidi 的剪纸作品可以实现更复杂精致的效果，经过后期合成能实现令人惊叹的产品创意。作品中也经常出现花朵绿叶的植物元素，营造出自然而蕴含生机的氛围。

2. Margaret Scrinkl

「Behance 主页」 https://www.behance.net/scrinkl

「Instagram 主页」 https://www.instagram.com/scrinkl/

Margaret Scrinkl 是一名来自俄罗斯的剪纸艺术家和定格动画师。她的剪纸小巧精致，能在有限的空间内创造出一片温馨治愈的小天地。Margaret 的作品整体来说非常适合用作平面设计的灵感参考，画面配色清晰活泼，层次不多但明度差异分明，场景显得有深度。内部元素会探出边界，打破固有的限制，让构图更加灵活有视觉吸引力。

往期热门内容推荐↓

这 5 位优秀的贴纸设计艺术家，是我每日学习的源泉！ 大家好，我是和你们聊设计的花生~ 上一期为大家推荐了 5 位擅长扁平风插画的艺术家： [link https://www.uisdc.com/5-illustrations-artist] 今天要为大家推荐的 5 位艺术家，都非常擅长「贴纸」设计。

阅读文章 >

3. Yeni Kim

「工作室主页」 https://www.marchcraft.com/

「Behance 主页」 https://www.behance.net/yeni_kim

「Instagram 主页 」 https://www.instagram.com/yeni__kim/

Yeni Kim 是来自韩国的一位首尔的艺术家，专精于创意手工纸艺。她擅长纸艺场景的搭建，场景完整，细节精致，配色温暖，作品整体呈现出童话般梦幻的氛围感。作品的高质量让 YYeni Kim 的作品收到很多知名品牌的喜爱，Apple、CHANEL、NB、Starbucks 都与其工作室有过合作。

4. Sarah Dennis

「个人网站」 http://www.sarah-dennis.co.uk/

「Pinterest 主页」 https://www.pinterest.com/sarahdenniss/_created/

「Instagram 主页」 https://www.instagram.com/sarahdennisillustration/

不同于前面前面介绍的几位艺术家，Sarah Dennis 的剪纸作品大量的镂空雕刻，因此显得古典华丽。她作品的一大特色是大胆使用金色，在与浓郁深沉的底色搭配色显得光彩熠熠，为作品增加了一丝神秘的色彩。

5. EIKO OJALA

「个人网站」 https://ploom.tv/

「Behance 主页」 https://www.behance.net/eiko

「Instagram 主页」 https://www.instagram.com/o_eiko/

Eiko Ojala 是来自爱沙尼亚的著名插画家，他的插画以剪纸风为主，光影细腻，形状精致，层次丰富。Eiko Ojala 擅长用负空间、镜像、视角倾斜等各种方式构思画面，并精心安排不同元素使其形成微妙奇特的关系，从而传达出深层的寓意，这种以简单的形状表达复杂的主题的特性也让 Eiko 的插画受到世界各地客户的欢迎。

虽然剪纸的效果非常逼真，但是 Eiko 的作品同时通过数字方式处理形成的。他会先将草图画好，然后在 PS 中勾勒形状并添加光影和质感。这样不仅创作效率更高，也更让我们惊叹于 Eiko 对光影在画面中分布的把握。

高质量免费剪纸风教程 「教程一」PS 基础教程！教你制作 3D 剪纸文字效果： https://uiiiuiii.com/photoshop/12124894.html

「教程二」PS 教程！超逼真的敦煌折纸字效海报： https://uiiiuiii.com/photoshop/1212440967.html

「教程三」AI 教程！教你绘制春分主题剪纸风格插画： https://uiiiuiii.com/illustrator/1212345160.html

好啦以上就是今天的分享，希望对大家学习剪纸风有帮助。喜欢的小伙伴记得点赞收藏哦~

前言 随着大数据产业的蓬勃发展，很多企业都开始应用数据可视化。智慧城市、智慧交通、智慧医疗等等越来越多的行业都有了可视化的需求，可视化行业也迎来了迅速发展的成长期。

往期回顾：

想快速搞定可视化设计？这20个精选神器收好了！ 大家好，我是小六。

阅读文章 >

可视化设计神器第二弹！15个精选神器都在这！ 大家好，我是小六。

阅读文章 >

数据可视化释义 数据可视化就是把一些相对复杂、抽象的、我们看不懂的数据数据通过“可视化”的方式，运用图形化的手段清晰有效地将数据信息进行解读和传达，帮助我们发现其中的规律和特征，挖掘数据背后的价值。

可视化大屏 可视化大屏 是以 大屏 为主要展示载体的数据 可视化设计 。它的应用场景非广泛如 ToC、ToB、ToG 等都会存在。一般应用在会议展厅、园区管理、城市交通调度中心、公安指挥中心、企业生产监控等重要场所。

可视化用户群体相对比较明确，主要是单位领导及一些一线人员。通过交互式实时数据监测，洞悉运营增长，助力智能高效决策。

伴随行业的发展，行业内也对可视化进行了一些行业细分。常见的一些类别：行业可视化（如交通、医疗、金融、军警部队、农业、工厂、化工等）、智能终端系统类（定制化终端产品）、演示 demo（数据演示、展览展示、数据看板 ）、可视化分析系统（通过对数据的分析监控辅助决策，如交通预警平台、天气监控平台等）。

市场现状 1. 平台化

由于近几年可视化的需求越来越大，一般的公司都会有一些可视化的需求，各大厂商也逐渐整合可视化资源，实现平台化、低代码化。满足了大多数公司的可视化需求。国内比较知名的可视化厂商：光启元（Ray design）、Data V、优诺科技（森工厂）、袋鼠云（Easy V)、数字冰雹、图扑、等等。他们将一些可视化效果组件化集成在平台，拖拖拽拽就能实现一些不错的效果，满足了一些公司的展示需求。

2. 实现方式

目前可视化框架是大多数都是基于 Web 端的（基于 web 开发或者 web 封装）而非 PC 端。常见的可视化实现方式是二维加三维相结合，比如大屏两侧的可视化图表可以用 Echarts 这种第三方的轻量化图表控件或者 Vue 去实现。

主视觉部分会基于 Unity3D、虚幻引擎（UE4）、Ventuz、threejs 等工具去实现。满足三维炫酷的效果需求。使整个可视化大屏效果有了质的提升。这些三维工具的优势是三维粒子效果能很好的支持，且效果非常炫酷。多平台支持，可通过 webgl 封装在浏览器里打开使用。缺点就是维护成本较高，需要相关的专业人员去开发维护，有一定的使用门槛。一般公司如果不是专门做可视化相关业务不会配备相关专业人员。

说下几种工具的优缺点：

Ventuz 国内用的相对较少，相关专业人员也较少。虚幻引擎效果上是比较好的，但是对 WebGL 参数支持的较少。Threejs 虽然支持三维但是没有 Unity 那么强大的编辑器，一些复杂的效果实现不了。相对于前者 Unity 相对成熟一些，也是目前市场上用的比较多的，不过 three 对于前端开发同学更友好一些，容易上手，学习成本相对低一些。

可视化设计师应了解的知识 可视化设计是相对新兴的行业，就目前市场来看也是当今比较火的行业。作为一名设计师，不仅仅是只做完效果图就能行的，是一个结合 硬件设备、UI 设计、三维建模、三维渲染、动态设计、数据可视化、图形技术、GIS 数据、渲染引擎、交互技术等等综合类的交叉学科。

1. 硬件设备

硬件设备信息是做大屏一切的开始，我们首先要了解它的尺寸、比例、屏幕种类（拼接屏、LED 屏）投影方式 等等 一系列的信息，方便后续的设计工作。

上图为一些常见的屏幕拼接方式，确认好屏幕的拼接方式就可以计算出整个大屏的物理分辨率。举个例子：上图中最后一个的拼接方式为横向3块屏，竖向2块屏幕。他们每块的屏幕分辨率为 宽1920px 高1080px，那么这块2×3的拼接屏幕的尺寸就应该是：宽度 1920乘以3（横向3块屏）高度1080乘以2（竖向2块屏）得出 整个屏幕的物理分辨率为：5760×2160。

物理分辨率 VS 输出分辨率

大屏的投射方式大致分为三种：1、电脑屏幕 1 比 1 等比例投屏。2、通过主机直接输出给拼接屏（这种大多都是一些自定义比例屏幕和分辨率超大的情况会应用到）。3、投影仪投射。

一般大屏的物理屏幕分辨率大小都有不同，有的是极大的，几万像素，如果我们按照物理分辨率来去做设计的话会很卡，所以这里设计尺寸建议按照输出分辨率设计。输出分辨率会受到硬件的限制（超大情况下需等比缩放），我们一般会采用输出分辨率作为最终 的设计尺寸。针对硬件设备设计时要关注以下几点：屏幕拼接方式、单屏幕像素及拼接后像素、输出像素等这些决定了设计尺寸、内容排布、拼接缝的规避等问题。

2. GIS 数据

通常应用于参数化建模，主要是通过一些地理位置高程数据进行模型的生成。属于智慧城市可视化设计的基础设施。

常见的一些格式：Openstreetmap（多用于生成模型）、Shapefile（多用于生成模型）、Geojson（主要用于基于 Web 的映射）、TIFF（多用于贴图处理）。

一些常用的工具：Qgis、Arcgis、Google mapper。

3. 三维建模

在可视化设计中，一般我们会结合生成 参数化模型 加 定制化手工模型 的方式处理整体效果。这么处理的目的：一是设计上能突出主体，增加画面的层次感。二是在性能上能很好地优化，提高整体性能。

下图为设计侧到开发侧对接流程：

4. 动效设计

常见的一些动效对接格式：GIF、MP4、APNG、Lottie、序列帧。感兴趣的小伙伴可看这篇：

想让设计更酷炫？先学会 6 种常用的动效落地方案（附插件下载） 大家好，我是小六。

阅读文章 >

5. 图形技术

了解图形成像原理，是由一个个的粒子点生成的画面。

下图是由一个 50×100 的粒子组成的平面，每个粒子都会对应的 xy 轴的坐标位置，我们通过控制的粒子透明度、大小、颜色、位置、旋转等参数呈现不同的视觉效果。

世界地图的是通过一个一个粒子成像形成的画面，其中黑色=0、白色=1。比如粒子大小是 1，它对应的位置是黑色，黑色是 0，1×0 就=0 显示为黑色。

我们常做的粒子世界地图就是通过控制粒子黑白 x 粒子大小叠加出来的。

比如我们做粒子地球的时候是通过一张贴图来去控制黑白度 海洋是黑色所以就不显示粒子，陆地为白色显示 为白色粒子，最终呈现了一个粒子地球的效果。

6. 渲染引擎的技术架构

前面实现方式里讲到市面上可视化落地基本都是基于于 Unity3D、虚幻引擎（UE4）、Ventuz、threejs 等工具实现的。它们的底层是由 BS（Browser-Server）架构和 CS（Client-Server）架构两大架构组成的。

BS 架构与 CS 架构特点

BS:（Browser-Server）浏览器/服务器模式，web 应用可以实现跨平台，客户端零维护，但是个性化能力低，响应速度较慢。WebGL 就属于 BS 架构的一种。优点就是使用便捷、数据实时更新、跨平台。缺点是渲染效果较差，大场景支持差。

CS:（Client Server,客户端/服务器模式），桌面级应用响应速度快，安全性强，个性化能力强，响应数据较快。Unreal Engine、Unity3D、Ventuz 属于 CS 框架。优势就是整体渲染视觉效果棒，大场景支持好，缺点是必须安装客户端、电脑性能要求高、不同平台需要不同文件。

可视化大屏 UI 可视化设计是一个综合类交叉学科，同样在大屏 UI 设计中也是一个相对复杂的流程，我们需要对大屏的布局、风格、主视觉、信息图表、字体、规范、动效等方面综合考虑，推导设计方案。

设计前：一定要对用户需求充分分析和理解，要知道大屏的展示场景及设计分辨率，大屏的拼接方法都要有一定的了解，最后是跟开发沟通下实现的工具与方法。

设计中：构思布局，可以在纸上简单画一下。根据业务需求定义设计关键词进行设计的提炼与分析，方便自己找参考。颜色上背景深色为主，为了更好地聚焦，数据可以采用亮色，有一定的对比关系，便于业务信息传达。字体上可以采用系统默认字体 数字采用特殊字体包的形式（这块根据实际需求，切记不要照搬）。图表选择恰当的展示形式，同时保证视觉上的统一（分清页面的主次关系，图表的展示切莫设计过度，容易造成抢主体）

设计后：再次校验信息层级、文字大小、图表等各层级间的对比关系是否传达准确，与技术同步沟通下技术的实现性。最后开发完成后，要拿演示 demo 去现场测试，看下整体展示效果，测试输出是否有问题，有无拉伸问题，拼接缝与内容有无穿插，及时与开发进行页面的校验工作，最终才算是设计完成。

下面针对可视化设计中 布局、风格、主视觉、信息图表、字体、规范、动效等 7 个方向细节点的拆解

1. 布局

通过硬件设备信息可以得到可视化的设计尺寸，基于尺寸新建设计画布后，第一件事就需考虑页面的整体布局。 可视化大屏设计 从信息布局到数据表达，都需要设计师对业务深入了解后才能用数据助力业务决策。

常见的大屏布局：居中结构、左右结构两种种常见的布局形式以常规的 16：9 模板为例，下面列举的一些常见的布局形式，供大家参考。

居中结构

异形超宽拼接屏幕

左右结构

布局的原则一定要主次分明，根据业务需求抽取关键性的指标，提取主要信息。可以在纸上大概画一下，然后在软件里具体细化布局。避免次要信息的面积过大，喧宾夺主，影响整体的视觉效果。

2. 风格

提起可视化大屏，大家都会联想到：科技感、FUI、HUD 这些关键词，可以说可视化大屏跟科技、数据这两词是强关联的，风格上也基本是这一类方向。

定义设计风格：一般会基于业务需求场景去定义几个设计关键词，根据关键词去找一些参考图，推导出贴合业务的设计风格。

我们可以通过调整颜色、装饰细节、主视觉、字体等一些细节点控制区分不同的设计风。下面拿图表举例，我们在做设的时候，只需调整卡片和标题的装饰，就能够展现出不同的设计风格。

3. 主视觉

主视觉部分大致分为：地球、地图、智慧城市、行业类业务展示等。目前比较容易出效果的都会采用三维模型的处理方式。地球：粒子地球、地图贴图、地球模型。

地图：第三方在线地图（百度、高德、腾讯、谷歌）基于 地图开放平台进行个性化配置。或者通过地理位置数据建模：如全国和各个省份的轮廓模型。

智慧城市：GIS 参数化生成简模和重点楼宇定制化建模。

行业类：多数为定制化建模。如工业类、医疗类、能源类、园区、学校、港口、工厂、仓储库房、零售、工程、安防、国防军工等。

以上图片源于 DAT

主视觉是可视化设计中的一大难点，不光是设计落地的时候也会有需要注意的点，这里建议大家在做之前一定要充分跟开发沟通，确认好技术选型，方便后期输出跟开发更加高效的对接。

4. 信息图表

图表的设计原则是易理解、可实现，能够准确表达数据意图，给用户传达明确信息。

以上图片源于网络，如侵删

上图通过通过使用场景可分为比较、联系、构成、分布四个维度解释图表的不同属性类别。在做可视化大屏设计的时候可以参照上图，选择对应的数据图表。

比较

两个及以上变量数据，一是基于分类不同的对比，二是基于时间维度的对比。常见的图表：条形图、柱状图、雷达图、玫瑰图、桑基图等

联系

两个及以上数据之间的相关性，随时间变化比较关联。常见的图表：散点图、气泡图、多级饼图、热力图、力导向图等。

构成

指标里的数据都由哪几部分组成、每部分占比如何。常见的图表：饼图、环形图、堆积面积图、堆积柱状图、瀑布图等。

分布

指标里的数据主要集中在什么范围、表现出怎样的规律，想表达两个数据点之间数量的演变过程。常见的图表：阶梯折线图、面积图、直方图等。

基于图表的类型可分为：饼图、线形图、柱状图、混合图、面积图、散点图、极坐标图、关系图、树图、桑基图、漏斗图、热力图、还有其他图表类型等。

饼图

适合展示分类的占比情况，不适合展示分类过多（超过 9 条数据）或者差别不明显的场景。

线形图

折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。

当水平轴的数据类型为无序的分类或者垂直轴的数据类型为连续时间时，不适合使用折线图。同样，当折线的条数过多时不建议将多条线绘制在一张图上。

柱状图

柱状图提供了分类数据的可视化展示，基于不同的数据类型有以上几种不同的形式。分类数据是将数据分组成离散的组，例如月份、年龄组、鞋码和动物。这些类别通常是定性的。图表上的条形图可以按任何顺序排列。

混合图

折线图和堆叠柱状图的组合图表。同时显示两个坐标轴，用于展示两种不同类型的数据。 适用于带有细分分类的累计数据大小以及与之相关的趋势数据，例如在过去十年全国三大产业的具体产值，以及 GDP 增长率。

面积图

面积图强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。适合于比较多个变量随时间间隔变化趋势。

散点图

散点图是一种使用直角坐标来显示一组数据的两个变量值的图表。数据显示为一个点的集合，每个点都有一个变量的值决定水平轴上的位置，另一个变量的值决定垂直轴上的位置。

通常用于显示和比较数值，不光可以显示趋势，还能显示数据集群的形状，以及在数据云团中各数据点的关系。

极坐标图

基于直角坐标系的径向变形（相当于把直角坐标卷起来）。适用于显示三个或更多的维度的变量对比或者部分与整体的趋势。

关系图

可以展示数据的占比情况，还能厘清多级数据之间的关系。 通常用于可视化大量元素之间的复杂关系

树图

树图是一种流行的利用包含关系表达层次化数据的可视化方法，是研究多元目标问题的一般工具。 适合展示数据之间的层级关系，适合 6 条以上数据。

桑基图

一种特定类型的流程图，用于描述一组值到另一组值的流向，图中延伸的分支的宽度对应数据流量的大小。用以展示数据的层级关系。常用于可视化能源或成本转移，也帮助我们确定各部分流量在总体中的大概占比情况。

漏斗图

一种直观表现业务流程中转化情况的分析工具，总是开始于一个 100%的数量，结束于一个较小的数量。通过漏斗各环节业务数据的比较能够直观地发现和说明问题所在的环节，进而做出决策。 适用于业务流程比较规范、周期长、环节多的流程分析，比如流程流量分析、转化率分析。

热力图

将数值大小通过色块有序且紧凑地在坐标系中呈现。 适合呈现多组数据连续的数值分布，适合做数据的预测统计，可以在图片上直接展示热度。例如展示城市在不同时间段打车热度情况。

其他图表

词云图适用于对比大量文本或绘制特定形状的词云。水球图适用于多个百分百数据呈现。子弹图用于表达多项同类数据的对比，可以表达一项数据与不同目标的校对结果。 维诺图适用于层级数据比较大小，同时能看到各层级之间的情况。金字塔图适合展示分类的占比情况，不适合展示分类过多或者差别不明显的场景。

5. 字体

文字是可视化展示中最重要的构成要素之一，可视化大屏设计中字体的运用其实原理跟网页 app 的 逻辑基本一致。在字体选择上会基于业务需求选择对应的字体，一会会与设计风格相结合。这里要注意的是字体有无衬线、字重、字距等。

大屏设计中，中文字体一般会采用浏览器默认字体（微软雅黑、思源黑体、苹方等）页面中标题会采用特殊字体处理，常用的字体有：优设标题黑、旁门正道标题体、时尚中黑简体、方正正中黑体等。英文数字字体推荐：Din、Ds-Digtal、Bebas、Acens、DS-DIGIB、Roboto 等。

6. 规范

建立规范的主要目的是：保证设计的一致性、提高开发效率和还原度、方便迭代 ，辅助设计和开发更好地完成设计的协作。可视化设计中规范一般会分为：色彩、文字、图表、标题控件等，跟网页端规范同理，这里就不一一赘述了。

7. 动效

大数据可视化大屏设计少不了动效，动效是可视化重要的组成部分，动效能增加观感体验，凸显关键产品内容、强调功能信息关联，帮助用户理解产品、情感化互动。但过分的动效极其容易喧宾夺主，影响用户阅读，反而弱化了数据的展示。

动效的设计原则

动效应优先满足核心内容、故事线。常见的大屏动效 – 展示类，用于突出产品核心功能和特点。界面信息按照一定的规律呈现，引导用户的视觉流向。

好的大屏设计应该是数据展示模块最好动效不易过多，要有一定的主次关系变化，例如一个动画表现的视觉强，另一个就表现稍弱化，有强有弱、有主有次节奏才会舒服，同时动效要结合数据变化，考虑极端情况的展示效果，最终输出一套完整的动效方案。

最后 以上是我对可视化参差不齐的一些认知，主要是给大家普及可视化设计的一些流程以及相关的专业知识,希望能够帮助你快速进入大屏设计及避免一些坑。由于篇幅原因字体、规范、动效没有详细拆解说明，后面会陆续更新相关文章，感谢大家支持。可视化体验远远不止这些。欢迎大家提出更多意见和建议，我们一起前行。

前言 随着大数据产业的蓬勃发展，很多企业都开始应用数据可视化。智慧城市、智慧交通、智慧医疗等等越来越多的行业都有了可视化的需求，可视化行业也迎来了迅速发展的成长期。

往期回顾：

想快速搞定可视化设计？这20个精选神器收好了！ 大家好，我是小六。

阅读文章 >

可视化设计神器第二弹！15个精选神器都在这！ 大家好，我是小六。

阅读文章 >

数据可视化释义 数据可视化就是把一些相对复杂、抽象的、我们看不懂的数据数据通过“可视化”的方式，运用图形化的手段清晰有效地将数据信息进行解读和传达，帮助我们发现其中的规律和特征，挖掘数据背后的价值。

可视化大屏 可视化大屏 是以 大屏 为主要展示载体的数据 可视化设计 。它的应用场景非广泛如 ToC、ToB、ToG 等都会存在。一般应用在会议展厅、园区管理、城市交通调度中心、公安指挥中心、企业生产监控等重要场所。

可视化用户群体相对比较明确，主要是单位领导及一些一线人员。通过交互式实时数据监测，洞悉运营增长，助力智能高效决策。

伴随行业的发展，行业内也对可视化进行了一些行业细分。常见的一些类别：行业可视化（如交通、医疗、金融、军警部队、农业、工厂、化工等）、智能终端系统类（定制化终端产品）、演示 demo（数据演示、展览展示、数据看板 ）、可视化分析系统（通过对数据的分析监控辅助决策，如交通预警平台、天气监控平台等）。

市场现状 1. 平台化

由于近几年可视化的需求越来越大，一般的公司都会有一些可视化的需求，各大厂商也逐渐整合可视化资源，实现平台化、低代码化。满足了大多数公司的可视化需求。国内比较知名的可视化厂商：光启元（Ray design）、Data V、优诺科技（森工厂）、袋鼠云（Easy V)、数字冰雹、图扑、等等。他们将一些可视化效果组件化集成在平台，拖拖拽拽就能实现一些不错的效果，满足了一些公司的展示需求。

2. 实现方式

目前可视化框架是大多数都是基于 Web 端的（基于 web 开发或者 web 封装）而非 PC 端。常见的可视化实现方式是二维加三维相结合，比如大屏两侧的可视化图表可以用 Echarts 这种第三方的轻量化图表控件或者 Vue 去实现。

主视觉部分会基于 Unity3D、虚幻引擎（UE4）、Ventuz、threejs 等工具去实现。满足三维炫酷的效果需求。使整个可视化大屏效果有了质的提升。这些三维工具的优势是三维粒子效果能很好的支持，且效果非常炫酷。多平台支持，可通过 webgl 封装在浏览器里打开使用。缺点就是维护成本较高，需要相关的专业人员去开发维护，有一定的使用门槛。一般公司如果不是专门做可视化相关业务不会配备相关专业人员。

说下几种工具的优缺点：

Ventuz 国内用的相对较少，相关专业人员也较少。虚幻引擎效果上是比较好的，但是对 WebGL 参数支持的较少。Threejs 虽然支持三维但是没有 Unity 那么强大的编辑器，一些复杂的效果实现不了。相对于前者 Unity 相对成熟一些，也是目前市场上用的比较多的，不过 three 对于前端开发同学更友好一些，容易上手，学习成本相对低一些。

可视化设计师应了解的知识 可视化设计是相对新兴的行业，就目前市场来看也是当今比较火的行业。作为一名设计师，不仅仅是只做完效果图就能行的，是一个结合 硬件设备、UI 设计、三维建模、三维渲染、动态设计、数据可视化、图形技术、GIS 数据、渲染引擎、交互技术等等综合类的交叉学科。

1. 硬件设备

硬件设备信息是做大屏一切的开始，我们首先要了解它的尺寸、比例、屏幕种类（拼接屏、LED 屏）投影方式 等等 一系列的信息，方便后续的设计工作。

上图为一些常见的屏幕拼接方式，确认好屏幕的拼接方式就可以计算出整个大屏的物理分辨率。举个例子：上图中最后一个的拼接方式为横向3块屏，竖向2块屏幕。他们每块的屏幕分辨率为 宽1920px 高1080px，那么这块2×3的拼接屏幕的尺寸就应该是：宽度 1920乘以3（横向3块屏）高度1080乘以2（竖向2块屏）得出 整个屏幕的物理分辨率为：5760×2160。

物理分辨率 VS 输出分辨率

大屏的投射方式大致分为三种：1、电脑屏幕 1 比 1 等比例投屏。2、通过主机直接输出给拼接屏（这种大多都是一些自定义比例屏幕和分辨率超大的情况会应用到）。3、投影仪投射。

一般大屏的物理屏幕分辨率大小都有不同，有的是极大的，几万像素，如果我们按照物理分辨率来去做设计的话会很卡，所以这里设计尺寸建议按照输出分辨率设计。输出分辨率会受到硬件的限制（超大情况下需等比缩放），我们一般会采用输出分辨率作为最终 的设计尺寸。针对硬件设备设计时要关注以下几点：屏幕拼接方式、单屏幕像素及拼接后像素、输出像素等这些决定了设计尺寸、内容排布、拼接缝的规避等问题。

2. GIS 数据

通常应用于参数化建模，主要是通过一些地理位置高程数据进行模型的生成。属于智慧城市可视化设计的基础设施。

常见的一些格式：Openstreetmap（多用于生成模型）、Shapefile（多用于生成模型）、Geojson（主要用于基于 Web 的映射）、TIFF（多用于贴图处理）。

一些常用的工具：Qgis、Arcgis、Google mapper。

3. 三维建模

在可视化设计中，一般我们会结合生成 参数化模型 加 定制化手工模型 的方式处理整体效果。这么处理的目的：一是设计上能突出主体，增加画面的层次感。二是在性能上能很好地优化，提高整体性能。

下图为设计侧到开发侧对接流程：

4. 动效设计

常见的一些动效对接格式：GIF、MP4、APNG、Lottie、序列帧。感兴趣的小伙伴可看这篇：

想让设计更酷炫？先学会 6 种常用的动效落地方案（附插件下载） 大家好，我是小六。

阅读文章 >

5. 图形技术

了解图形成像原理，是由一个个的粒子点生成的画面。

下图是由一个 50×100 的粒子组成的平面，每个粒子都会对应的 xy 轴的坐标位置，我们通过控制的粒子透明度、大小、颜色、位置、旋转等参数呈现不同的视觉效果。

世界地图的是通过一个一个粒子成像形成的画面，其中黑色=0、白色=1。比如粒子大小是 1，它对应的位置是黑色，黑色是 0，1×0 就=0 显示为黑色。

我们常做的粒子世界地图就是通过控制粒子黑白 x 粒子大小叠加出来的。

比如我们做粒子地球的时候是通过一张贴图来去控制黑白度 海洋是黑色所以就不显示粒子，陆地为白色显示 为白色粒子，最终呈现了一个粒子地球的效果。

6. 渲染引擎的技术架构

前面实现方式里讲到市面上可视化落地基本都是基于于 Unity3D、虚幻引擎（UE4）、Ventuz、threejs 等工具实现的。它们的底层是由 BS（Browser-Server）架构和 CS（Client-Server）架构两大架构组成的。

BS 架构与 CS 架构特点

BS:（Browser-Server）浏览器/服务器模式，web 应用可以实现跨平台，客户端零维护，但是个性化能力低，响应速度较慢。WebGL 就属于 BS 架构的一种。优点就是使用便捷、数据实时更新、跨平台。缺点是渲染效果较差，大场景支持差。

CS:（Client Server,客户端/服务器模式），桌面级应用响应速度快，安全性强，个性化能力强，响应数据较快。Unreal Engine、Unity3D、Ventuz 属于 CS 框架。优势就是整体渲染视觉效果棒，大场景支持好，缺点是必须安装客户端、电脑性能要求高、不同平台需要不同文件。

可视化大屏 UI 可视化设计是一个综合类交叉学科，同样在大屏 UI 设计中也是一个相对复杂的流程，我们需要对大屏的布局、风格、主视觉、信息图表、字体、规范、动效等方面综合考虑，推导设计方案。

设计前：一定要对用户需求充分分析和理解，要知道大屏的展示场景及设计分辨率，大屏的拼接方法都要有一定的了解，最后是跟开发沟通下实现的工具与方法。

设计中：构思布局，可以在纸上简单画一下。根据业务需求定义设计关键词进行设计的提炼与分析，方便自己找参考。颜色上背景深色为主，为了更好地聚焦，数据可以采用亮色，有一定的对比关系，便于业务信息传达。字体上可以采用系统默认字体 数字采用特殊字体包的形式（这块根据实际需求，切记不要照搬）。图表选择恰当的展示形式，同时保证视觉上的统一（分清页面的主次关系，图表的展示切莫设计过度，容易造成抢主体）

设计后：再次校验信息层级、文字大小、图表等各层级间的对比关系是否传达准确，与技术同步沟通下技术的实现性。最后开发完成后，要拿演示 demo 去现场测试，看下整体展示效果，测试输出是否有问题，有无拉伸问题，拼接缝与内容有无穿插，及时与开发进行页面的校验工作，最终才算是设计完成。

下面针对可视化设计中 布局、风格、主视觉、信息图表、字体、规范、动效等 7 个方向细节点的拆解

1. 布局

通过硬件设备信息可以得到可视化的设计尺寸，基于尺寸新建设计画布后，第一件事就需考虑页面的整体布局。 可视化大屏设计 从信息布局到数据表达，都需要设计师对业务深入了解后才能用数据助力业务决策。

常见的大屏布局：居中结构、左右结构两种种常见的布局形式以常规的 16：9 模板为例，下面列举的一些常见的布局形式，供大家参考。

居中结构

异形超宽拼接屏幕

左右结构

布局的原则一定要主次分明，根据业务需求抽取关键性的指标，提取主要信息。可以在纸上大概画一下，然后在软件里具体细化布局。避免次要信息的面积过大，喧宾夺主，影响整体的视觉效果。

2. 风格

提起可视化大屏，大家都会联想到：科技感、FUI、HUD 这些关键词，可以说可视化大屏跟科技、数据这两词是强关联的，风格上也基本是这一类方向。

定义设计风格：一般会基于业务需求场景去定义几个设计关键词，根据关键词去找一些参考图，推导出贴合业务的设计风格。

我们可以通过调整颜色、装饰细节、主视觉、字体等一些细节点控制区分不同的设计风。下面拿图表举例，我们在做设的时候，只需调整卡片和标题的装饰，就能够展现出不同的设计风格。

3. 主视觉

主视觉部分大致分为：地球、地图、智慧城市、行业类业务展示等。目前比较容易出效果的都会采用三维模型的处理方式。地球：粒子地球、地图贴图、地球模型。

地图：第三方在线地图（百度、高德、腾讯、谷歌）基于 地图开放平台进行个性化配置。或者通过地理位置数据建模：如全国和各个省份的轮廓模型。

智慧城市：GIS 参数化生成简模和重点楼宇定制化建模。

行业类：多数为定制化建模。如工业类、医疗类、能源类、园区、学校、港口、工厂、仓储库房、零售、工程、安防、国防军工等。

以上图片源于 DAT

主视觉是可视化设计中的一大难点，不光是设计落地的时候也会有需要注意的点，这里建议大家在做之前一定要充分跟开发沟通，确认好技术选型，方便后期输出跟开发更加高效的对接。

4. 信息图表

图表的设计原则是易理解、可实现，能够准确表达数据意图，给用户传达明确信息。

以上图片源于网络，如侵删

上图通过通过使用场景可分为比较、联系、构成、分布四个维度解释图表的不同属性类别。在做可视化大屏设计的时候可以参照上图，选择对应的数据图表。

比较

两个及以上变量数据，一是基于分类不同的对比，二是基于时间维度的对比。常见的图表：条形图、柱状图、雷达图、玫瑰图、桑基图等

联系

两个及以上数据之间的相关性，随时间变化比较关联。常见的图表：散点图、气泡图、多级饼图、热力图、力导向图等。

构成

指标里的数据都由哪几部分组成、每部分占比如何。常见的图表：饼图、环形图、堆积面积图、堆积柱状图、瀑布图等。

分布

指标里的数据主要集中在什么范围、表现出怎样的规律，想表达两个数据点之间数量的演变过程。常见的图表：阶梯折线图、面积图、直方图等。

基于图表的类型可分为：饼图、线形图、柱状图、混合图、面积图、散点图、极坐标图、关系图、树图、桑基图、漏斗图、热力图、还有其他图表类型等。

饼图

适合展示分类的占比情况，不适合展示分类过多（超过 9 条数据）或者差别不明显的场景。

线形图

折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。

当水平轴的数据类型为无序的分类或者垂直轴的数据类型为连续时间时，不适合使用折线图。同样，当折线的条数过多时不建议将多条线绘制在一张图上。

柱状图

柱状图提供了分类数据的可视化展示，基于不同的数据类型有以上几种不同的形式。分类数据是将数据分组成离散的组，例如月份、年龄组、鞋码和动物。这些类别通常是定性的。图表上的条形图可以按任何顺序排列。

混合图

折线图和堆叠柱状图的组合图表。同时显示两个坐标轴，用于展示两种不同类型的数据。 适用于带有细分分类的累计数据大小以及与之相关的趋势数据，例如在过去十年全国三大产业的具体产值，以及 GDP 增长率。

面积图

面积图强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。适合于比较多个变量随时间间隔变化趋势。

散点图

散点图是一种使用直角坐标来显示一组数据的两个变量值的图表。数据显示为一个点的集合，每个点都有一个变量的值决定水平轴上的位置，另一个变量的值决定垂直轴上的位置。

通常用于显示和比较数值，不光可以显示趋势，还能显示数据集群的形状，以及在数据云团中各数据点的关系。

极坐标图

基于直角坐标系的径向变形（相当于把直角坐标卷起来）。适用于显示三个或更多的维度的变量对比或者部分与整体的趋势。

关系图

可以展示数据的占比情况，还能厘清多级数据之间的关系。 通常用于可视化大量元素之间的复杂关系

树图

树图是一种流行的利用包含关系表达层次化数据的可视化方法，是研究多元目标问题的一般工具。 适合展示数据之间的层级关系，适合 6 条以上数据。

桑基图

一种特定类型的流程图，用于描述一组值到另一组值的流向，图中延伸的分支的宽度对应数据流量的大小。用以展示数据的层级关系。常用于可视化能源或成本转移，也帮助我们确定各部分流量在总体中的大概占比情况。

漏斗图

一种直观表现业务流程中转化情况的分析工具，总是开始于一个 100%的数量，结束于一个较小的数量。通过漏斗各环节业务数据的比较能够直观地发现和说明问题所在的环节，进而做出决策。 适用于业务流程比较规范、周期长、环节多的流程分析，比如流程流量分析、转化率分析。

热力图

将数值大小通过色块有序且紧凑地在坐标系中呈现。 适合呈现多组数据连续的数值分布，适合做数据的预测统计，可以在图片上直接展示热度。例如展示城市在不同时间段打车热度情况。

其他图表

词云图适用于对比大量文本或绘制特定形状的词云。水球图适用于多个百分百数据呈现。子弹图用于表达多项同类数据的对比，可以表达一项数据与不同目标的校对结果。 维诺图适用于层级数据比较大小，同时能看到各层级之间的情况。金字塔图适合展示分类的占比情况，不适合展示分类过多或者差别不明显的场景。

5. 字体

文字是可视化展示中最重要的构成要素之一，可视化大屏设计中字体的运用其实原理跟网页 app 的 逻辑基本一致。在字体选择上会基于业务需求选择对应的字体，一会会与设计风格相结合。这里要注意的是字体有无衬线、字重、字距等。

大屏设计中，中文字体一般会采用浏览器默认字体（微软雅黑、思源黑体、苹方等）页面中标题会采用特殊字体处理，常用的字体有：优设标题黑、旁门正道标题体、时尚中黑简体、方正正中黑体等。英文数字字体推荐：Din、Ds-Digtal、Bebas、Acens、DS-DIGIB、Roboto 等。

6. 规范

建立规范的主要目的是：保证设计的一致性、提高开发效率和还原度、方便迭代 ，辅助设计和开发更好地完成设计的协作。可视化设计中规范一般会分为：色彩、文字、图表、标题控件等，跟网页端规范同理，这里就不一一赘述了。

7. 动效

大数据可视化大屏设计少不了动效，动效是可视化重要的组成部分，动效能增加观感体验，凸显关键产品内容、强调功能信息关联，帮助用户理解产品、情感化互动。但过分的动效极其容易喧宾夺主，影响用户阅读，反而弱化了数据的展示。

动效的设计原则

动效应优先满足核心内容、故事线。常见的大屏动效 – 展示类，用于突出产品核心功能和特点。界面信息按照一定的规律呈现，引导用户的视觉流向。

好的大屏设计应该是数据展示模块最好动效不易过多，要有一定的主次关系变化，例如一个动画表现的视觉强，另一个就表现稍弱化，有强有弱、有主有次节奏才会舒服，同时动效要结合数据变化，考虑极端情况的展示效果，最终输出一套完整的动效方案。

最后 以上是我对可视化参差不齐的一些认知，主要是给大家普及可视化设计的一些流程以及相关的专业知识,希望能够帮助你快速进入大屏设计及避免一些坑。由于篇幅原因字体、规范、动效没有详细拆解说明，后面会陆续更新相关文章，感谢大家支持。可视化体验远远不止这些。欢迎大家提出更多意见和建议，我们一起前行。