系列化品牌如何设计？如何在差异化较大的品牌中保证品牌基因的延续？本文将以 网易 “易” 系列品牌 为例，细致剖析品牌设计过程。

品牌设计 指南：

为什么你的设计没有品牌感？收下这份近两万字的品牌设计指南 品牌是一个比较抽象的词，那是因为一提到品牌，每个人都会对品牌拥有自己的见解。

阅读文章 >

Hi，各位朋友，大家好久不见。最近一年因为忙于团队以及一些重要的项目，有些项目也不能对外发，所以文章写的比较少。平时零碎的总结和记录还是比较多的，后续应该会补发一些文章。请大家轻拍哈哈～

今年六月份，网易杭州园区全新的咖啡吧正式开业了。与此同时，易购、易餐也相继开业，瞬间火爆了整个网易，使得猪场的园区生活更加丰富多彩了！

与此同时，整个系列全新的品牌及系列周边设计，也受到了大家的一致认可。那么，全新的品牌设计灵感来自何处？设计过程是怎样的？有哪些有趣的故事？

下面，我代表设计团队为大家介绍一下品牌设计的整个思路与过程。

前言 网易咖啡吧算是我们的老朋友了，一转眼已经伴随了网易的小伙伴们大约七个多年头了。醇正的咖啡口感、温馨的场景、日益丰富的饮品类型，逐渐成为了网易人的另一个工作空间。

然而，随着咖啡吧的不断发展，现有的咖啡吧各类设计已经无法满足未来的需要。相对复古的品牌字体、不太统一的一二期标识与门店风格、较为陈旧的物料设计等等——网易咖啡吧需要进行一次系统性的品牌升级。

如何让网易人感受到“家的归属感”？ 如何打造系列化的内部品牌？如何在保证更高品牌调性的同时兼顾品牌辨识度？在了解到咖啡吧的诉求以后，设计团队的小伙伴就开始进行了大量的思考。

我们并不希望这只是一次简单的“设计提升”，而是希望咖啡吧真正地拥有一个品牌的灵魂，并统一的调性延续到所有的场景和触点中。我们希望，它不仅仅是一个图形，更能代表网易人的生活态度。

经过设计团队与网易行政团队的深入探讨，以及大量设计方案的碰撞之下，终于，在今年的五月份，全新的网易咖啡吧正式与大家见面了。简约、优雅、富有网易特色的品牌设计，再配合全新的物料风格、门店装修，整个咖啡吧焕然一新。

时刻爆满的咖啡吧，以及持续爆单的小程序界面，表达了网易人对新咖啡吧的热爱。而整个咖啡吧的各项数据也得到了显著的提升。

同时，为了满足更多网易人的需求，经过网易行政深入地调研，在园区内开设“便捷超市”、“健康餐厅”也被提上了日程。随后，设计团队又与行政团队一起开展了“易餐”、“易购”等系列品牌设计，将这份态度延续到其他品牌中。

同于在今天六月初，易餐、易购全新的线下门店在网易一期、二期也同时与大家见面了。

对于所有行政商配的系列品牌，我们创造了全新的品牌体系，使其成为网易人园区生活方式的代表。随后，根据统一的品牌系统，小邮局也将升级为“易邮”，易栈也将迎来自己的全新 Logo。相信在未来，网易行政团队还会为大家带来更多有价值的生活方式。

参与成员：晓惠（@李丫丫同学）、翘翘、笑笑、小勺

特别感谢：杨依、无羡、不二佳、ClaireYao、小卡布

网易咖啡吧，让每一杯都都充满热爱 回顾咖啡吧的发展历史，更多的都是从务实的角度出发，在园区内为网易员工提供优质的咖啡饮品。因此，与之相关的品店装修、品牌、物料等，也都是根据发展需求，逐步从无到有的。也正因为如此，相关的各类设计并未从品牌的层面去进行思考，这才形成了品牌的现状。

A. 品牌现状分析

那么，为了更好地开始我们的品牌设计，我们对原有的咖啡吧品牌 Logo 及其相关的设计做了一个分析。发现了以下的几个问题。

图形复杂，辨识度较差：原有 Logo 将咖啡杯图形与手写字体融合在一起，整体的图形不够简洁，缺乏明显的记忆点和辨识度。同时，过于复杂的 Logo 在相关物料的印刷上，也会带来一定的困难。 风格陈旧：原有的 Logo 在图形风格上有点偏老式咖啡店的感觉，略显老气。 缺乏文化承载力：除了名字上使用 Netease 以外，图形本身与网易无任何关联性，也没有赋予更深层次的品牌文化。

B. 咖啡/茶饮类品牌趋势分析

在开始设计前，我们对咖啡/茶饮类品牌设计的趋势也做了一个简单的调研，以保证品牌设计方向的准确性。主要涉及到一些比较热门的品牌，比如星巴克、喜茶、瑞幸、machi machi。

可以发现，未来有两个非常明显的趋势：

1. 简洁化、现代感：随着时代的发展，越来越多的品牌开始对图形进行简化，提升品牌的品质感和包容性，使品牌拥有更大延展性和更多的可能性。比如日益简洁和年轻化和现代感的星巴克，在保留品牌文化的同时，尽可能地简化品牌图形，与相关品牌推广的设计风格。

2. 年轻、有温度：更年轻化品牌图形、更有温度的品牌理念。不同于以往的循规蹈矩、严肃的品牌图形，很多新式茶饮都采用了更年轻化的风格，比如喜茶、喜茶的、machimachi 采用的极简插画风，以及瑞幸这种更为前卫的品牌图形。同时，在品牌理念上，也更侧重表现一种感觉，而非只是图形本身。

通过产品去表达对生活的态度，这才是年轻人所追求的东西。

因此，除了品牌图形的美感以外，如何让品牌能够展现对生活的态度，这也是品牌设计非常重要的一个方面。 当然，想要全方位地达到这一目标，后期统一的品牌宣传理念与物料风格也是必不可少的。

C. 品牌设计，让每一杯都充满热爱

那么，网易咖啡吧需要什么呢？基于以上的分析，我们大致得出了以下几个关键词：

现代简约：首先在风格上，我会更倾向现代简约的图形风格。我希望它是简洁的、一眼就能记住的、具备现代美感的图形。同时，作为互联网公司，我希望这个品牌是年轻人感觉酷的、好看图形，这样才能促使更多的人打卡，传播公司文化。

咖啡：既然是咖啡品牌，我希望让用户能够快速识别出与咖啡的关联性，形成更直接的记忆点。

网易：怎样让网易人拥有“自家咖啡吧”的感觉？我希望网易咖啡吧的品牌图形，拥有全方位的网易特征，成为公司的文化符号之一。

热爱：这是网易价值观的第一条——为热爱全心投入。即是对网易的热爱，也是对咖啡的热爱。

基于以上几个关键词，我们做了两个批次、数十个品牌设计方案。比如一开始尝试了基于福狸设计的方案，进而又尝试了基于咖啡豆、咖啡杯、N、E 等概念为主的方案。

最终，经过层层筛选，逐步优化，终于诞生了符合所有人诉求的、完美承载了几个关键词的方案。

整个品牌图形由一个简约而具有设计感的字母“N”，和右上方的温度符号“ ° ”所构成。

字母 N 即 NetEase 的首字母，其字体的笔画风格有取自网易特有的建筑风格。使得整个字体充满了“网易感”。而温度符号则代表了网易的核心价值观——热爱。

而整个图形合在一起，则构成了一个优美、具有设计感的咖啡杯形状。它既代表了“有温度的网易”，又代表了我们对于咖啡吧的愿景——“让每一杯都充满热爱！”

就这样，伴随着无数个“就是它了！”的呼声，我们的品牌图形诞生了。

随后，我们针对品牌图形进行了字体的设计，并将其结合在图形的右下方。除了统一的无衬线字体外，我们还在字母“O”里加入和与热爱呼应的小红点——“O”就像是俯身往下看的咖啡杯，而咖啡杯的小红点，即代表咖啡，又代表我们的热爱。

可以看到，虽然品牌的组合方式并非常规的左右结构，但却十分舒适，极具现代感。这种创新的形式，让人感觉耳目一新，用来搭配我们全新的园区门店，真是再好不过了。

选定方案以后，我们对品牌 Logo 的细节做了优化，保证图形细节的完美。同时，也为品牌增加了竖式的组合规范，以便品牌能够适用不同场景的需要。并针对品牌设计了图形+Slogan 的组合式辅助图形，用于在延展中与品牌主图形进行搭配。

D. 品牌周边，简约、务实、富有温度

完成基础品牌规范制定后，我们开始了一系列品牌周边的设计。这个阶段的目标，除了保证物料的功能性以外，我们还希望让这些载体能够呈现统一的品牌调性。

我们首先对用户接触最多的咖啡杯进行了重新的设计。简洁的品牌图形加上适当的辅助图形、块面分割，使整个杯子看起来非常干净简约。

而针对不同的杯型，在保证统一性的同时，我们还对不同的杯型做了一定程度的差异设计，让用户在取餐时能够快速进行区分。

可以看到，全新的咖啡杯设计非常简洁干净，从远处就能非常清晰地看到大大的品牌图形。每一个拿到新杯子的小伙伴都赞不绝口，感觉逼格满满～

随后，在非常重要的店内提示牌、海报等物料的设计中，我们摒弃了以往枯燥、古板的海报样式，为网易咖啡吧定义了全新的品牌风格与形式。

在风格上，我们采用了现代简约的灰白色调。通过大号的文字设计，加上有趣、现代感的插画，让整个海报非常干净、清晰，同时富有温度。恰到好处的插画风格，不仅能够提示海报的美感，同时也能让用户更好地理解海报的内容，不仅统一而简洁，同时又充满了趣味性。

可以看到，我们通过一致性的版式设计、色调、插画风格，保证了品牌调性的统一。而大大的文字、简洁易懂的插画，又最大化保证了海报本身的功能性——信息识别与传递。

最重要的是，这种风格，其实还有一个非常务实的好处 —— 低成本、周期短。

高级简约的灰白色调，基本上没有颜色，而我们所有的海报又都是 A4 尺寸。这就决定了，我们的海报时只要用黑白打印机就可以快速制作。不仅节约了成本，同时极大提升了实效性。当然，如果是长期使用的，仍然推荐用更好的材料进行印刷。

在园区的新咖啡吧开业以后，针对咖啡吧的门店的各种场景的需求，我们也做了一系列的设计。

比如为了提升品牌感，同时也避免透明玻璃造成的潜在危险，我们在主要区域、门的附近都做了品牌化的玻璃贴纸，既有一定的功能性，又增加了美观度。

以及外部的品牌灯箱，保证用户在不同的角度，都能够发现咖啡吧的招牌。

根据统一的品牌调性，我们也对咖啡吧的小程序做了整体的重新设计。新的风格采用了现代简约的风格，干净而素雅的界面，加上精美的饮品照片，让整个小程序焕然一新，有一种低调而高级的美感。

当然，还有店内更多的相关物料设计。比如电子菜单、纸巾等等，都延续了统一的品牌调性。就不在此一一例举了，欢迎大家亲自到咖啡吧体验一下～

E. 系统性规范，品牌 VI 手册

最后，为了保证后续品牌应用的统一规范，我们为网易咖啡吧初步制定了品牌 VI 应用手册。

包含了前期的创意理念，品牌色、标准组合方式、安全区域、辅助图形、应用规范等等，以保证各场景的品牌应用一致性。随着周边物料场景的不断增加，品牌 VI 手册也将逐步完善和丰富。

易购、易餐，通过品牌将热爱延续 作为所有家人们共同生活的场所，网易的园区服务一直在不断地完善中。更清晰的引导、更贴心的服务、更优美的园区环境等待…

为了满足更多网易人的园区生活需求，经过网易行政的长期调研与努力，易餐、易购，应运而生。经过初步的讨论，在品牌调性上，设计团队与行政团队初步达成了一个目标——希望打造一套统一的园区内部品牌系统。

那么，如何让行政商配系列的品牌拥有统一的风格呢？网易咖啡吧的品牌设计，已经开了一个好头了，如何以英文为主体的 NetEase Coffee 品牌图形，如何将同样的调性延续至两个中文品牌中呢？

我们具体的思路是，首先将以字体作为品牌延续的载体。在保证识别性为首的前提下，尽可能地简化字体，而后在字体中植入统一的品牌基因，并提升字体的美感与设计感。

A. 巧妙的品牌字体延续

作为品牌延续的载体，字体是品牌设计的重要部分。

中英文字体虽然差异较大，但我们仍旧找到很多可以延续的品牌基因。我们抽取了咖啡吧英文字体的笔画倾斜角度、笔画转折、圆角等字体特征，创造了全新的中文字体风格。

可以看到，虽然字体的复杂程度相差极大，但仍旧能够感受出统一的文字风格。

同时，代表“热爱”、“网易红”的品牌基因，也延续到了易购、易餐的品牌中。不仅让“热爱”的品牌愿景完美地进行了延续，同时也丰富了品牌的色彩层次。大面积的深灰色调，搭配小面积的红色，统一而和谐，也非常网易。

而在设计“购”和“餐”的过程中，我们也针对字体的笔画做了巧妙的设计。我们在保证字体识别性的基础上，最大程度地对字体的笔画做了简化。比如“购”字的右边，我们简化了撇折后面的点。

还有“餐”字上半部分“歺”和“又”，重新调整了书写结构，使其更简洁的同时不影响识别性。而的“食”字的下边撇捺也融合成了一笔。

B. 品牌图形，网易人的“N”种生活方式

在品牌图形的设计上，首先还是品牌基因的延续。我们在所有的图形中融入了网易的字母“N”，再结合品牌字体，让用户看到这个系列，就可以联想到——这就是网易人自己的生活方式。

而在图形的概念上，我们对它的最大的要求就是——直观。我们希望用户一眼看到，就知道这个店是干什么的。

因此，我们图形创意的范围，在一开始就已经确定完成。易购，就是小超市，图形则确定为购物袋的形象。而易餐就是轻食餐厅，作为比较偏西式/健康类的餐厅，我们则用刀叉作为主体。

最后，经过多轮的图方案尝试，我们确定了以上两款品牌图形的设计，并应用到了后续的门店的设计中。整体上非常直观、简洁，同时也很有网易风格。

C. 品牌周边，让每个角落都富有温度

因为整个设计周期非常短，完成品牌设计后，我们又紧罗密布地开始了品牌周边物料、装饰的设计。

比如已经应用上的玻璃防撞条，我们抛弃了常规的大长条+Logo 的方式，采用了与门店售卖物品相关的图形元素。易购的元素是超市售卖的饮料、零食、水果等，而易餐的则是轻食、汉堡、鸡蛋、水果沙拉等元素。让防撞条既有防撞的功能，又能让用户了解里面售卖的商品类型。

在零售包装袋上，我们应用了统一的图形作为延续，并针对不同的场景设计了不同的样式。精美绘制的图形大块面铺开，整体更加简约、干净、直观。

而门店内部的提示海报，我们希望让所有易系列的品牌拥有统一的风格。现代简约的排版、风格，加上有趣的插画，既能统一视觉调性，又让枯燥的提示海报多了一些的温度。

作为统一的行政商配系列品牌，我们也输出了基础的品牌 VI 识别手册，以此为核心，逐步在后续设计中建立更为完善的品牌应用规范。

未来：更多的生活方式等待加入 经过咖啡吧、易购、易餐的品牌及周边设计，我们已经制定了完善的行政商配品牌体系，也得到了各方的认同。之后，我们又陆续对小邮局、易栈等品牌做了全新升级。

在字体设计上，我们以统一的“易系列”品牌字体风格为基础，将邮字的右边做了适当的简化，并在小点中融入网易红，作为“热爱”的延续。而在图形上，易邮以包裹作为最直观的品牌图形，并将字母 N 融合在内。

至此，从咖啡吧的英文品牌，至易餐、易购、易邮这几个中文品牌，品牌基因通过字体风格、图形、配色、品牌应用等几个方面都得到了完美的延续，而行政商配品牌体系已经成熟。

未来，随着园区服务的不断完善，还将会有更多的品牌加入到行政商配品牌体系中，使整个园区的品牌形象更统一、更完善。我们希望，每个网易人看到这套“N”系列品牌时，都能够感受到网易这个大家庭的温度。

感谢大家的阅读，我们下次再见～

注：需要品牌 VI 模版源文件的同学们，附件下载～

拓展阅读：

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

阅读文章 >

腾讯出品！2022-2023 设计趋势报告：NFT虚拟时装篇 各大时尚品牌在网络空间的投入越来越大，以数字形式出现的虚拟时尚品牌也不断汹涌而至，虚拟服装在社交平台呈增长模式逐步显现。

阅读文章 >

1. 虚拟形象的诞生-CryptoPunks

2017 年，正值以太坊生态开始发力之时，原本两个不在加密货币圈子的开发者机缘巧合之下带着一万多个像素头像来到了这个生态当中，并由此开发出了世界上第一个 NFT 项目——CryptoPunks。

原本是做移动 App 开发的两人 John 和 Matt，致力于从手机游戏和实用程式到网络基础设施再到数位设计和艺术的各种项目。在 2017 年初团队从伦敦 Punks 场景和 cyberpunk 电影和小说中汲取灵感，制作开发了一个多元化像素角色生成器，并创造了许多充满朋克精神的像素角色头像，当他们在想围绕着这些头像还能进一步做一点什么事的时候，他们关注到了区块链和当时逐渐火热的以太坊。于是他们便决定将这些像素头像放到区块链上，让这些本身也十分具有个性的像素头像通过区块链的特性可以得到验证，并让它们可以被他人拥有或者允许被他人转给其他人。

由此，世界上真正意义上第一个 NFT 形象项目 CryptoPunks 诞生了。

CryptoPunks 一经发布，就遭到了全球的关注与疯抢。虽然 CryptoPunks 初期是免费获得，但是数位肖像的稀有性和艺术性，让 NFT 玩家的需求量增加，从而导致价格一路飞涨不下。它开创性地将图像作为加密资产带入到了加密货币领域里，在当时各类 Token 满天飞的时候，作为一股清流给了众多从业者新的启发。同时又将不同的形象作为特色，让收藏家不再是单一维度进行价格上售卖，而是从更多艺术或生活的维度进行欣赏。

2. 虚拟形象 的价值

至此 NFT 形象开始起飞，艺术家与创作者们纷纷将目光投向了 NFT 进行创作。投身于 NFT 的艺术家或者创作者则可以向以太坊区块链上传并认证任何数字资产进行铸币，建立一份包含价格、所有权和转让记录的 NFT 代码化可验证档案。这一方法让艺术家或创作者既能够通过 NFT 向全世界展示自己的想法与创意，扩充自身影响力，又能通过 NFT 整个销售模式给自己带来可观的销售收入。

NFT 形象由于为多个单独元素随机组合生成具有唯一性的形象，故此它的独特性与稀有性都让某一款形象比其他形象更有价值。同一个项目中具有更多稀有属性的形象价格更会一路攀升。同时对于藏家来说，稀有性并不是唯一能决定 NFT 价值的因素，有的形象可能会因为收藏家喜欢这样的外观，或者是曾拥有藏家的知名度而价格飙升。NFT 形象也从相对边缘的收藏品慢慢向主流艺术进行转变，其中一部分藏品已经在佳士得和苏富比会场进行拍卖。这一行为无疑是能给 NFT 带来更高的定位与商业价值。

NFT 市场经过 2021 年的洗礼，在不断起伏之下变得越来越成熟。细心的藏家不难发现，越来越多的专业的艺术家、创作团队开始参与其中，他们带来好莱坞级别的 NFT 作品，同时给藏家们也带来丰富的艺术享受。举例而言，由 RTFKT Studios 与艺术家村上隆所创作的 CLONE X 系列给人无尽幻想与延展空间，还有新崛起的 HAPE Prime 成为时下年轻族群追逐的焦点，还有由 combrisi X flatizy 手工制作的非生成的 Smircs 系列，以世界各地的神话人物为原型的 Godpod 系列等等，接下来我们将一一介绍比较有特色的十二款 NFT 形象作品。

1. CLONE X-RTFKT Studios&村上隆

由虚拟时尚品牌 RTFKT Studios 和村上隆联合创作的 CLONE X，于 2021 年 11 月开始发售。

CLONE X 是一款拥有 19211 个 3D 角色的 Avatar 项目，同时是对 CryptoPunks 明确的致敬项目，不同的是 CLONE X 是带有 3D 骨架系统的模型。这意味着拥有者可以将他们使用在 AR 滤镜、Zoom 视频会议或游戏等，也可作为往后进入「元宇宙」的形象。

该款设计每个角色都有随机分配特征组合而成的外观，同时村上隆将角色的眼睛、嘴巴、头部装饰等部分进行拥有其专属风格的卡通美学的的特殊设计，制作出「特色装扮」。拥有 CLONE X 盲盒的藏家，可以通过官网的铸造页面进行随机生成 NFT 形象。目前已经有 8900+用户拥有该产品，最便宜的头像为 18.5ETH。

Clone X 的故事背景是在未来，有三名来自德拉科星座轨道星的外星人来到地球，这些星际游客来加速我们向非物质存在的进化。他们计划将所有人类意识转化为高级克隆形式，以创造终极元宇宙。故而他们将人们的意识从原本的身体中抽出，再将抽出的意识放入到数码 Clone X 替身(digital CloneX avatars)，让人类进化到下一个阶段，这样人们就有更多的时间和体力能够探索更远的星球或是星系，不用担心生老病死。

拥有该 NFT 形象的持有者，会拥有一个独立的太空舱 NFT。根据资讯信息，Clone X 将在不久之后可以打造一个属于自己的社区平台，玩家所拥有的 Clone X 形象成为他们入场的通行证。同时在平台里可能拥有各大联名潮流内容产品，或者可提供玩家在元宇宙中自创或者使用 3D 档案，个性化的 Clone 时尚配件，穿着特色形象参与时装周等各色活动……

在这个故事背景下，不同的 CLONE X 拥有不同的 DNA 特质，也代表了不同的种族。其中人类占流通量约 50%，但是其中有少部分人会有特殊皮肤特质，还有 10%的人类能得到「村上特质」。机器人占有 25%，恶魔、天使各占有 8.5%，爬虫类种族约占 1%，不死族占有 0.5%流通量。最为稀少的外星人占有 0.13%，其中会有 15%会得到「村上特质」。

除此以外还会有 16 款艺术家版本，会在铸造中随机出现。

这些形象中，如果没有「村上特质」的 NFT 则可以进行 100 万美元的商业用途。如果拥有「村上特质」则不允许作为商业用途使用。这不难让人想象，在现实场景下，拥有 Clone X 形象的人可以在原有形象上再进行二次创作或者商业发布。在元宇宙中，持有 Clone XNFT 的持有者能够提升自身价值与知名度，也会有相应的商机。

最贵价的十款克隆 X 形象

其中 4542 号形象，他涵盖了恶魔种族以及多款村上隆特质，整体稀少程度较高，故而整体交易价格为最高。售价为 ETH 100,000,000,000,000，折合为 人民币 ¥1924,769,769,700,000,000.00，达到了需要不停核算 0 来确认总价的地步。

趋势启发：

NFT 形象的制作公司与创作艺术家知名度的高低能够极大的带动该款形象是否受到大家的关注，作家自身的流量能够为项目带来庞大的粉丝量，制作公司往期优质作品也能很提升玩家对新项目的期待值。 有趣的项目故事能拓展 NFT 形象的运营，在原有知名度上，通过故事将每个形象的特质属性进行合理化与趣味化。从预告到拥有的仪式感，让玩家能够更细致的体验到 NFT 的精细打磨与强化关注。 在原有艺术家或设计师十分著名的情况下，在 NFT 形象中加入或者强化创作者的个人标签或者特色，能让 NFT 的辨识度与知名度更上一个台阶，也能够提升拥有者的价值感与同理性，满足拥有者的优越感与归属性。拉动观望者对项目的关注度与敏感度。 2. HAPE PRIME-Digimental

HAPE PRIME 是由知名 3D 艺术工作室 Digimental 设计的，共有 8192 个，这些 3D 猿猴 NFT 的设计非常巧妙，融合了很多常见的街头元素。HAPE NFT 设计初稿在网上公开后，就马上受到了社会各界的喜爱并引起了热烈的讨论。正如同它自己的介绍：高清，潮流视觉，将猿宇宙更进一步风靡世界。

通过穿着不同质感的服装，给猿猴增加独一无二的个性与特色。由于 HAPE PRIME 的大热故而带动了 NFT 的形象逐渐由 2D 转向 3D 设计。8200+用户拥有该产品，最便宜的头像为 0.74ETH。

HAPE PRIME 以街头时尚和运动休闲装为特色的时尚运动。它是 90 年代嘻哈和非常流行的时尚文化的化身，不同的猿猴会随机分配颜色和各种质感特色。纵然每个形象都不曾明显的表露出男女的特色，但是随机分配的服装与发型，让角色展示出明显的男女或性格的趋向性。

这是一组黑白造型的海报，整体洒脱又纯粹。给人一种霸气又沉稳内敛的感受。

接下来是一组炫彩造型，形象元素传神的展示了每个形象的不同性格。

千人千面，不过是如此。虽然大家都是同一基础角色进行叠加变化，但是随机元素赋予角色更多的可能性与独特的性格。背景上也有与角色强关联的香蕉背景。整体打光与材质的渲染，让香蕉背景并不突兀，反而充满趣味。

贵价的十款潮流猿形象

其中戴着帽子穿着白色棒球服的 4269 是众多玩家最为关注的 HAPE PRIME NFT 形象。

趋势启发：

在 HAPE PRIME 中着重显示了不同潮流服装对于 NFT 的影响，人们会根据服饰的潮流与形象的统一或个性程度进行购买，并由此引领购买趋势。将实际服装与形象相结合，通过 NFT 形象表达一种形象态度，由此强化 NFT 形象记忆点与商业价值。 多风格样式，受众面更广。虽然设计者更钟情于街头风格，但是从多款形象中也可以看到有照顾到东方文化。在前期的雏形项目中，设计者就有多风格样式进行试水，故而 HAPE PRIME 的设计方向则会更加精准，更受大众所喜爱。 3. SMIRICS-Combrisi & Flatizy

Smircs 是由 combrisi X flatizy 手工制作的非生成系列，将不同领域的 icon 缩影成太空人，极具未来感，简洁统一的造型也使得一系列的 Smircs 辨识度高，可拓展性非常强。而不同新颖写实渲染质感和设计概念，让每款 Smircs 都是独一无二的。

每款 Smirc 背后都有非常酷、非常独特的设计背景，可以在官方的 insgram 上详细了解。通过讲述它们不同的故事，可以感受到每个角色独特且生动的性格。

下面介绍几类比较有特色的 smircs，例如去年冬季推出的 Hyggel Smircs 系列，是一群有着毛茸茸质感的 Smircs，丰富蓬松的绒毛给人以舒适感。

复古风格的 smircs

将 smircs 形象与大众熟知的艺术风格进行结合，例如梵高 smircs 和波普 smircs

Natura Smirc 则是全身铺满小花小草，就像与大自然融为一体，与自然世界密切共生。

趋势启发：

让故事场景化，让场景形象化。一个有故事的 NFT 形象，让持有者在拥有的同时会更加深入了解形象背后的故事，从而加深 NFT 的记忆点与品牌性。 使用统一的形象结构，配合不同质感的服装，让形象不仅仅是一张图片，更是一个多维度质感与故事的丰富，从而成为一个活泼生动的案例，赋予持有者深度与内涵，提升形象厚度。 4. GODPOD-muzixiii studio

来自台湾工作室 muzixiii studio 的 nft 作品，提供最新的信仰系统服务以响应元宇宙。以世界各地的神话人物为原型，创作出一个个造型简约可爱的形象。

Muzixiii studio 是专业的 3D 影像工作团队，曾经与漫威、迪士尼等企业合作过，并为华硕、宏碁、微星科技等知名资讯品牌制作过影片。

会使用神明的形象制作 NFT，是因为 Amber 观察到，现代的人因为压力大，所以更重视疗愈、信仰跟心灵健康，而 GodPod 便是一个新的信仰系统，大家不用再依附于宗教体系之下寻求安慰，而是可以在去中心化的世界中找到精神的寄托。

小神明的形象，不仅包含台湾众所皆知的神明，还有更多来自世界各地，大家不一定熟悉的信仰，甚至邀请大家自行创造，让心中的信仰能具象化，期许小神明能为大家带来心灵的平衡及健康。

除了可爱的神明 NFT，Discord 社群上也会搭配多元疗愈的题材，例如塔罗牌、人类图、星座…等等。大家每天也都可以在社群上抽卡牌、测运势，卡牌内有许多建议与鼓励， 带给 Goody 们满满的心灵鸡汤、正能量，让疲惫的心灵能获得小小的救赎感 。

这些动态 emoji 也让这些可爱的神明变得生动起来，被应用 Discord 社群成员之间的聊天中。所以尽管 Godpod 在没正式发行前，Discord 社群上已经有近一万人在关注。

趋势启发：

趣味素材的前期预热，以及动图的细节展现与搞笑故事性，都能给尚未发行的 NFT 带来极大的吸力，带动用户持续的关注。 形象 NFT 不仅仅局限于在外头像或穿着的热潮，也可以在 NTF 形象中体现更多可能性。元宇宙的形象可以在内心或者压力上进行发力，或者是引导用户了解自己的内在，让信仰褪去原有老牌的风格，以一种全新更符合年轻人预期的感受去体现。 运营时充分展示 NFT 形象独有的优势，针对性进行游戏玩法拓展品牌影响力。延展品牌衍生品应用在实际生活中，让形象传播更为广泛。 5. AZUKI-TeamAzuki

Azuki 是现在市场中成交量很大的蓝筹 NFT 项目，其中的角色和元素受到日本动漫影响深刻。他的世界背景是基于“The Garden”建立，希望用户通过持有其 NFT 参与到这个世界的建设以及运营。

角色早期是由《守望先锋》的角色设计师 Arnold Tsang 业余时间积累创作的，Azuki 的角色大部分都是滑板少年，风格特立，其中不乏叛逆、追求自我价值的精神。

Azuki 的画风也是在现在市场不可多得，运用日系漫画中干净、干练的笔触，和其他三维、Meme 的 NFT 画风拉开差距，让人印象深刻。角色风格分为四类 —— 人类、蓝、红、灵魂，其交易价格和稀缺呈成正相关。

下图为其中两款人物形象

虽然整体 NFT 是以 2D 画风为主，但是还是有部分服装进行了多维度的创作，以带给持有者三维立体的感受，同时进行实体服装实体的生产，让 NFT 形象的同理性带入到实际生活中。

上图为实际生活中穿着 Azuki 夹克的受访照片。

BeanZ 同是 Azuki 团队根据 The Garden 世界创作的 NFT 项目，寓意花园中的种子，造型可爱。

Azuki 与 Mekavers 一致，也是有缩小版的 NFT 造型，但是整体风格也是延续了 2D 效果，在 3D 当道的 NFT 形象中独树一帜。

趋势启发：每个人都曾有过当动漫人物的梦想，而这款 NFT 的形象让用户更好的融入到 The Garden 的世界观中让每个人都实现动漫梦，同时多维度的图片素材和实体服装也让持有者更有带入感。

而用户也自发进行虚拟形象实体化的 cos 行为。

6. The Sheep Fellas-Metaverse

The Sheep Fellas 是 Metaverse 的一种新型品牌，由 BSC 区块链 (pentas.io) 中的部族和帮派整理出来的毛茸茸的 3d Sheep NFT 集合。每个氏族都有自己的故事和目的，这是为了将整个元宇宙中多品种的所有绵羊联合起来。这不仅是一种 NFT，它是一种文化。

稀有度：在每个氏族中，他们由 1 个 Alpha 领导，由 Genesis 和 Superiors 支持。每个氏族的所有士兵都不是来自 Korleno 家族。他们被引入氏族。每只羊都是独一无二的，因为它是非生成的 3d 和纯 1 对 1 手动制作和渲染的。（Alpha/Genesis/Superiors/Soldiers 四个等级）

稀有度 1「Alpha」：Alpha 是每个氏族的领袖。每个氏族只有 1 个 alpha。它有自己的故事和个性。它具有代表其角色的 3d 背景。

稀有度 2「Genesis」：每个氏族有 5 – 8 个 Genesis。他们是其他人中最强大的角色。他们与他们的 Alpha 密切合作。每个角色都有自己的特色，他们的主要目的是服务和保护他们的 Alpha。他们也有自己的 3d 背景，根据他们的个性进行单独设计与渲染。

稀有度 3「Superiors」：上等羊是 Genesis 的助手。他们将根据他们的起源顺序行事。他们的主要目的是保护 Alpha 和氏族。他们的背景是二维图形。

稀有度 4「Soldiers」：士兵是羊群中最常见的角色。他们的主要目的是服务和保护他们的氏族，只是为了在氏族中生存。它有一个通用和干净的背景。

趋势启发：

The Sheep Fellas 开拓了一种新的玩法，不再是单一不同形象的 NFT，他们是以家族式作为形象结构。每一款 NFT 的形象都有自己的使命，由这个使命而延展为不同的形象展示侧重，让整个项目拥有一致性与结构性。这也拓展了大家创作 NFT 的结构思维，不再是因为世界而创造不同的形象，而是根据帮派或家族而进行设计上的细化和归属感的创作。

7. INTO THE METAVERSE-Adidas Originals

Adidas 与《Bored Ape Yacht Club》、Gmoney 以及 Punks Comic 背后团队共同打造了一款 NFT。名为《Into the Metaverse》的 adidas NFT，拥有者将获得对各种 adidas Originals 体验与产品的独家访问权，随着 NFT 作为虚拟土地与免费联乘单品的通行证，拥有者能够在基于区块链的游戏《The Sandbox》穿戴相关虚拟设备。

这是 adidas 的第一个 NFT 或不可代替币系列—本质上是经过验证的数字收藏品。NFT充当基于区块链的所有权证书，允许对作品进行身份验证、购买和收集。该品牌与NFT中一些最知名的任务合作创建了该系列：Bored Ape Yacht Club、gmoney和朋克漫画创作者。

adidas 在 Into the Metaverse 上的合作者包括制作猿人头像的 Bored Ape Yacht Club，adidas 将此次发布定位为与粉丝互动并加入“创意前沿”的一种方式。

作为此次发布的一部分，阿迪达斯还购买了其首个 NFT – 猿 #8774。该俱乐部为所有者提供了一些特权，阿迪达斯现在可以使用这些特权。阿迪达斯还在 The Sandbox 内获得了一块虚拟土地，计划在其中填充“独家内容和体验”。

带有实体元素的 NFT 漫画 Punks Comic 背后的艺术家们也参与了 adidas 的收藏，数字产品将用于 The Sandbox 的基于区块链的游戏世界以及其他平台，而实物产品将包括连帽衫、运动服和 gmoney 标志性的橙色无檐小便帽。虽然阿迪达斯已经接受了 NFT，但该技术存在争议因为它需要大量的内容与相关前沿技术支持。

趋势启发：

将 2D 三维化，将用户购买的商品与 NFT 进行结合，在购买商品的同时可以获取到 NFT 的虚拟形象，将商业化推广进行破壁元尝试。不仅仅是商业的联合，还拓展了商品与虚拟人物的互动性，满足了拥有者与品牌的联动感。

随着 NFT 角色的热度增加，不同的画风维度与视觉展示方式都让用户在浏览拥有的同时，延展扩张了无数的遐想。或许你在这个世界中只是平平无奇的普通人，而在元宇宙中你则是拥有超能力，惊艳全球的著名人士。也许不久的某一天，每个人都能进入不同的元宇宙，在不同的元宇宙中又拥有不一样的形象，来满足实现自身的无限可能性与创造力。

注：文章部分内容来源于网络，如有侵权请及时联系我们，感谢。

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

一直都在向大家推荐国外优秀的插画师，希望这些大神的作品能够给大家的创作带来灵感。其实除了多看优秀的插画作品，多了解插画的发展历史、艺术流派等方面的知识也非常重要，能让我们对不同风格的插画有更深入的了解，在此基础上进行融会创新。那今天就向大家推荐一个能帮助我们了解插画发展历史、艺术流派及相关优秀艺术家的公益性网站 Illustration History （ 插画历史 ）。

这10个顶尖大神的作品，是我每日学习的源泉 我将分为 C4D 和插画两部分来介绍一下，在 Behance 和 Dribbble 上，小哈关注的宝藏设计师： 往期回顾 [link https://www.uisdc.com/10-ip-designer] [link https://www.uisdc.com/dribbble

阅读文章 >

Illustration History（插画历史） 网站直达： https://www.illustrationhistory.org/

Illustration History 是美国诺曼洛克威尔博物馆（Norman Rockwell Museum）的一个公益性项目网站，网站涵盖了插图艺术发展历史的综合性内容，旨在为艺术学者、教育工作者、学生和对插画艺术感兴趣的人们提供专业精确且可随时获取的资源。

Illustration History 网站分为历史（History）、艺术家（Artist）、流派（Genres）、随笔、资源、博客 6 个版块，其中历史、艺术家和流派这三个版块是网站的主要内容。

历史版块按时间线分阶段阐述不同时期插画的特征及表现，从史前时期、早期文明、地中海古典文明、中世纪，一直到 21 世纪 20 年代的插画发展状况在网站上都有介绍。从中我们可以了解到印刷技术的出现如何促进插画的发展、战争对插画发展的影响、数字技术对插画实践的颠覆等有趣的历史信息，也能明白插画是如何反映出不同时期人们的生活状态及社会发展问题的。

Illustration History 的历史版块的时间段

Illustration History 历史版块部分内容截图

头像如何画才能简单又传神？资深插画师6大步骤经验全分享！ 关于我：优设大课堂金牌讲师，高级原画师、插画师。

阅读文章 >

网站的艺术家版块目前共收录了 226 位优秀插画师的相关信息，而且还在持续更新，其中不乏一些我们熟悉的知名艺术家。这些艺术家处于不同的时代背景、文化环境，插画风格与所属的艺术流派也各不相同，很多艺术家的作品都能给我们带来非常新奇惊艳的感受，可以作为不错的插画灵感来源。

网站在艺术家详情页左右两侧提供了相关艺术家推荐、艺术家所处时代背景介绍以及其所处流派的介绍，对我们全面深入了解一个插画师来说非常方便。

Illustration History 的艺术家版块页面

网站对优秀艺术家 JC Leyendecker 的介绍（部分）

流派版块则是对不同插画类型的概述，比如广告插画、连环画、漫画、电影海报、书籍封面、故事板、科幻插画、概念艺术等。网站会详细介绍这种类型的兴起的原因、相关标准和涉及到的知名艺术家和作品，感兴趣的小伙伴可以做深入了解。

Illustration History 的流派版块页面

网站对概念插画的介绍（部分）

这5位优秀插画师的作品，是我每日学习的灵感源泉！ 大家好，我是和你们聊设计的花生~ 好久没有写插画方面的内容了，今天还是继续为大家推荐 5 位国外优秀的插画师~ 上期回顾： [link https://www.uisdc.com/paper-cut-posters] Febin Raj 「Behance 主页」 htt

阅读文章 >

除了以上的三个版块外，Illustration History 上的资源版块的内容也非常丰富。里面的一些艺术家访谈、免费插画图书栏目都有非常不错的内容，大家可以自行做更深入的探索哦~

Illustration History 的资源版块

以上就是今天推荐的插画历史网站 Illustration History，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友。如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答 ~

本文将从国内外到未来趋势介绍 NFT，带你搭建起 NFT 世界观。

NFT 超全入门指南：

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

阅读文章 >

开始前带各位看看几只猴子，这个 NFT 作品名为无聊猿，里面最高单价在 1600 万。选一个你认为最贵的作品，看看自己是否具有投资的眼光。

那 NFT 是不是就一张 jpg，我自己截图也有这么多钱了？不是的，因为你没有 nft 凭证。

什么是 NFT？

NFT 的全称是 Non-Fungible Token。

Non：我们都知道就是不的意思。 Fungible：是指同质化代币，比如说人民币，你和我都有我们可以交换。 Tkoen：翻成凭证会比较好解释，我们手里的纸币就是一种凭证，只是由不同的国家发行。 比如英镑是英国的，人民币是中国的。

中文全称为”非同质化代币”不可互换的意思。是用区块链技术给你的资产发放的唯一令牌，可以理解为虚拟世界里资产的所有权证书，它的的特点就在于“唯一”。

在应用中体现为两点：

鉴别真伪：NFT 现在主要应用在艺术加密领域，因为以前的数字艺术品很容易被复制，难以分辨真伪。现在有了 nft 技术，可以通过区块链上唯一的证书来确定归属人是谁。

更多收入：以往艺术品是一锤子买卖，现在通过 nft 技术加持每一次转卖，作者都能够得到版税。因为每一次转卖的价格经手人都会被记录在公证证书上，所有人都可以看到。所以现在世界上各大艺术拍卖行也在推进 nft 加密艺术品交易的完善。

吸引名人纷纷入场：

泰森：这张戴着头盔戴墨镜的猫咪头像，拳王泰森花了 19 万

库里：一身蓝毛的猴子头像，NBA 巨星库里花了 116 万

余文乐：以 277 万买下的像素点头像，这一开始可是随便领的

周杰伦：4 月 1 日愚人节的时候给周杰伦开了个大玩笑！他的 NFT 被盗，价值超 320 万。

这是 1 月份黄立成赠送给他的，也就是说他到手还不到三个月。

但后来周杰伦推出联名 NFT 直接赚了 6200 万。似乎发现了周杰伦不出专辑的原因了。

NFT 第一次出圈

在去年 3 月，有一个 NFT 作品在佳士得交易平台以 6934 万美元的卖出，它的价格是在世艺术家作品拍卖的第三高价。该作品的中文名叫《每一天:前 5000 天》因为这张图片是作者连续 5000 天，每天坚持一张作品的大集合。

图片细节：

NFT 第二次破纪录

过了 7 个月，一幅名字叫加密朋克#9998 的艺术品，卖出 124457 个 ETH，价值超过 5 亿美元。图片上看有着狂野的白发、黑色口红以及小丑眼睛特点。也是里面 3840 位女星之一。

而这头像还是用 AI 自动生成的，所有的头像都有朋克的感觉，所以叫加密朋克。

开始的时候，这一万个加密朋克大部分都在 1 美元，在后来的四年中，这一万个头像不断的被转卖，涨到了现在几百万美元价格。大家有没有觉得错过了一次发财的机会。

看看这些价值排名前 12 的加密朋克，要保持这种价值共识，只有老百姓的参与是不够的，很多大佬、大的企业机构也都开始入局，比如 VISA 就花了 15 万美元买了“加密朋克 7610 号”。

NFT 被玩坏了？

烧毁《傻子》

这幅画作名为《傻子》，是英国著名画家艺术家班克西于 2016 年创作的，画作描绘的是一场艺术品拍卖会，讽刺 1987 年拍卖梵高《向日葵》创纪录的销售历史，画作上写着「我真不敢相信你们这群傻子真的会买这个」，嘲笑那些在艺术品上斥巨资的收藏家。

最后该《傻子》的 NFT 版以将近原价 4 倍的价格售出，约合人民币 247 万元。

还有更离谱的！

如果头像起码还是个图像的话，那么前段时间爆火的纯文字 NFT 就让人很费解了。黑色背景加上 ” 骨头做的法杖 ” 、 ” 亚麻袍子 ” 、 ” 皮腰带 ” 等等意思的白字，就价值 10 多万人民币。

从 JGP 退化到 TXT，这下可以连画画都省了。

更奇葩的还要是这个计算器截图 NFT。或许，这就是真正的加密艺术吧！

国内外的区别

大家看到这先别激动，像这样赚钱发财的也只有在国外了，在国内的 NFT 环境中还是有许多的差异。因为在国内没有 NFT，只有不可交易的数字藏品。

我把国内外差异通过表格进行了梳理，帮助大家直观的理解。

最大的不同可以体现在这几个方面：

发行：国内上的是私有链相对私有化，相对不透明不稳定。 交易：国内只能通过使用人民币购买，不能在二级市场交易。 所以在国内不能击鼓传花也没有任何资本属性，更不能成为资产。在国内想要从 NFT 里获利会比较困难。当然即便如此，仍然⽆法阻挡⼀些炒作。咱们来看看国内的 NFT 市场的情况。

国内市场

腾讯、字节、阿里等大厂后而现在连新华社都开始发行了国家级的 nft。国内的发展可以用一个字来形容就是“乱”，可以先从支付宝讲起。

1. 支付宝

去年阿里巴巴与敦煌美术研究所联合发布了敦煌飞天和九色鹿皮，拿到手的用户可以在支付宝的付款码页面获得新皮肤。

并且除了好看没有其他功能，还不能交易。很多人就拿去闲鱼卖，从发售价 9.9 元炒作到 150 万一个，到处都是骗子，最后整体被官方下架。

2. 亚运会

后来政府机构也参与其中，杭州亚运会和支付宝合作发布的首款 NFT 数字火炬，发售价是 39 元，其价格一度被炒至 300 万元。

尽管支付宝对亚运会数字火炬设置了 180 天的转赠限制期，并强调转赠功能不能以任何形式的变相炒作，但在一些群组里，还是有人以线下签署转赠协议的方式在进行交易。

3. 冬奥会

大家还记得冰墩墩吗？

当时不仅实体版的冰墩墩抢不到，数字版的冰墩墩也“一墩难求” 2 月 8 日发售时冰墩墩数字盲盒的总数为 500 个，每个 99 美元，每人限购 5 个。在发售 3 小时后就售罄了。等 6 天后就已经涨到 700 美元了。

4. 站酷知产

当然除了理财外，也有能为创作者提供实质有益的服务，比如站酷的知产，通过上传自己的作品截图进行区块链版权登记。

在自身作品受到版权侵害时，通过天平链上的登记证明，就可以当作有力证据。

如何通过 NFT 获益

那么普通人该如何在 NFT 里获益呢？我们可以选择这两个方向：

当收藏者

一定要是自己熟悉的行业，才有鉴别艺术品的能力，比如说你是 NBA 的球迷，可以收藏 NBA 的球星卡，选择一个你看好的新秀然后收藏下来坐等起飞。

当创作者

设计师 可以踊跃地参与进来，制作音频或者图像，通过以下平台进行加密上传，然后坐等有缘人。

目前这两个是 NFT 比较大的平台，通过简单的上传将图片摇身一变为 NFT 作品。

不过除了把作品变为 NFT 进行售卖外，还可以利用 NFT 来进行各种品牌营销，在国内已经有大量的品牌参与其中，比如江小白以 NFT 作为营销手段，推出江小白回蓝战士。为品牌方带来 3 倍的流量，创造了超出日常 16 倍的单日销售额。

NFT 未来趋势

看到这里相信各位看官已经对 NFT 有了基本的世界观，在本文的最后我将 NFT 未来的一些趋势进行了梳理，希望大家对 NFT 能看得见的现在，望得见的未来。

在这之前，我们先了解一下 NFT 价值的三大支撑。分别是故事性、收藏性、可用性。

一件艺术品 NFT 可能具有独特的特征或名称，从而使其变得稀缺，但只要持有者无法使用它，它仍将是一件收藏品，所以 NFT 还需要故事和收藏/流通的价值。

王者荣耀：就为每个角色拍摄了短片，赋予人物故事。 虎年邮票：由官方的背书，转售方便，具有很高的收藏价值。 游戏皮肤：人物外观好看，同时可以展示给别人看，并且有属性上的加成。 1. 游戏 X NFT

在传统游戏里面的道具并不完全属于玩家。深究起来道具其实是被锁定在游戏中的。首先道具的属性、使用、数量和价格的决定权被发行商牢牢抓住。其次游戏中断或关闭，游戏内的道具也都会消失，最终拥有游戏及其内容知识产权的是开发者和发行商。

当游戏遇上 NFT 会发生什么？

比如 NFT 知名游戏 Axie Infinity，它的玩法是玩家可以购买类似神奇宝贝的怪物进行对战。厂商将游戏内的所有权和管理权下放，所以任何决策和财产的积累会由玩家决定而不是开发者，它运用独特的商业系统打造了一个较为合理的虚拟国度。在越南和菲律宾，许多玩家真的辞掉了自己的工作，每天在 AxieInfinity 游戏中投入几个小时就能过上更好的生活。

甚至有一部专门的纪录片《PLAY-TO-EARN | NFT Gaming in the Philippines》，介绍“边玩边赚”游戏到底是如何改善菲律宾偏远地区人民生活的。

2. 音乐 X NFT

音乐 NFT 的发展十分迅速，不管是艺人工作室还是音乐平台都在纷纷入局。

音乐 NFT 看起来像是在网易、itunes 上购买歌曲的替代品。但其实只是购买了听音乐权，只是一个许可罢了。相比之下 NFT 音乐可以让你拥有真正的所有权。从投资的角度看，如果购买的歌手成功了，他们投资的音乐 NFT 也会随之升值。

3. 电影 X NFT

在艺术和音乐行业进行了大规模革命之后，未来改变最大的可能是“电影业”。因为 NFT 可以在电影的发行、制作、销售去解决问题。

发行：每进行一次销售，都能拿到版税。

制作：如《女性世界》将由 NFT 作品角色打造，将众多角色编写成一部电影，而在电影里拥有角色的发言权。

销售：如《黑客帝国》发布了一些系列的 IP 进行宣传销售。

在未来 NFT 作品和电影互相转化或是一个趋势。

4. 时尚 X NFT

时尚 NFT 是一种代币化的可穿戴物品，例如衣服、配饰和鞋子，可以在虚拟世界里展示使用，并且不用担心仿冒品的出现。例如 Gucci Virtual 25 可通过 AR 的形式在现实世界中实现穿搭。

还有各大奢侈品牌都在涉水 NFT。比如 BURBERRY 和 DG Family 都参与了进来。

Gucci 就在去年举办了 元宇宙 时装周有 40,000 的人参与了进来，之后 NFT 也在时尚行业迅速流行开来。

结语

在未来会有更多虚拟场景+NFT 的组合，各圈层还有格局未打开，在虚拟经济的带领下，会有更多变化发生！当然机会和风险肯定是并存的，在 NFT 世界坑也很多，比如正在流行的碎片化 NFT，通过将艺术品分为多份降低其售价，金融玩法非常重。 在这圈子里流量是唯一的衡量标准，比如:1.朋克 9998 有可能是左右手倒腾；2.买 beeple 作品的人，是为了炒作，因为其本身是加密货币的发行者。

最后希望本文能让你建立起 NFT 世界观，因为篇幅的限制本期很多没有细说，比如 NFT 作品特点等，后期咱再来填坑吧。

欢迎关注作者微信公众号：「丸子设计说」

一个小小的播放页，虽然看上去那么的不起眼，但为了满足各类用户人群的特定需求，QQ 音乐就设计了 37 个功能，11 种分享方式…

拓展阅读：

从QQ音乐10.0的产品体验背后，聊聊聚焦Z世代的内容战役 各位好，我又来讲故事了：一个平静的夏日打开了QQ音乐，开屏视频（背景音乐100分）映入眼帘：「奇怪形状」的ip与粉白背景可可爱爱，接着首页出现了，咋一看是个连皮肤都懒得换的大版本更新，对设计师来说一点都不兴奋。

阅读文章 >

你是否每天都在使用 QQ 音乐收听歌曲，但是你有没有观察到 QQ 音乐的播放页其实藏着很多功能。一个小小的播放页，虽然看上去那么的不起眼，仿佛它的功能只是用来切歌、看歌词和单曲循环，但随着 QQ 音乐社交化、娱乐化的发展，如今这个播放页已经成为了一个重要的聚合页入口。本期「设计大侦探」的「细节猎人」，为你解剖 QQ 音乐播放页的 37 个功能，11 种分享方式以及 17 种歌曲海报。

歌曲 「歌曲」是播放页的默认分类，这个分类的功能比较多，所以我把它拆分为「个性化设置」、「听歌场景」、「音乐工具」和「分享方式」四种类型。「个性化设置」和「音乐工具」为用户提供多种音乐偏好的设置，满足各类用户需求，特别是音乐发烧友；「听歌场景」则是根据场景划分听歌需求，用户可以 K 歌、发起跟听，甚至邀请好友一起听，把听歌的行为社交娱乐化；「分享方式」则是利用腾讯强大的社交生态优势，为用户设计了丰富多样化的分享方式和个性化海报，吸引用户分享，传播，从而拉新引流。

个性化设置

银河音效

「银河音效」是为了满足各种耳机发烧友对音质的追求。「银河音效」按照重低音、环绕、曲风等类型进行分类，多达数十种，完美解决各类用户人群的需求。平台还推出独家定制音效，支持适配各类品牌耳机、音响和汽车，吸引用户购买 VIP 会员，激活变现。另外 QQ 音乐还推出一个「声音实验室」的栏目，包含了智能煲机（帮助耳机快速达到最佳状态）、4D 震动和动感闪光，黑科技赋能，让音乐更有趣。

播放设置

「播放设置」是一个为用户提供对音乐播放进行个性化设置的功能，包括无缝播放、淡入/淡出、音量平衡、智能音质增强等功能，可以满足某部分有特定音乐需求的用户。

播放器样式

平台为用户提供了多种播放器样式，包含了黑胶唱机（深、浅）、静态方形、旋转圆形、静态圆形、歌手写真等样式，还支持智能光效和音乐影片的播放背景，满足各类用户对播放器样式个性化设置的需求。

个性主题

「个性主题」为用户提供了丰富多样的主题装扮和头像挂件，包含明星、星座、影视、文艺等各种主题，当用户使用以后，整个 QQ 音乐的界面风格都会随之改变，这就像以前的 QQ 空间装扮，一键换肤，个性又时尚，深受年轻用户喜欢。「个性主题」作为为 QQ 会员独家专享打造的板块，是实现商业变现的重要手段。

收藏和屏蔽

当你喜欢某首歌曲的时候，你可以点击收藏，自动添加到你的默认歌单，这样对用户建立自己的歌单非常有帮助，从而提高用户留存率。而如果你不喜欢它的曲风，或者特别讨厌，你只需要点击屏蔽，平台在播放时会自动跳过，非常方便。

听歌场景

唱歌

「唱歌」是直接跳转到腾讯的另外一款音乐产品全民 K 歌，当用户听歌的时候突然想唱歌，那么可以直接进入全民 K 歌，有效降低用户的流失率，满足用户多场景的需求。

跟听

「跟听」是一个非常有趣的功能，用户进入跟听模式以后，可以邀请朋友加入自己的播放列表，也可以跟听其他用户的歌单。「跟听」为听歌增加了社交互动的属性，目前功能还比较简单，但让听歌的场景变得有趣、好玩。

一起听

「一起听」是一个社交互动式的听歌功能，用户可以邀请好友一起听歌。当朋友进入后，还支持发表情，就像一个聊天室。这就像是专门为一些年轻小情侣量身定制的听歌场景一样，平台还会为用户生成听歌记录，比如一起听歌的时间，听过的歌曲等，甚至还会生成一个心动等级，激发用户为了更高等级使用这个功能。

驾驶模式

「驾驶模式」非常简洁，系统会自动检测用户听歌的环境自动切换。这个功能的设计充分考虑了用户驾车时候需要换歌的场景，提供了语音找歌、个性电台、我喜欢的歌单、最近播放和电台，省去了用户开车时候不方便换歌的痛点， 用户体验 非常友好。

评论

一边听歌一边看评论已经成为现在年轻用户非常喜欢的听歌方式，在评论里，可以找到这首歌很多感人的故事，引发共鸣，勾起回忆。用户进入评论后，除了可以看见其他用户的精彩评论，还可以进入歌手的扑通小组（类似贴吧），和其他歌迷一起交流，从而增加用户时间，提升用户留存率。

音乐工具

片段播放

「片段播放」提供按歌词选和按音轨选两种形式，用户可以自由裁取需要循环的片段反复收听。这有点像过去我们使用 MP3 或复读机收听歌曲那样，功能虽然简单，但可以满足某些特定场景使用。

倍速播放

用户可设置歌曲播放的倍速，支持 0.5x 到 2.0x 播放，这个功能在听书的时候特别实用，非常方便。

定时关闭

用户在音乐播放中可开启定时关闭功能，比如 15 分钟、60 分钟等，这个功能在助眠的时候非常方便，当你慢慢睡着的时候，音乐也随之关闭。

设备投放

「设备投放」就是支持音乐投放到电视等其他电子设备，当一群朋友在家里为你过生日的时候，你可以把你的歌单直接投屏到电视，让大家一起陶醉在美好的音乐夜晚。

设置铃声

当你觉得某首歌曲特别好听，想把它设置为铃声的时候，你不用去应用市场搜寻其它工具，你只需要进入「设置铃声」，你可以自己截取喜欢的音乐片段，系统也会自动智能截选一段精彩的铃声。在右上角提供了详细的铃声设置流程，教程非常简单。其次 QQ 音乐还有一个铃声专区，里面提供了海量的铃声选择。

查看曲谱

查看曲谱是一个非常实用的功能，对于很多音乐爱好者来说，当在某个夜晚抱着吉他想弹奏某一首歌曲，你只需要打开「查看曲谱」，里面包含了智能吉他曲谱、智能尤克里里曲谱以及五线谱/六线谱/简谱。进入曲谱后，你还可进行自由编辑，比如编辑和弦、更改时值等。这种实用不起眼的小功能，对提升用户的满意度非常有帮助，可以抢夺用户时间，降低用户流失率。

分享方式

分享给好友

用户可以把歌曲分享给微信好友、QQ 好友，还可以通过私信方式分享给 QQ 音乐好友。

设置听歌状态

利用腾讯强大的产品生态，用户还可以把听歌状态同步到微信和 QQ，这不仅可以满足年轻用户个性化的追求，还能通过外部触发拉新引流。

分享到社区

用户可以把歌曲分享到朋友圈、QQ 空间、扑通动态和新浪微博，吸引用户分享传播，拉新引流。

歌曲海报

音乐卡片

「音乐卡片」为用户提供了 8 种精美的风格，有复古怀旧的磁带、CD 风格，有黑白胶唱机风格，还有专属的 VIP 会员专享风格。卡片内容包含歌曲的封面、歌名、歌手、音乐指数和过去 24 小时收听人数等信息，目的是为了吸引更多的用户扫码听歌，其次 VIP 会员卡片还加入了 QQ 音乐豪华绿钻音乐卡片标识，彰显 VIP 会员地位。

歌词海报

在以前磁带、CD 时代，抄歌词是广大音乐爱好者最美丽的回忆之一，「歌词海报」就是利用这样的分享场景，支持用户选择任意歌词，然后生成个性化的海报。「歌词海报」不仅提供了海量的背景图片，还支持用户自己上传，甚至还提供歌词字体选择，吸引用户主动分享。

高光视频

「高光视频」就是一段 30 秒的音频，提供了 6 个精美的模版，用户保存到手机后，可以短视频的形式分享到视频号、朋友圈等平台，和静态的海报不同，这样的传播形式更能引起其他用户的关注，从而拉新引流。

微信状态卡片

「微信状态卡片」为 QQ 音乐绿钻会员专享，为会员提供了多种精美的状态卡片，用户需要选择两行歌词，然后才能生成。这样个性化的设置同步到微信状态后，更能引起追求个性的年轻用户关注。

歌词视频

「歌词视频」相比高光视频，功能更丰富，首先不限制用户选择歌词数量，其次提供了风景、科幻、自然等不同主题的视频模版，而且还支持用户自己拍摄。用户还可以选择音乐播放的起点，添加视频动效和滤镜。通过这样短视频的方式吸引用户分享到视频号以及更多的短视频平台，传播拉新。

歌词 1. 弹幕

听歌弹幕就像视频弹幕，用户可以边听歌边发弹幕聊天，这是一个年轻用户非常喜欢的功能，用巴甫洛夫效应来解释，这就是用户对源源不断弹出的弹幕充满了期待，从而增加了听歌乐趣，提升用户使用时间。

2. 歌词动效

「歌词动效」为用户提供了多种个性化模版，满足年轻用户的各种个性化需求，其次也是实现商业变现的方式之一，用户需要开通 SVIP 才能享受更多精美的动效模版。

3. 歌词设置

用户可以调整歌词的字体大小、简繁转换、调整进度，还可以制作歌词海报进行分享。其中歌词海报支持静态图海报和视频海报制作，还提供了多种精美模版，吸引用户分享传播。

推荐 1. 歌曲信息

用户可以查看歌曲详细信息，包括歌手、专辑、发布时间以及详细的制作详情。

2. 音乐指数

「音乐指数」是一个非常创新的功能，QQ 音乐根据用户听歌的次数、搜索的次数制定了一个官方的指数评级。用户可以从这个页面看到歌曲的实时数据，包括今日、昨日音乐指数、全站排名、上升趋势和歌曲成就等。

3. 相关推荐

根据歌曲的曲风，平台会推荐相关歌曲，这有点像私人电台；其次平台还收录了歌曲的各种演绎版本，这真的非常方便，你可以轻松切换自己喜欢的版本；最后为用户推荐包含此歌曲的歌单、节目和视频，彻底抢占用户的时间。

总结 QQ 音乐的播放页设计，可以说把腾讯系 产品设计 的风格发挥得淋漓尽致。为用户提供各种丰富多样的个性化设置和音乐工具，播放器样式、银河音效、个性主题、歌词动效、曲谱、铃声，只有你想不到的，没有 QQ 音乐无法提供的。然后当你想要享受更多特权，你就需要付费开通 VIP，这简直就是腾讯系产品的杀手锏，准备了一千种方式和场景让你很自然的掏腰包。

其次把社交基因发挥到极致。跟听、一起听、弹幕这些都是为了活跃度最高、消费意愿最强的小情侣、小年轻用户准备的。也许有部分用户会质疑，我从来不使用这些功能，但作为一个月活超过 2 亿的平台型产品，QQ 音乐拥有众多各年龄阶段的用户，这就像上期我们分享的《顺丰速运为用户准备了 18 种寄件方式》一样，看似多余复杂，但其实是为了满足各类用户人群的特定需求。

18种寄件方式！从7个方面拆解「顺丰速运」的产品设计 顺丰把快递这个简单的消费行为按不同的场景、空间、时间、功能和用户划分，为用户提供了多达 18 种寄件方式！

阅读文章 >

我们无法改变世界，但可以一起拆解那些改变世界的产品！

欢迎关注作者微信公众号：「设计大侦探」

本文将从国内外到未来趋势介绍 NFT，带你搭建起 NFT 世界观。

NFT 超全入门指南：

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

阅读文章 >

开始前带各位看看几只猴子，这个 NFT 作品名为无聊猿，里面最高单价在 1600 万。选一个你认为最贵的作品，看看自己是否具有投资的眼光。

那 NFT 是不是就一张 jpg，我自己截图也有这么多钱了？不是的，因为你没有 nft 凭证。

什么是 NFT？

NFT 的全称是 Non-Fungible Token。

Non：我们都知道就是不的意思。 Fungible：是指同质化代币，比如说人民币，你和我都有我们可以交换。 Tkoen：翻成凭证会比较好解释，我们手里的纸币就是一种凭证，只是由不同的国家发行。 比如英镑是英国的，人民币是中国的。

中文全称为”非同质化代币”不可互换的意思。是用区块链技术给你的资产发放的唯一令牌，可以理解为虚拟世界里资产的所有权证书，它的的特点就在于“唯一”。

在应用中体现为两点：

鉴别真伪：NFT 现在主要应用在艺术加密领域，因为以前的数字艺术品很容易被复制，难以分辨真伪。现在有了 nft 技术，可以通过区块链上唯一的证书来确定归属人是谁。

更多收入：以往艺术品是一锤子买卖，现在通过 nft 技术加持每一次转卖，作者都能够得到版税。因为每一次转卖的价格经手人都会被记录在公证证书上，所有人都可以看到。所以现在世界上各大艺术拍卖行也在推进 nft 加密艺术品交易的完善。

吸引名人纷纷入场：

泰森：这张戴着头盔戴墨镜的猫咪头像，拳王泰森花了 19 万

库里：一身蓝毛的猴子头像，NBA 巨星库里花了 116 万

余文乐：以 277 万买下的像素点头像，这一开始可是随便领的

周杰伦：4 月 1 日愚人节的时候给周杰伦开了个大玩笑！他的 NFT 被盗，价值超 320 万。

这是 1 月份黄立成赠送给他的，也就是说他到手还不到三个月。

但后来周杰伦推出联名 NFT 直接赚了 6200 万。似乎发现了周杰伦不出专辑的原因了。

NFT 第一次出圈

在去年 3 月，有一个 NFT 作品在佳士得交易平台以 6934 万美元的卖出，它的价格是在世艺术家作品拍卖的第三高价。该作品的中文名叫《每一天:前 5000 天》因为这张图片是作者连续 5000 天，每天坚持一张作品的大集合。

图片细节：

NFT 第二次破纪录

过了 7 个月，一幅名字叫加密朋克#9998 的艺术品，卖出 124457 个 ETH，价值超过 5 亿美元。图片上看有着狂野的白发、黑色口红以及小丑眼睛特点。也是里面 3840 位女星之一。

而这头像还是用 AI 自动生成的，所有的头像都有朋克的感觉，所以叫加密朋克。

开始的时候，这一万个加密朋克大部分都在 1 美元，在后来的四年中，这一万个头像不断的被转卖，涨到了现在几百万美元价格。大家有没有觉得错过了一次发财的机会。

看看这些价值排名前 12 的加密朋克，要保持这种价值共识，只有老百姓的参与是不够的，很多大佬、大的企业机构也都开始入局，比如 VISA 就花了 15 万美元买了“加密朋克 7610 号”。

NFT 被玩坏了？

烧毁《傻子》

这幅画作名为《傻子》，是英国著名画家艺术家班克西于 2016 年创作的，画作描绘的是一场艺术品拍卖会，讽刺 1987 年拍卖梵高《向日葵》创纪录的销售历史，画作上写着「我真不敢相信你们这群傻子真的会买这个」，嘲笑那些在艺术品上斥巨资的收藏家。

最后该《傻子》的 NFT 版以将近原价 4 倍的价格售出，约合人民币 247 万元。

还有更离谱的！

如果头像起码还是个图像的话，那么前段时间爆火的纯文字 NFT 就让人很费解了。黑色背景加上 ” 骨头做的法杖 ” 、 ” 亚麻袍子 ” 、 ” 皮腰带 ” 等等意思的白字，就价值 10 多万人民币。

从 JGP 退化到 TXT，这下可以连画画都省了。

更奇葩的还要是这个计算器截图 NFT。或许，这就是真正的加密艺术吧！

国内外的区别

大家看到这先别激动，像这样赚钱发财的也只有在国外了，在国内的 NFT 环境中还是有许多的差异。因为在国内没有 NFT，只有不可交易的数字藏品。

我把国内外差异通过表格进行了梳理，帮助大家直观的理解。

最大的不同可以体现在这几个方面：

发行：国内上的是私有链相对私有化，相对不透明不稳定。 交易：国内只能通过使用人民币购买，不能在二级市场交易。 所以在国内不能击鼓传花也没有任何资本属性，更不能成为资产。在国内想要从 NFT 里获利会比较困难。当然即便如此，仍然⽆法阻挡⼀些炒作。咱们来看看国内的 NFT 市场的情况。

国内市场

腾讯、字节、阿里等大厂后而现在连新华社都开始发行了国家级的 nft。国内的发展可以用一个字来形容就是“乱”，可以先从支付宝讲起。

1. 支付宝

去年阿里巴巴与敦煌美术研究所联合发布了敦煌飞天和九色鹿皮，拿到手的用户可以在支付宝的付款码页面获得新皮肤。

并且除了好看没有其他功能，还不能交易。很多人就拿去闲鱼卖，从发售价 9.9 元炒作到 150 万一个，到处都是骗子，最后整体被官方下架。

2. 亚运会

后来政府机构也参与其中，杭州亚运会和支付宝合作发布的首款 NFT 数字火炬，发售价是 39 元，其价格一度被炒至 300 万元。

尽管支付宝对亚运会数字火炬设置了 180 天的转赠限制期，并强调转赠功能不能以任何形式的变相炒作，但在一些群组里，还是有人以线下签署转赠协议的方式在进行交易。

3. 冬奥会

大家还记得冰墩墩吗？

当时不仅实体版的冰墩墩抢不到，数字版的冰墩墩也“一墩难求” 2 月 8 日发售时冰墩墩数字盲盒的总数为 500 个，每个 99 美元，每人限购 5 个。在发售 3 小时后就售罄了。等 6 天后就已经涨到 700 美元了。

4. 站酷知产

当然除了理财外，也有能为创作者提供实质有益的服务，比如站酷的知产，通过上传自己的作品截图进行区块链版权登记。

在自身作品受到版权侵害时，通过天平链上的登记证明，就可以当作有力证据。

如何通过 NFT 获益

那么普通人该如何在 NFT 里获益呢？我们可以选择这两个方向：

当收藏者

一定要是自己熟悉的行业，才有鉴别艺术品的能力，比如说你是 NBA 的球迷，可以收藏 NBA 的球星卡，选择一个你看好的新秀然后收藏下来坐等起飞。

当创作者

设计师 可以踊跃地参与进来，制作音频或者图像，通过以下平台进行加密上传，然后坐等有缘人。

目前这两个是 NFT 比较大的平台，通过简单的上传将图片摇身一变为 NFT 作品。

不过除了把作品变为 NFT 进行售卖外，还可以利用 NFT 来进行各种品牌营销，在国内已经有大量的品牌参与其中，比如江小白以 NFT 作为营销手段，推出江小白回蓝战士。为品牌方带来 3 倍的流量，创造了超出日常 16 倍的单日销售额。

NFT 未来趋势

看到这里相信各位看官已经对 NFT 有了基本的世界观，在本文的最后我将 NFT 未来的一些趋势进行了梳理，希望大家对 NFT 能看得见的现在，望得见的未来。

在这之前，我们先了解一下 NFT 价值的三大支撑。分别是故事性、收藏性、可用性。

一件艺术品 NFT 可能具有独特的特征或名称，从而使其变得稀缺，但只要持有者无法使用它，它仍将是一件收藏品，所以 NFT 还需要故事和收藏/流通的价值。

王者荣耀：就为每个角色拍摄了短片，赋予人物故事。 虎年邮票：由官方的背书，转售方便，具有很高的收藏价值。 游戏皮肤：人物外观好看，同时可以展示给别人看，并且有属性上的加成。 1. 游戏 X NFT

在传统游戏里面的道具并不完全属于玩家。深究起来道具其实是被锁定在游戏中的。首先道具的属性、使用、数量和价格的决定权被发行商牢牢抓住。其次游戏中断或关闭，游戏内的道具也都会消失，最终拥有游戏及其内容知识产权的是开发者和发行商。

当游戏遇上 NFT 会发生什么？

比如 NFT 知名游戏 Axie Infinity，它的玩法是玩家可以购买类似神奇宝贝的怪物进行对战。厂商将游戏内的所有权和管理权下放，所以任何决策和财产的积累会由玩家决定而不是开发者，它运用独特的商业系统打造了一个较为合理的虚拟国度。在越南和菲律宾，许多玩家真的辞掉了自己的工作，每天在 AxieInfinity 游戏中投入几个小时就能过上更好的生活。

甚至有一部专门的纪录片《PLAY-TO-EARN | NFT Gaming in the Philippines》，介绍“边玩边赚”游戏到底是如何改善菲律宾偏远地区人民生活的。

2. 音乐 X NFT

音乐 NFT 的发展十分迅速，不管是艺人工作室还是音乐平台都在纷纷入局。

音乐 NFT 看起来像是在网易、itunes 上购买歌曲的替代品。但其实只是购买了听音乐权，只是一个许可罢了。相比之下 NFT 音乐可以让你拥有真正的所有权。从投资的角度看，如果购买的歌手成功了，他们投资的音乐 NFT 也会随之升值。

3. 电影 X NFT

在艺术和音乐行业进行了大规模革命之后，未来改变最大的可能是“电影业”。因为 NFT 可以在电影的发行、制作、销售去解决问题。

发行：每进行一次销售，都能拿到版税。

制作：如《女性世界》将由 NFT 作品角色打造，将众多角色编写成一部电影，而在电影里拥有角色的发言权。

销售：如《黑客帝国》发布了一些系列的 IP 进行宣传销售。

在未来 NFT 作品和电影互相转化或是一个趋势。

4. 时尚 X NFT

时尚 NFT 是一种代币化的可穿戴物品，例如衣服、配饰和鞋子，可以在虚拟世界里展示使用，并且不用担心仿冒品的出现。例如 Gucci Virtual 25 可通过 AR 的形式在现实世界中实现穿搭。

还有各大奢侈品牌都在涉水 NFT。比如 BURBERRY 和 DG Family 都参与了进来。

Gucci 就在去年举办了 元宇宙 时装周有 40,000 的人参与了进来，之后 NFT 也在时尚行业迅速流行开来。

结语

在未来会有更多虚拟场景+NFT 的组合，各圈层还有格局未打开，在虚拟经济的带领下，会有更多变化发生！当然机会和风险肯定是并存的，在 NFT 世界坑也很多，比如正在流行的碎片化 NFT，通过将艺术品分为多份降低其售价，金融玩法非常重。 在这圈子里流量是唯一的衡量标准，比如:1.朋克 9998 有可能是左右手倒腾；2.买 beeple 作品的人，是为了炒作，因为其本身是加密货币的发行者。

最后希望本文能让你建立起 NFT 世界观，因为篇幅的限制本期很多没有细说，比如 NFT 作品特点等，后期咱再来填坑吧。

欢迎关注作者微信公众号：「丸子设计说」

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

一直都在向大家推荐国外优秀的插画师，希望这些大神的作品能够给大家的创作带来灵感。其实除了多看优秀的插画作品，多了解插画的发展历史、艺术流派等方面的知识也非常重要，能让我们对不同风格的插画有更深入的了解，在此基础上进行融会创新。那今天就向大家推荐一个能帮助我们了解插画发展历史、艺术流派及相关优秀艺术家的公益性网站 Illustration History （ 插画历史 ）。

这10个顶尖大神的作品，是我每日学习的源泉 我将分为 C4D 和插画两部分来介绍一下，在 Behance 和 Dribbble 上，小哈关注的宝藏设计师： 往期回顾 [link https://www.uisdc.com/10-ip-designer] [link https://www.uisdc.com/dribbble

阅读文章 >

Illustration History（插画历史） 网站直达： https://www.illustrationhistory.org/

Illustration History 是美国诺曼洛克威尔博物馆（Norman Rockwell Museum）的一个公益性项目网站，网站涵盖了插图艺术发展历史的综合性内容，旨在为艺术学者、教育工作者、学生和对插画艺术感兴趣的人们提供专业精确且可随时获取的资源。

Illustration History 网站分为历史（History）、艺术家（Artist）、流派（Genres）、随笔、资源、博客 6 个版块，其中历史、艺术家和流派这三个版块是网站的主要内容。

历史版块按时间线分阶段阐述不同时期插画的特征及表现，从史前时期、早期文明、地中海古典文明、中世纪，一直到 21 世纪 20 年代的插画发展状况在网站上都有介绍。从中我们可以了解到印刷技术的出现如何促进插画的发展、战争对插画发展的影响、数字技术对插画实践的颠覆等有趣的历史信息，也能明白插画是如何反映出不同时期人们的生活状态及社会发展问题的。

Illustration History 的历史版块的时间段

Illustration History 历史版块部分内容截图

头像如何画才能简单又传神？资深插画师6大步骤经验全分享！ 关于我：优设大课堂金牌讲师，高级原画师、插画师。

阅读文章 >

网站的艺术家版块目前共收录了 226 位优秀插画师的相关信息，而且还在持续更新，其中不乏一些我们熟悉的知名艺术家。这些艺术家处于不同的时代背景、文化环境，插画风格与所属的艺术流派也各不相同，很多艺术家的作品都能给我们带来非常新奇惊艳的感受，可以作为不错的插画灵感来源。

网站在艺术家详情页左右两侧提供了相关艺术家推荐、艺术家所处时代背景介绍以及其所处流派的介绍，对我们全面深入了解一个插画师来说非常方便。

Illustration History 的艺术家版块页面

网站对优秀艺术家 JC Leyendecker 的介绍（部分）

流派版块则是对不同插画类型的概述，比如广告插画、连环画、漫画、电影海报、书籍封面、故事板、科幻插画、概念艺术等。网站会详细介绍这种类型的兴起的原因、相关标准和涉及到的知名艺术家和作品，感兴趣的小伙伴可以做深入了解。

Illustration History 的流派版块页面

网站对概念插画的介绍（部分）

这5位优秀插画师的作品，是我每日学习的灵感源泉！ 大家好，我是和你们聊设计的花生~ 好久没有写插画方面的内容了，今天还是继续为大家推荐 5 位国外优秀的插画师~ 上期回顾： [link https://www.uisdc.com/paper-cut-posters] Febin Raj 「Behance 主页」 htt

阅读文章 >

除了以上的三个版块外，Illustration History 上的资源版块的内容也非常丰富。里面的一些艺术家访谈、免费插画图书栏目都有非常不错的内容，大家可以自行做更深入的探索哦~

Illustration History 的资源版块

以上就是今天推荐的插画历史网站 Illustration History，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友。如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答 ~

标签可以帮助传达信息，进行产品分类，进行营销分流等。本文围绕 标签 规范设计方法进行分析，总结了一些方法论，希望对你有帮助。

拓展阅读：

Tabs标签页如何设计？我总结了这10个方法 Tabs 标签页又称选项卡（以下简称标签页），它是一种高效的屏幕空间利用手段，映射非常接近卡片的目录索引，用户可以基于索引标签，快速定位到目标中内容中去，这也是大多数用户来自现实世界的经验。

阅读文章 >

前言 标签是我们最常用的设计组件之一，由于功能强大，使用场景多样化深受喜爱。好的 标签设计 就像一剂完美的助攻，可以用于信息的传达、建立操作预知，可以帮用户及产品进行分类，也可以进行营销分流与智能场景的运用，能帮助用户完成当前的任务，帮助产品达到业务目标。鉴于其重要性和多样化，建立一套标签视觉规范更好的去赋能和指导设计尤为重要。以下内容是针对我司业务所做的标签规范过程中的一些思考和探索…

目录

标签的定义 百度释义：「网络标签(Tag)是一种互联网内容组织方式，是相关性很强的关键字，它帮助人们轻松的描述和分类内容，以便于检索和分享，Tag 已经成为 web 2.0 的重要元素。标签将内容的组织权利从网站管理者下放到用户手中，充分体现了 web2.0 自下而上，用户参与的特点」

标签体系在产品设计过程中是非常重要的，也是设计连接前后端同学将业务需求在开发落地中不可或缺的一部分。科学的标签设计会根据业务需求+品牌理念的设计策略，此类标签拥有独特的视觉符号，方便用户快速识别，提升信息转化的效率。

标签相当于连接内容的“传声筒”，其音量的大小可以影响到用户的决策。依托于用户场景，将重点信息内容透传给用户侧，对提升用户对内容的认知度有所帮助，辅助用户决策，即标签的价值。

简而言之，标签就是结合产品内容和特征提炼出的一种关键词，便于用户根据自身需求查找和使用的一种描述和定义。用户最终通过标签进行信息反馈和交互操作。

标签的组成元素 标签由颜色、文字、形状等元素组成，每个元素相辅相成，和谐统一。

1. 颜色 颜色是标签设计中的一个重要元素，可以帮助用户快速识别，提升信息转化的效率。标签的颜色应用上不仅要清晰，精准，高效的传达信息，同时在多种颜色组合中也要兼顾着品牌。所以建立一套颜色板可以更好的方便标签的设计应用，建立的色板的原则是什么？以及有哪些方法来指导颜色板的建立呢？待我一一揭晓…

色彩模式选择

色彩模式是数字世界中表示颜色的一种算法。在数字世界中，为了表示各种颜色，人们通常将颜色划分为若干分量。由于成色原理的不同，决定了生成颜色方式上的区别。日常生活中有哪些常用色彩模式？

RGB 模式：以“加色混合”的方式，由红、绿、蓝（三原色），三色混合，表现出各种的颜色，我们的计算机屏幕就使用这种方式表现颜色。这种色彩表现方式，称为 RGB 色彩。适用于显示器、投影仪、扫描仪、数码相机等。

CMYK 模式：以“减法原则”成色，物体色彩的反射色，是用画具或染料、油墨等“色材”来表现颜色，印刷品基本是由青、洋红、黄、黑四种油墨相互组合而成，这种方式称为 CMYK 色彩。适用于打印机、印刷机等。

HSB 模式：以人类对颜色的感觉为基础，描述了颜色的三种基本特性。它以色相（H）、饱和度（S）和亮度（B）来描述颜色的基本特征，为将自然颜色转换为计算机创建的色彩提供了一种直接方法。

学会HSB色彩模式，让配色有理有据！ 念起 作为一名 UI 设计师，不免每天都会和色彩打交道，但有时总会苦恼于色感把握不准，让我们配的色彩，总是“不对味儿”。

阅读文章 >

HSB 模式最友好的特性就是，可以完美固定 HSB 中的某一个参数，只对其他两个参数做改变或者只改动其中的一个参数，这一点，完全符合人的色彩直觉，也只有 HSB 能做到，而 RGB、CMYK 都是牵一发动全身的节奏。(故选此色彩模式建立基础色板）

色板的推导

为了覆盖我司多业务线的复杂场景以及设计侧输出的规范统一性，以品牌色为基础在色环上 0°-360°之间取色，同时遵循高效易识别的原则。

这里需要强调的是标签的配色有别于日常配色设计，需加大色相区分，保证清晰识别。所以将间隔设定为±30°取色，按照色环顺序：品牌色——类似色（正负 30° 位置）——邻近色（正负 60° 位置）——对比色（正负 120° 位置）——互补色（180° 位置）生成12个主彩色（黑灰无色相）

为了获得更丰富的色彩和保持页面统一性，基于 12 个主颜色，在其中增加白色和黑色，改变明度和饱和度，形成同色系的调色板，在色彩系统里称为 Tints and Shades 系统，通过此算法可以获得更多色阶满足设计需要。

Tints and Shades 系统

我们在 skctch 里根据 tint 和 shade 系统的算法，将其可视化，方便每个颜色都在统一的规则里形成衍生色，形成基础色板。

根据上图我们可以发现：

「亮度区域」：S 值以 S/5 结果值为增量递减，B 值以（100-B)/5 结果值为增量递增；

「饱和度区域」：S 值以（100-S)/5 结果值为增量递增，B 值以 B/5 结果值为增量递减;

以我司品牌色，H（29）、S（88）、B（98）为例：

「亮度色阶」HSB 参数：（29，88，98）、（29，、70，98）、（29，52，98）、（29，34，98）、（29，16，98）

「饱和度色阶」HSB 参数：（29，88，98）、（29，、90，78）、（29，92，58）、（29，94，38）、（29，96，18）

其中运算结果数值出现小数点时四舍五入，根据此算法由此得到 12 色的基础色板如下：

颜色情绪

不同的颜色带给我们不同的色彩情绪，比如一说到蓝、蓝紫、蓝绿、紫、淡蓝等色，则容易联想到太空、冰雪、海洋等物像，就会产生寒冷、理智、平静、稀薄的、淡的、远的、轻的、等感觉。 暖色有大红、桔黄、玫红、黄橙、红紫等着色，就联想到太阳、火焰、热血等物像，产生温暖、热烈、危险等感觉，使人产生冲动情绪….，所以标签的色彩应用要与业务的行业属性契合，不只是简单的色彩堆砌，对色彩情绪的了解会我们做标签设计起到事半功倍的效果。

色彩搭配指南：

写给新手的色彩搭配快速入门指南 一个设计作品呈现到用户面前，第一眼进入眼帘的就是产品的视觉表现，而产品的色彩在其中起到了举足轻重的作用，毫无疑问色彩搭配对于设计师来说是非常重要的。

阅读文章 >

红色：热情、活泼、张扬、激动、警告……

橙色：成功、积极、活力、勇敢、自由….

黄色：年轻、温暖、鼓舞、柔和…..

绿色：自然、健康、新鲜，安全、平静、品质、生命、希望…..

蓝色：理智、安全、科技、宁静、平和….

紫色：高贵、优雅、神秘、权利…..

粉色：温馨、浪漫、明快、真诚…..

…….

2. 形状 形状是标签信息的一个外化直观传递，应符合产品的品牌调性（比如直角、圆角、其它隐喻造型…..)，根据我司业务属性将标签大致分为：

基本型：4px 圆角矩形，高度以 28px 为主； 异型：高度以 32px 为主，具体根据业务场景需要设计

在标签组合使用中，同属性的标签造型组合应统一和谐，规避不规则的造型应用如下：

标签信息层级定义 日常项目需求中，最棘手的莫过于，产品业务侧在功能模块里堆加一大堆标签，并且都强调是最重要的，在这种情况下对于设计侧而言就不只是设计好看的问题了，这需要对标签的优先级作出分类，有序的设计表达。对用户而言我们的标签不能既是疗效又是脚镣。

从用户层面与产品层面分别去分析需求对用户与产品的重要程度，配合着 KANO 模型对需求分析，确定标签的优先层级排序：

产品的角度：产品需要用户能快速筛选信息，促使用户快速抉择转化 用户的角度：用户需要目标信息与自身相匹配，能快速找到需要的信息 1. KANO 模型

KANO 模型是东京理工大学教授狩野纪昭(Noriaki Kano)提出的通过分析用户对产品功能的满意程度，对用户需求分类和优先排序，从而确定产品实现过程中的优先级可将影响用户满意度的因素分为五类：基本型需求、期望型需求、兴奋型需求、无差异需求、反向型需求。

需求分析工具：

UI 进阶必学系列：需求分析工具 KANO 模型 大家知道，长期以来我们一直在坚持分享一些基础的干货内容，那些看书、看分享很难系统搞得明白的知识点，这和我个人对基本功的执念有密不可分的关系。

阅读文章 >

必备型：如果不满足该需求，用户满意度会大幅降低

期望型：如果提供该功能，用户满意度提高，如果不提供该功能，用户满意度会随之下降

兴奋型：如果不提供此功能，不会降低用户的满意度，一旦提供此功能，用户满意度会大幅提升

无差异型：无论提供或不提供此功能，用户满意度不会发生改变，用户根本不在意有没有这个功能

反向性型：用户根本都没有此需求，提供后用户满意度反而下降

为了能够将标签层级区分，这里我选取其中影响用户满意度的 4 类象限属性来评定优先级，分别为：必备型 > 期望型 > 兴奋型 > 无差异型，并给予匹配的分值进行量化，然后从产品侧和用户侧做访谈记录，综合两侧的得分来确定标签的优先级。

「举例」：xxx 模块中的标签，选用 KANO 模型正向维度从用户和产品重要程度去分别评分，设定：必备型（4 分） > 期望型（3 分） > 魅力型（2 分） > 无差异型（1 分），通过访谈等形式，汇总不同侧的排序顺序并给出对应结果分数，如：

用户：标签 1(4 分) ＞标签 2(3 分) ＞标签 3(2 分) ＞标签 4(1 分)

产品： 标签 3(4 分) ＞标签 2(3 分) ＞标签 4(2 分) ＞标签 1(1 分)

分别将对应标签的得分乘积进行排序，确定标签的功能层级，最后结合标签颜色层级规范，进行最终的视觉样式设计：

标签 1: 4 * 1 = 4

标签 2: 3 * 3 = 9

标签 3: 2 * 4 = 8

标签 4: 1 * 2 = 2

最终标签层级： 标签 2＞标签 3＞标签 1＞标签 4

2. 业务应用实例

拿到需求后，不是随便的临摹竞品，而是要有理有据的使用 KANO 模型进行需求分析，得到用户与产品想要的效果。以我司货源列表的标签应用为例，主要有：货源标签、会员标签、品牌标签、特殊标签等标签类型，按照以上方法进行评分定级：

首先分别从用户和产品的重要度去访谈并评测排序打分

用户：货源标签 ＞会员标签＞品牌标签＞特殊标签 产品：货源标签、品牌标签 ＞特殊标签＞会员标签 最终评分：货源标签：4*4=16、品牌标签：2*4=8、特殊标签：1*3=3、会员标签：3*1=3，根据所得分数排序，结合颜色层级设计规则，有差别的通过线、面等样式表现出标签的权重层级

标签视觉层级定义 标签应用中应根据信息级别高低有差别使用，标签颜色占比越大，造型个性且饱和度明度越高的标签层级越高，反之灰色系标签层级相对较低，适用于点缀辅助信息的传达：有色>无色、有色面>线；

多标签组合应用中，颜色尽量控制在 3 种色相以内，具体根据实际应用场景而定，不同属性的标签配色需结合标签的权重，明快且容易区分；相同属性的标签组合应用中可不做色相区分；若基础色板不满足业务需要，也可按基础色灵活扩展补充颜色有序使用 。

标签位置定义 标签在日常应用场景中除了展示在内容中的常规位置外，还有 2 种常用的位置样式，我称之为：全贴边式标签、孤立式标签

这些位置样式根据标签的重要性去设置，在使用过程中如何确定哪个位置是重要的，用户的视觉流顺序是怎样的呢，这里我结合古腾堡原则去分析使用。

用超多案例，帮你掌握交互设计心理学的古腾堡原则 写在前面 在平时的设计过程当中，你是否有这样的疑惑？

阅读文章 >

「古腾堡原则」是由 14 世纪西方活字印刷术的发明人约翰·古腾堡提出，早在 20 世纪 50 年代，他在设计报纸的过程中，提出了一项原则，认为人的阅读方式应该是遵循某种习惯进行的，就像读书一样，由左到右，从上到下。经过研究最终得出被后人所熟知的结论：古腾堡原则，并附上了一张图，名为「古腾堡图」。古腾堡图将画面所呈现的内容分成四个象限：

第一视觉区：左上方，用户首先注意到的地方 强休息区：右上方，较少被注意到 弱休息区：左下方，最少被注意到 终端视觉区：右下方，视觉流终点

从而我们可以得出同一场景内标签位置视觉醒目度：左上 > 右上，根据标签的重要性、背景元素等信息，确定标签的展示位置规则，将其划分为：首要性标签 > 重要性标签 > 一般性标签

首页性：建议用左侧全贴边样式标签（若不遮挡内容，也可用孤立样式） 重要性：左右皆可，看是否会和首页性标签冲突，以及出现频率高低（如冲突，居右展示） 一般性：建议采用居右贴边样式，减少用户干扰。（若不存在其它优先级影响，可以提升样式重要度，如右贴边样式可以升级为孤立式……）

标签类型/规范定义 对于标签类型而言，由于每个平台的属性各不同。所以面对复杂的应用场景，我们在设计匹配时要寻找属于复合自身产品业务的属性的方法，以我司为例标签的类型主要分为：常规标签、异形标签、会员/等级标签、营销标签、角标签、印章标签

1. 常规标签

主要适用于货源列表、订单列表，小黑板，详情页…等业务功能场景，是产品中最高频使用的类型，按重要层级可分为：首要标签 > 中等标签 > 一般标签 > 次要标签

首要标签：用于描述重要信息，主要以（深色面）背景样式展示

中等标签：用于描述次重要信息，主要是以（浅色面）背景样式展示

一般标签：用于描述一般信息，主要是以（有色描边）样式展示

次要标签：用于描述辅助信息，主要是以（灰色系）描边或面的样式展示（在不同情景下可由无色系升级为有色系展示）

2. 异形标签

适用于强调业务模块中最重要层级的的功能信息标识，采用非标造型，重要层级：异形标签>常规标签，展示位置多采用全贴边样式（左上>右上…），根据内容重要层级而定。

3. 会员/等级标签

主要用于会员业务的身份及等级标识，多适用于人/姓名后展示，多以图形或者图形+文本的样式展示

4. 营销引流标签

主要用于描述业务目标对象的特色及等级，置于角落（左上，右上…）±45°展示

要适用于业务功能营销转化引导，展示样式主要有：文字后加标签、信息功能上部加标签，对比鲜明，在某些场景使用上和徽标类似，除了对其识别造型统一外，还应对其使用场景加以明确：

居右侧展示：与按钮组合使用时，标签字段数量不能大于标签 1/2 宽度，末端与按钮右对齐；

居左侧展示：按钮高度大于单行标准按钮高度且重要层级高，或右侧有选择项占用时；

5. 角标

主要用于描述业务目标对象的特色及等级，置于角落（左上，右上…）±45°展示

6. 印章标签

主要用于描述功能任务（如协议签订，流程权益…..)的完成状态

总结 麻雀虽小，五脏俱全，标签这个在 UI 设计中看似不起眼的元素，却包罗万象，好的设计可以驱动数据，赋能业务，一个科学的友好的标签应该是经得起推敲且能给用户带去更多便利和惊喜的精灵。本文是针对我们在需求设计中从标签的诞生到成长应用这一过程的量身定做，无规矩不成方圆，科学的规范会带给我们更多的便捷，能做到你好！我好！用户好！

设计是多元的，它不会朝着一个方向恒定发展，我们要做的是贴近生活现身场景迎接更丰富的变化万千。合适的设计才是有价值的设计，需要你我去调整视角去审视自己的设计，审视我们的需求。科学的方法更是解决问题的关键，也是项目有序落地的保障，理论与实践结合，知行合一。以上就是我在规范设计过程中的一些思考和探索，与君共享！

标签可以帮助传达信息，进行产品分类，进行营销分流等。本文围绕 标签 规范设计方法进行分析，总结了一些方法论，希望对你有帮助。

拓展阅读：

Tabs标签页如何设计？我总结了这10个方法 Tabs 标签页又称选项卡（以下简称标签页），它是一种高效的屏幕空间利用手段，映射非常接近卡片的目录索引，用户可以基于索引标签，快速定位到目标中内容中去，这也是大多数用户来自现实世界的经验。

阅读文章 >

前言 标签是我们最常用的设计组件之一，由于功能强大，使用场景多样化深受喜爱。好的 标签设计 就像一剂完美的助攻，可以用于信息的传达、建立操作预知，可以帮用户及产品进行分类，也可以进行营销分流与智能场景的运用，能帮助用户完成当前的任务，帮助产品达到业务目标。鉴于其重要性和多样化，建立一套标签视觉规范更好的去赋能和指导设计尤为重要。以下内容是针对我司业务所做的标签规范过程中的一些思考和探索…

目录

标签的定义 百度释义：「网络标签(Tag)是一种互联网内容组织方式，是相关性很强的关键字，它帮助人们轻松的描述和分类内容，以便于检索和分享，Tag 已经成为 web 2.0 的重要元素。标签将内容的组织权利从网站管理者下放到用户手中，充分体现了 web2.0 自下而上，用户参与的特点」

标签体系在产品设计过程中是非常重要的，也是设计连接前后端同学将业务需求在开发落地中不可或缺的一部分。科学的标签设计会根据业务需求+品牌理念的设计策略，此类标签拥有独特的视觉符号，方便用户快速识别，提升信息转化的效率。

标签相当于连接内容的“传声筒”，其音量的大小可以影响到用户的决策。依托于用户场景，将重点信息内容透传给用户侧，对提升用户对内容的认知度有所帮助，辅助用户决策，即标签的价值。

简而言之，标签就是结合产品内容和特征提炼出的一种关键词，便于用户根据自身需求查找和使用的一种描述和定义。用户最终通过标签进行信息反馈和交互操作。

标签的组成元素 标签由颜色、文字、形状等元素组成，每个元素相辅相成，和谐统一。

1. 颜色 颜色是标签设计中的一个重要元素，可以帮助用户快速识别，提升信息转化的效率。标签的颜色应用上不仅要清晰，精准，高效的传达信息，同时在多种颜色组合中也要兼顾着品牌。所以建立一套颜色板可以更好的方便标签的设计应用，建立的色板的原则是什么？以及有哪些方法来指导颜色板的建立呢？待我一一揭晓…

色彩模式选择

色彩模式是数字世界中表示颜色的一种算法。在数字世界中，为了表示各种颜色，人们通常将颜色划分为若干分量。由于成色原理的不同，决定了生成颜色方式上的区别。日常生活中有哪些常用色彩模式？

RGB 模式：以“加色混合”的方式，由红、绿、蓝（三原色），三色混合，表现出各种的颜色，我们的计算机屏幕就使用这种方式表现颜色。这种色彩表现方式，称为 RGB 色彩。适用于显示器、投影仪、扫描仪、数码相机等。

CMYK 模式：以“减法原则”成色，物体色彩的反射色，是用画具或染料、油墨等“色材”来表现颜色，印刷品基本是由青、洋红、黄、黑四种油墨相互组合而成，这种方式称为 CMYK 色彩。适用于打印机、印刷机等。

HSB 模式：以人类对颜色的感觉为基础，描述了颜色的三种基本特性。它以色相（H）、饱和度（S）和亮度（B）来描述颜色的基本特征，为将自然颜色转换为计算机创建的色彩提供了一种直接方法。

学会HSB色彩模式，让配色有理有据！ 念起 作为一名 UI 设计师，不免每天都会和色彩打交道，但有时总会苦恼于色感把握不准，让我们配的色彩，总是“不对味儿”。

阅读文章 >

HSB 模式最友好的特性就是，可以完美固定 HSB 中的某一个参数，只对其他两个参数做改变或者只改动其中的一个参数，这一点，完全符合人的色彩直觉，也只有 HSB 能做到，而 RGB、CMYK 都是牵一发动全身的节奏。(故选此色彩模式建立基础色板）

色板的推导

为了覆盖我司多业务线的复杂场景以及设计侧输出的规范统一性，以品牌色为基础在色环上 0°-360°之间取色，同时遵循高效易识别的原则。

这里需要强调的是标签的配色有别于日常配色设计，需加大色相区分，保证清晰识别。所以将间隔设定为±30°取色，按照色环顺序：品牌色——类似色（正负 30° 位置）——邻近色（正负 60° 位置）——对比色（正负 120° 位置）——互补色（180° 位置）生成12个主彩色（黑灰无色相）

为了获得更丰富的色彩和保持页面统一性，基于 12 个主颜色，在其中增加白色和黑色，改变明度和饱和度，形成同色系的调色板，在色彩系统里称为 Tints and Shades 系统，通过此算法可以获得更多色阶满足设计需要。

Tints and Shades 系统

我们在 skctch 里根据 tint 和 shade 系统的算法，将其可视化，方便每个颜色都在统一的规则里形成衍生色，形成基础色板。

根据上图我们可以发现：

「亮度区域」：S 值以 S/5 结果值为增量递减，B 值以（100-B)/5 结果值为增量递增；

「饱和度区域」：S 值以（100-S)/5 结果值为增量递增，B 值以 B/5 结果值为增量递减;

以我司品牌色，H（29）、S（88）、B（98）为例：

「亮度色阶」HSB 参数：（29，88，98）、（29，、70，98）、（29，52，98）、（29，34，98）、（29，16，98）

「饱和度色阶」HSB 参数：（29，88，98）、（29，、90，78）、（29，92，58）、（29，94，38）、（29，96，18）

其中运算结果数值出现小数点时四舍五入，根据此算法由此得到 12 色的基础色板如下：

颜色情绪

不同的颜色带给我们不同的色彩情绪，比如一说到蓝、蓝紫、蓝绿、紫、淡蓝等色，则容易联想到太空、冰雪、海洋等物像，就会产生寒冷、理智、平静、稀薄的、淡的、远的、轻的、等感觉。 暖色有大红、桔黄、玫红、黄橙、红紫等着色，就联想到太阳、火焰、热血等物像，产生温暖、热烈、危险等感觉，使人产生冲动情绪….，所以标签的色彩应用要与业务的行业属性契合，不只是简单的色彩堆砌，对色彩情绪的了解会我们做标签设计起到事半功倍的效果。

色彩搭配指南：

写给新手的色彩搭配快速入门指南 一个设计作品呈现到用户面前，第一眼进入眼帘的就是产品的视觉表现，而产品的色彩在其中起到了举足轻重的作用，毫无疑问色彩搭配对于设计师来说是非常重要的。

阅读文章 >

红色：热情、活泼、张扬、激动、警告……

橙色：成功、积极、活力、勇敢、自由….

黄色：年轻、温暖、鼓舞、柔和…..

绿色：自然、健康、新鲜，安全、平静、品质、生命、希望…..

蓝色：理智、安全、科技、宁静、平和….

紫色：高贵、优雅、神秘、权利…..

粉色：温馨、浪漫、明快、真诚…..

…….

2. 形状 形状是标签信息的一个外化直观传递，应符合产品的品牌调性（比如直角、圆角、其它隐喻造型…..)，根据我司业务属性将标签大致分为：

基本型：4px 圆角矩形，高度以 28px 为主； 异型：高度以 32px 为主，具体根据业务场景需要设计

在标签组合使用中，同属性的标签造型组合应统一和谐，规避不规则的造型应用如下：

标签信息层级定义 日常项目需求中，最棘手的莫过于，产品业务侧在功能模块里堆加一大堆标签，并且都强调是最重要的，在这种情况下对于设计侧而言就不只是设计好看的问题了，这需要对标签的优先级作出分类，有序的设计表达。对用户而言我们的标签不能既是疗效又是脚镣。

从用户层面与产品层面分别去分析需求对用户与产品的重要程度，配合着 KANO 模型对需求分析，确定标签的优先层级排序：

产品的角度：产品需要用户能快速筛选信息，促使用户快速抉择转化 用户的角度：用户需要目标信息与自身相匹配，能快速找到需要的信息 1. KANO 模型

KANO 模型是东京理工大学教授狩野纪昭(Noriaki Kano)提出的通过分析用户对产品功能的满意程度，对用户需求分类和优先排序，从而确定产品实现过程中的优先级可将影响用户满意度的因素分为五类：基本型需求、期望型需求、兴奋型需求、无差异需求、反向型需求。

需求分析工具：

UI 进阶必学系列：需求分析工具 KANO 模型 大家知道，长期以来我们一直在坚持分享一些基础的干货内容，那些看书、看分享很难系统搞得明白的知识点，这和我个人对基本功的执念有密不可分的关系。

阅读文章 >

必备型：如果不满足该需求，用户满意度会大幅降低

期望型：如果提供该功能，用户满意度提高，如果不提供该功能，用户满意度会随之下降

兴奋型：如果不提供此功能，不会降低用户的满意度，一旦提供此功能，用户满意度会大幅提升

无差异型：无论提供或不提供此功能，用户满意度不会发生改变，用户根本不在意有没有这个功能

反向性型：用户根本都没有此需求，提供后用户满意度反而下降

为了能够将标签层级区分，这里我选取其中影响用户满意度的 4 类象限属性来评定优先级，分别为：必备型 > 期望型 > 兴奋型 > 无差异型，并给予匹配的分值进行量化，然后从产品侧和用户侧做访谈记录，综合两侧的得分来确定标签的优先级。

「举例」：xxx 模块中的标签，选用 KANO 模型正向维度从用户和产品重要程度去分别评分，设定：必备型（4 分） > 期望型（3 分） > 魅力型（2 分） > 无差异型（1 分），通过访谈等形式，汇总不同侧的排序顺序并给出对应结果分数，如：

用户：标签 1(4 分) ＞标签 2(3 分) ＞标签 3(2 分) ＞标签 4(1 分)

产品： 标签 3(4 分) ＞标签 2(3 分) ＞标签 4(2 分) ＞标签 1(1 分)

分别将对应标签的得分乘积进行排序，确定标签的功能层级，最后结合标签颜色层级规范，进行最终的视觉样式设计：

标签 1: 4 * 1 = 4

标签 2: 3 * 3 = 9

标签 3: 2 * 4 = 8

标签 4: 1 * 2 = 2

最终标签层级： 标签 2＞标签 3＞标签 1＞标签 4

2. 业务应用实例

拿到需求后，不是随便的临摹竞品，而是要有理有据的使用 KANO 模型进行需求分析，得到用户与产品想要的效果。以我司货源列表的标签应用为例，主要有：货源标签、会员标签、品牌标签、特殊标签等标签类型，按照以上方法进行评分定级：

首先分别从用户和产品的重要度去访谈并评测排序打分

用户：货源标签 ＞会员标签＞品牌标签＞特殊标签 产品：货源标签、品牌标签 ＞特殊标签＞会员标签 最终评分：货源标签：4*4=16、品牌标签：2*4=8、特殊标签：1*3=3、会员标签：3*1=3，根据所得分数排序，结合颜色层级设计规则，有差别的通过线、面等样式表现出标签的权重层级

标签视觉层级定义 标签应用中应根据信息级别高低有差别使用，标签颜色占比越大，造型个性且饱和度明度越高的标签层级越高，反之灰色系标签层级相对较低，适用于点缀辅助信息的传达：有色>无色、有色面>线；

多标签组合应用中，颜色尽量控制在 3 种色相以内，具体根据实际应用场景而定，不同属性的标签配色需结合标签的权重，明快且容易区分；相同属性的标签组合应用中可不做色相区分；若基础色板不满足业务需要，也可按基础色灵活扩展补充颜色有序使用 。

标签位置定义 标签在日常应用场景中除了展示在内容中的常规位置外，还有 2 种常用的位置样式，我称之为：全贴边式标签、孤立式标签

这些位置样式根据标签的重要性去设置，在使用过程中如何确定哪个位置是重要的，用户的视觉流顺序是怎样的呢，这里我结合古腾堡原则去分析使用。

用超多案例，帮你掌握交互设计心理学的古腾堡原则 写在前面 在平时的设计过程当中，你是否有这样的疑惑？

阅读文章 >

「古腾堡原则」是由 14 世纪西方活字印刷术的发明人约翰·古腾堡提出，早在 20 世纪 50 年代，他在设计报纸的过程中，提出了一项原则，认为人的阅读方式应该是遵循某种习惯进行的，就像读书一样，由左到右，从上到下。经过研究最终得出被后人所熟知的结论：古腾堡原则，并附上了一张图，名为「古腾堡图」。古腾堡图将画面所呈现的内容分成四个象限：

第一视觉区：左上方，用户首先注意到的地方 强休息区：右上方，较少被注意到 弱休息区：左下方，最少被注意到 终端视觉区：右下方，视觉流终点

从而我们可以得出同一场景内标签位置视觉醒目度：左上 > 右上，根据标签的重要性、背景元素等信息，确定标签的展示位置规则，将其划分为：首要性标签 > 重要性标签 > 一般性标签

首页性：建议用左侧全贴边样式标签（若不遮挡内容，也可用孤立样式） 重要性：左右皆可，看是否会和首页性标签冲突，以及出现频率高低（如冲突，居右展示） 一般性：建议采用居右贴边样式，减少用户干扰。（若不存在其它优先级影响，可以提升样式重要度，如右贴边样式可以升级为孤立式……）

标签类型/规范定义 对于标签类型而言，由于每个平台的属性各不同。所以面对复杂的应用场景，我们在设计匹配时要寻找属于复合自身产品业务的属性的方法，以我司为例标签的类型主要分为：常规标签、异形标签、会员/等级标签、营销标签、角标签、印章标签

1. 常规标签

主要适用于货源列表、订单列表，小黑板，详情页…等业务功能场景，是产品中最高频使用的类型，按重要层级可分为：首要标签 > 中等标签 > 一般标签 > 次要标签

首要标签：用于描述重要信息，主要以（深色面）背景样式展示

中等标签：用于描述次重要信息，主要是以（浅色面）背景样式展示

一般标签：用于描述一般信息，主要是以（有色描边）样式展示

次要标签：用于描述辅助信息，主要是以（灰色系）描边或面的样式展示（在不同情景下可由无色系升级为有色系展示）

2. 异形标签

适用于强调业务模块中最重要层级的的功能信息标识，采用非标造型，重要层级：异形标签>常规标签，展示位置多采用全贴边样式（左上>右上…），根据内容重要层级而定。

3. 会员/等级标签

主要用于会员业务的身份及等级标识，多适用于人/姓名后展示，多以图形或者图形+文本的样式展示

4. 营销引流标签

主要用于描述业务目标对象的特色及等级，置于角落（左上，右上…）±45°展示

要适用于业务功能营销转化引导，展示样式主要有：文字后加标签、信息功能上部加标签，对比鲜明，在某些场景使用上和徽标类似，除了对其识别造型统一外，还应对其使用场景加以明确：

居右侧展示：与按钮组合使用时，标签字段数量不能大于标签 1/2 宽度，末端与按钮右对齐；

居左侧展示：按钮高度大于单行标准按钮高度且重要层级高，或右侧有选择项占用时；

5. 角标

主要用于描述业务目标对象的特色及等级，置于角落（左上，右上…）±45°展示

6. 印章标签

主要用于描述功能任务（如协议签订，流程权益…..)的完成状态

总结 麻雀虽小，五脏俱全，标签这个在 UI 设计中看似不起眼的元素，却包罗万象，好的设计可以驱动数据，赋能业务，一个科学的友好的标签应该是经得起推敲且能给用户带去更多便利和惊喜的精灵。本文是针对我们在需求设计中从标签的诞生到成长应用这一过程的量身定做，无规矩不成方圆，科学的规范会带给我们更多的便捷，能做到你好！我好！用户好！

设计是多元的，它不会朝着一个方向恒定发展，我们要做的是贴近生活现身场景迎接更丰富的变化万千。合适的设计才是有价值的设计，需要你我去调整视角去审视自己的设计，审视我们的需求。科学的方法更是解决问题的关键，也是项目有序落地的保障，理论与实践结合，知行合一。以上就是我在规范设计过程中的一些思考和探索，与君共享！