案例1.用户操作时的困惑

相信大家在做设计的时候都遇到过这种情况，一个产品内有多个入口指向同一个界面，这是产品的投机取巧还是另有深意，很多人都对这样的设计有不同的看法。

这样的设计就好像是狡兔三窟，在产品中流量可以从不同的入口进来，到多个不同的出口，也可以从不同的入口进入同一个地方。

有人会觉得如果一个界面中有多个入口指向同一个界面会出现问题：

1.违反了效率、用户预期的原则，会认为页面空间有限，在同一个界面中有多个入口指向一个界面效率变低，而且用户知道后往往就会只从一个入口进入。

2.多个选择会让用户拉高转化的成本，用户在选择的时候会花更多的时间思考有什么区别。

我们来看一个例子，下面德邦app之前的一个版本，目前已经优化了。从截图中我们发现页面上方的查询和寄件都和底部标签单独出来的界面功能重复了，并且我的快件也直接可以展示在首页的下方，我的快件目前可以从首页顶部、首页下方和个人中心3个入口进入查看。

通过这个案例我们发现确实这些板块和功能重复度太高，并且没有区分出场景，这样的设计证实了以上的两个说法，降低用户使用效率和提高选择成本。而且从业务角度看也并没有目标的差别。

但是我们分析问题也要多角度去观察，多个入口进入同一个界面只有缺点没有优点吗？

显然不是，我们再来看几个案例

下方是一个商品评价的卡片，经过我小手的实际测试，发现无论点击这个卡片任何有内容的区域，都会跳转到全部评价的界面，那这样的设计逻辑是否会造成和上面的案例一样的问题呢？答案是，不会。

这里的设计逻辑并不是和沙面那里的场景那么单一，而是用户在面临不同需求场景的时候可以有选择。

不知道大家有没有发现一个问题，在上面德邦案例的时候，你会对两个入口有疑问，但是在评价卡片的时候并没有，这个卡片包含了4种不同的场景：

1.我想看看有哪些好评、哪些差评 

2.几个不同标签的用户都是怎么说 

3.下面用户的实拍到底是不是真实的 

4.还有没有更多类似真实用户的使用评价。

所以即便最终到了一个界面，对于用户来说也是从独立的出发点开始的，而再回过头看上面案例，你会发现，我就是要寄东西，这里有两个入口，怎么选。

而且，考拉这里其实还做了从不同内容点进去的一个区分。

再来看个案例，贝壳的地图找房，在首页中有两个入口，导航栏一个，分类中一个，这里出现重复会造成一开始说的问题吗？首先我们看到贝壳的业务很多，以至于在这个分类中居然还需要通过滚动指示器来展示剩余内容，大家也可以思考一下，在这个界面中，会不会出现两个地图找房不同的场景出发点呢？我个人觉得其实是可以商榷的，首先地图找房在房产app中是很核心高频的一个功能，他的属性是“工具”。

所以我觉得他之所以在卡片中再放一个地图找房是3个原因

第一个是导航栏的找房肯定不能动，他是一个全局的入口，即使页面滚动也可以随时点击到，即便要撤一个，也肯定要撤下方卡片分类中的。

第二个是卡片分类中的图标入口是都具备工具属性的，那首页上面部分就分为了：搜索、业务分类、工具这三块。所以用户看到这些工具属性也会联想到通过地图去找房。而且这些多色彩的图标对于新进入的用户是比较吸引注意力的，所以很有可能用户看不到右上角的地图找房（可以参考古腾堡图表的原则）。

第三点是可能右上角的地图不太能清晰表达这个图标的具体功能，所以将“地图找房”四个字显示全。

但这些都有一些主观因素在里面，如果真的去掉卡片中的，我觉得可能影响也并不是很大。有小伙伴可能想说是为了分流，但是分流的目前主要是让流量流到他应该去的地方产生实际价值，除了以上的3个原因，好像确实有点重复了。

再来看一个例子，小鹿茶app。

首页的现在下单和底部菜单标签都是到同一个界面，那为什么要重复呢？这里其实考虑更多的他并不想让用户进来就直接去购买，为什么不直接购买呢？应该是想要建立自己的品牌人设、满足更多的消费场景和增值业务，比如给别人点奶茶、周边的杯子跟合作商品推销、最新的奶茶的推荐。

如果只有菜单，产品也会显得更工具化，很难突出自己的品牌，对业务增长没有太大的帮助。有同学要说，那这个界面只是产品的“一厢情愿”，我就只要点奶茶就可以了，多个入口只会给我带来困扰。所以他这里的设计逻辑是在用户打开app的时候首先定位的是菜单，而不是首页。

所以，到底多个入入口进入同一目标我们还是要看不同的场景和目标的。如果既没有业务目标做支撑，又没有用户场景的变化，那么这个重复的入口就是鸡肋的。

最后留一个小思考题：网易云音乐的“歌单”在首页上也重复了，大家知道这里为什么他要做成重复入口吗？ 

案例2.用户使用中的不满

一个优秀的产品或者说一个合格的产品，能给用户带来愉悦的体验。何为体验，用大白话来说就是用的舒服、自然、高效率。

再有一个底线就是不要让用户产生由产品带来的负面情绪，例如产品出错了却不告知用户解决方法、用户出错了没有办法及时帮助纠正、高危操作没有二次确认等等，根据负面情绪的严重程度几乎就可以直接让部分用户流失。

很不幸的是我就遇到了这样的体验，当时正在给同学们布置一些作业练习，体验一些产品的优缺点并给出解决方法。我也下载了这款文玩类的App，体验了极速捡漏这个功能模块。

捡漏：在文玩圈的一句行话，意思就是用很便宜的价格买到很值钱的古玩，而卖家却不知情，是一种可遇不可求的行为，所以寓意就是比较难得、走好运了。

进入直播间，商家在卖力吆喝，页面底部有加一手的按钮，就是类似于拍卖，价高者得。于是我就抱着试一试的心态点了加一手按钮，因为我预期是产品会再次向我确认是否要加价，结果是居然加价成功了，发生了什么？最后竞拍结束也没有人继续加价了。

实际场景中用户可能误操作不小心点了按钮，这样的场景和情况是非常多的，即便不是误操作，给一个二次确认的对话框也可以避免这样的尴尬状况，因为用户就喜欢在产品中点来点去，然而你在这里就像埋了一颗地雷。

如果到这里就结束了，那其实我也感觉没必要去吐槽，问题在于当我拍下还没付款，直播间的商家就开始喊我的名字：xx大哥恭喜你拍到了我们的产品，可以去付款了。连续播报了几十遍，我尴尬的直接退出了后台，这种感觉就像是一群观众看着一个被骗的小白一样，当我过10分钟后打开系统提示商品流拍了，并且累积了违约积分。

？？？

到这里，可能会有人说，你自己拍了的又不付款，当然要惩罚你了。

于是我还是认真的去研究了一下，发现极速捡漏和竞拍并不是同样的规则。该产品和竞品其实都有竞拍板块，在竞拍板块都会有需要用户确认的操作，并在操作下方给出拍卖规则，显示出价即表示同意拍卖规则。

但是该产品极速捡漏的板块并没有这样的说明，既然没有提前展示这样的说明和约定，用户就不知道有这样的规则，我拿了竞品一对比，其实在直播带货的场景下，这个出价流程还是不同的，双方其实都没有给规则说明，但竞品还是给了一个出价选择后再出价的步骤。

最后我甚至被商家拉黑了，不过还给我一个投诉商家的入口

我当时的想法：

1.如果因为误操作让用户付出这么大代价的话成本就太高了。让用户点击是否就等于用户同意？

2.请先告知我约定与协议的内容，单方面在我不知情的情况下对产品进行操作后，通知扣我违约积分，这样就有点“霸道”了。

3.平台对商家和消费者的权益是如何平衡的，文玩行业和互联网结合的难点在哪里。

3.线下文玩圈的一些不成文行规，导致新人入圈后产生的冲突。

于是我就想对此说说我的看法

1.交易是产品平台其中的一个功能属性

交易是产品平台其中的一个功能属性，需要优先满足产品对用户价值，其次再谈交易的合理性。在这个流程中，面对用户很有可能遇到的误操作行为以及需要让用户去下单支付成本，我们必须提前告知用户。在尼尔森可用性原则中我们也发现了，如果用户不小心操作失误，那么我们尽可能减少这些因为用户犯错带来的成本，同时在用户犯错之前就要明显告知用户，将风险控制、前置。

所以，你在注册的时候、登录的时候，产品一定会让你同意一份用户协议，告知你我们要保存你的数据和一些跟你相关的信息，如果你不同意，那就无法继续体验产品。

这是一种契约。

同理，如果你想让用户在这个产品中去参与拍卖，在进入这个板块之前或者用户点击按钮之后，也需要让用户明确这个操作带来的风险是什么，取得用户的同意。而不是直接让用户加价成功，导致用户不明所以的被扣违约积分、被商家拉黑，这就和你去泰国，在街头你朋友拍了一张你和一个抱着蜥蜴的人的照片，结果别人来问你收钱是一个道理。

对于正常线下拍卖的流程，举办方也会对参与拍卖的人员进行相关规则、流程的告知，并且将风险、问题都提前让客户进行协议确认。

所以，在产品中的交易，必须先满足用户与产品信息之间的对称关系，保持信息的透明和契约公正，规则、约束、条件是用户使用你产品的前提和体验反馈的衡量标准之一。

2.对于商家和产品的价值

商家希望有更多的流量来曝光商品，捡漏商品的低价可以快速吸引一大批用户，比如8块钱的一个木头核桃的雕刻挂件等，产品通过营造抢购、限时的氛围，吸引用户下单，并且降低用户参与的门槛。

那么，直接加价成功是一个好的降低门槛的策略吗？我觉得并不是，降低门槛并不意味着就是直接拍到，而是需要提高用户对产品的信任度，这个极速捡漏的模块的目标用户几乎都是小白用户，因为资深的玩家看不上、更不会买，有一定经验的玩家也看的出好坏，明白它的价值。所以面对这些没有了解过文玩产品的小白玩家来说，内心是谨慎的。

可能有人会想，这几块钱、十几块钱的东西还需要考虑吗？当然在这个场景中，从众心理是很明显的，大家都觉得很便宜，但就是没人拍。这都几块钱捡漏了怎么都没人要，大部分人都觉得这么便宜东西肯定不咋样，运费是不是贵的离谱、有没有托在背后跟你抬价呢？大家都不拍我也观望。越多人围观，越难促成交易。

还有一种可能就是我卖不卖的出去东西，并不重要，重要的是有人来看了，这些边角料都是用来回馈直播间粉丝的，就是一个窗口，真正有利润的东西在橱窗里。所以这里的捡漏只是一个引流的噱头。

人总是对太轻易得到的东西不珍惜，更何况是几块钱的小玩意儿。所以针对直接拍下这个交互，个人认为是不妥的，无论是上面任何一种情况，都没有办法让降低门槛，甚至通过这种“小聪明”反而会让用户更加不信任产品和用户。

不信任产品是大。尤其是作为一家平台来说，虚假交易、以次充好、滥竽充数等等行为是致命的。

3.文玩的价值

我其实有玩过一段时间文玩，受我老丈人的影响，有一段时间喜欢玩手串、玉什么的。经常也会在某音去刷一些鉴宝类的视频，很有意思。

文玩它的价值在于品相、稀有度、盘玩程度、大众接受度、历史背景还有工艺等等。所以它并不是一个在每个人心中同等效用的商品，同样一块玉，他的种水一般，但是花纹很独特，买卖双方其实心理的价值预期会相差非常多，它就不像买电子产品一样价格那么透明容易计算。

有的人玩这些就是觉得命里该有它，它能给我带来财、运，帮我辟邪，看的是眼缘。而不是路边上一块无用的石头，可以随意拾取丢弃。那么换句话说，如果在用户下单的时候，我们利用一些情感化的文案，让用户喜欢上这款文玩，是不是也可以大概率的促进交易呢？

4.文玩圈的行规

我相信很多玩文玩的小伙伴都知道，在文玩圈有一些不成文的行规。也或许就是因为这些行规出现到了线上产品中。

1.还价意味着出价，出价意味着买下

在文玩圈，你不想买就不要还价。如果卖家同意了你的还价，那你就必须买。这代表着你个人的信誉和道德品质。

所以文玩圈和互联网的用户之前有许多的鸿沟需要一步一步建设桥梁，不能单纯的以线下圈子内的行规来要求刚接触这个圈子的互联网用户，这需要大家一起努力和营造起一个良好的文玩圈的文化和规则，而不是直接生搬硬套，提高这个门槛。

2.不要打听别人的成本

文玩没有实际的成本，可能别人花10块钱淘到的价值1万块的东西，也可能别人花了巨资看走了眼。所以你知道了成本对谁都没好处，别人也不会告诉你。

3.别人在交易的时候保持沉默

文玩在每个人心中的价值不同，所以货币价值也不同，当别人在询价还价的时候，不管怎样我们都不要去表明自己的看法和想法。

当然还有其他的规则就不一一叙述了，针对这3条，其实在互联网的产品中是会有冲突存在的。例如你买了某个文玩，你一拍下，别人就说这个根本不值这个价钱。还有你出价了但是又不想买了，这些原本在文玩圈子中不允许的规则，在互联网上去要求用户着实有点困难，因为互联网上的交易并不一定所见即所得，可能展示的是这样，收到货又是另一个东西。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

致数据可视化设计师-设备篇详解

各位数据可视化设计师们大家好，鉴于平时有很多同学对我们的可视化大屏的设计知识点有很多不理解的地方，阿勇决定花一些时间去详细剖析一下关于这方面的知识，全部都是多年工作经验所得，绝对有料。

整个合辑一共有10篇文章，分别涉及到设备篇、风格篇、字体篇、色彩篇、组件篇、布局篇、版式篇、视觉篇、团队篇、技能篇十篇文章，具体的详细的展开来讲一讲可视化大屏设计的知识点。（我命名为可视化设计十要素）

同时也会包含一些工作中的同学们问我的一些问题以及我搜集的一些问题，将会以问答的形式去给大家讲一讲，如有不对的地方，还请大家指出，我们一起探讨进步！

文章较长，请广大读者仔细阅读，基本涵盖：设备信息，分辨率尺寸，大屏适配，投屏事项，掌握本文可应对日常可视化设计设备方面的知识。

LED屏幕

政府大屏主要以点间距去区分屏幕的精细度，点间距越小，造价约昂贵；面积越大越整体，造价越高。离屏幕越近颗粒感越强，设计效果也就越不清晰，LED显示屏表面不平整是导致LED显示屏图像失真的主要原因。LED显示屏表面粗糙度的好坏主要取决于生产工艺。

屏幕介绍：按照不同点间距进行分类，P1.25、P2.5、P3、P4、P5、P6、P8、P10、P12、P20（间距越小，图像越清晰，价格也越高，一般政府led屏基本都在P1.25-P6之间)。

最佳视距=像素间距/（0.3~0.8），这是一个近似范围。如LED显示屏P16mm，最佳视距为20~54米。

液晶拼接屏

拼接屏相比于点间距比较小的LED屏，价格方面会更便宜一点，拼接屏设计时最主要就是拼缝的处理，注意拼缝，设计时非必要情况下，都要跳过拼缝，尤其是“圆”这个造型。

拼接屏：46寸，55寸  物理分辨率：1920*N 1080*N（n代表屏幕数量），1.7mm、3.5mm 、0.88mm、0.44mm、无缝隙；企业常用（1.7mm 和3.5mm）

大屏拼接缝隙：设计时应尽量不要跨屏去设计，会使画面交叉，不重叠，尤其是圆形。

大屏拼接处理器

大屏拼接处理器主要功能是将一个完整的图像信号划分成N块后分配给N个视频显示单元，完成用多个普通视频单元组成一个超大屏幕动态图像显示屏。大屏拼接处理器输入信号数量和类型取决于用户需要，输出信号数量等于显示单元数量。

视频矩阵处理器

矩阵是将多路输入信号切换输出到多个显示设备，一般来说输入信号数量要大于输出信号数量。（我们想在9块显示器上同时监控100个摄像头传来的信号，就用矩阵来实现即可）

视频矩阵是指通过阵列切换的方法将m路视频信号任意输出至n路监控设备上的电子装置，一般情况下矩阵的输入大于输出即m>n。有一些视频矩阵也带有音频切换功能，能将视频和音频信号进行同步切换，这种矩阵也叫做视音频矩阵。

模拟视频矩阵的输入设备：监控摄像机、高速球、画面处理器等很多个设备，显示终端一般监视器，电视墙，拼接屏等（通常视频矩阵输入很多，一般几十路到几千路视频，输出比较少一般2-128个显示器；例如64进8出，128进16出，512进32出，1024进48出等）。

总结：矩阵只能负责信号的切换，不能处理，不能做效果。大屏拼接处理器功能十分强大，具备矩阵功能的同时，还可以实现任意开窗、漫游、叠加、场景保存与轮换。

液晶拼接屏的优势 - 拼接处理器预设场景

4*2大屏展示端，我们通过控制端，借由拼接处理器可以对大屏进行随意开窗，漫游，叠加，画中画等效果。在控制端拖动布局，大屏会随之改变布局，非常方便。下面我就借由我以前做过的一个项目帮助大家理解一下拼接处理器的优势以及如何设定不同场景。

如果你们企业还在因为屏幕适配以及尺寸问题而纠结，或者想展示：开窗，漫游，叠加，画中画等效果，毫无疑问你们应该选择拼接处理器，这比传统投屏方式更合适，更没有比例不对的困扰。

预设场景一

把控制端的分屏进行编号，接下来移动控制端对应的编号区块，就可以对大屏进行重新布局，图中展示的正是我们的预设正常场景。场景为居中布局，左右两侧为图表展示。

预设场景二：任意窗口布局

对控制端进行随机布局，将主视觉模块移动到左侧四块屏幕，图表都集中在右侧，由此我们就由预设场景的居中布局变成了左右布局，左侧为主视觉。

预设场景三：任意窗口漫游

可以随意的关闭大屏某个模块的漫游，通过控制端进行屏幕的显示以及不显示。

预设场景四：任意窗口平移

画面的任何一个模块都是可以进行平移操作的，我们将模块一和模块五可以平移拖拽到任何一个位置。

预设场景五：任意窗口叠加

画面的任何一个模块都是可以进行叠加到屏幕任何一处，还可以控制模块置顶和置底，非常灵活。

WEB端大屏

基于web网页端的展示方式，通过在web开发，有需要时会投屏到大屏上去展示。设备比例一定不能差距过大，比如16:9的投屏到32:9的大屏就不是合适，解决方案可以是外接一块1920的显示器即可。

此处要注意web端演示时，记得全屏显示，浏览器边框滑动条等可以不考虑，前端会做相应的浏览器细节考虑，设计按正常分辨率走即可。

触摸屏

触摸屏（Touch Panel）又称为“触控屏”、“触控面板”、“触控台“，是一种可接收触头等输入讯号的感应式液晶显示装置。

当接触了屏幕上的图形按钮时，屏幕上的触觉反馈系统可根据预先编程的程式驱动各种连结装置可用作控制端操作大屏，原理等同于ipad控制，只是载体不同。

设计规范以及按键反馈等交互体验与ipad类似。

滑轨屏

滑轨互动屏系统——又称为滑轨电视、滑轨播放等，通过特殊设计的机械滑轨控制装置，结合高清液晶拼接幕墙，实现对屏幕内容的互动控制。滑动到不同位置屏幕展示相关信息，包括图片、文字、视频等，是一种全新的互动展示形式，可与触摸同时使用。

虚拟沙盘

虚拟沙盘/数字沙盘就是用计算机通过投影仪或者LED大屏显示屏动态/静态三维显示：智慧交通、智慧市政、智慧农业、智慧物流、智慧停车、智慧公交、智慧公安、智慧交运等模型，这是一种高科技的模型操作员通过程序，可以随意调整沙盘的尺寸、规划区域、区域布置，快速展示多种全新的创意。

具有三维显示效果，并可以从不同角度观察创意模型，筛选创意方案。注意虚拟沙盘和实体沙盘的联动效果，实体沙盘为底，虚拟沙盘做效果叠加。

分辨率：物理实际分辨率

Q：原本设计尺寸是1920*1080，使用场景是PC端，同时在大屏中展示，尺寸为3840*1080，该如何适配？

A：首先我们需要了解适配最主要的痛点就是：灵活，复用性高，可延展。

围绕这几个点我们可以通过模块化开发去做，将每个模块单独开发。我们设计师做这种需求之前，就需要提前去构思，在设计各模块时，尽量使用可扩展和可自适应的图形，这样面对适配的时候我们可以通过移动，缩放这些模块，来完成适配。尽量避免二次设计以及开发，提升时间成本。

图形放大适配

图形位移适配

Q：如果是16:9适配非32:9是否也是这么去适配的？如果是特殊的形状或比例该怎么适配？

A：我们适配一定要记住灵活，减少工作量这些原则，如果不遵循这些原则，那么我们做适配的初衷就错误了。这样我们还不如直接就重新开发一套了。就好比我们通过控制端去控制大屏，如何用开发一套的时间去适配两个甚至是多个终端，这是我们需要注意的。当然考虑到一些实际情况，会有一定程度上的修改，但是一定是要从节省工作量去出发的。

场景一：拼接屏分辨率计算，已知某项目设备分辨率为宽高4*2拼接屏，设计稿我们该如何去定义分辨率？分辨率又是多大？

从命题我们可以看到4*2的拼接屏，我们可以通过一块屏幕为1920*1080去计算，那么通过计算分辨率应该是1920*4 &1080*2，也就是7680*2160，这样就计算出我们的分辨率了。

场景二：LED屏分辨率计算，已知某项目LED屏幕物理尺寸为宽15米，高4米，设备分辨率未知（可以支持4K或者2K输出），那么如何去制定分辨率？

工作中相信不少同学都遇到过这种只知物理尺寸而不知道分辨率的项目，那么我们只能通过计算大概的设计分辨率来出初期的设计稿件。

可能一：屏幕支持4K输出，既然支持4K输出，保证画面输出的清晰我们可以将设备的高度设定为2160

此场景下公式为：15/4=X/2160     X=8100    那么可以大概得出宽度大概为8100像素（只是我们通过计算大概得出来的）

可能二：屏幕支持2K输出

此场景下公式为：15/4=X/1080     X=4050  

重点来了，不要以为这样就结束了，我一直强调的可视化设计师为什么一定要在现场，为的就是方便各种测试。刚才我们只是通过计算得出的大概数值，此时我们可以在纸上画一个正方形，并投到设备上，如图。

• 结果一：如果正方形比例不变，设计尺寸无限接近于大屏实际比例；

• 结果二：如果正方形比例被拉伸，设计尺寸小于大屏实际尺寸；

• 结果三：如果正方形比例被压缩，设计尺寸大于大屏实际尺寸。

此处图片上主要是为了测试计算出来的分辨率究竟是拉伸还是被压缩了，通过这样的方式去测试设备大概的分辨率的大小比例，在我们产出效果图之后，也可以投射设计图的方式看看屏幕是否是完美适配，这种方法可以在未开发之前，尽可能确定屏幕对设计图的影响，从而避免对开发造成大规模修改。

注意：这样做也只是在不知道设备分辨率的情况下，去大概计算设备分辨率，仅供参考！

电脑直接投屏

使用场景：会议室，展厅等

等比例投屏，投屏电脑投到2*2大屏（4K）

投屏电脑支持输出4K分辨率，投屏电脑分辨率以3840*2160作为设计，投到4K拼接屏上，大屏会完美展示，并且画面非常清晰。

投屏电脑支持输出2K分辨率，投屏电脑分辨率以1920*1080作为设计，投到4K拼接屏上，只会以1920*1080进行输出，因为输出像素只能支持2K，也只是1920*1080的放大。

此处需要了解两个概念：输出像素和显示像素，输出像素指的的是投屏电脑的最大支持分辨率，显示像素就是我们大屏的支持的最大分辨率。

我们实际项目中最好以显示像素的尺寸进行设计（就是以大屏尺寸为主），但是也要看输出设备的像素大小。

硬件投屏本地运行

使用场景：科技展厅，以及一些带主机的设备。

此种情况，一般我们的大屏会自带主机，大屏本身就可以看成一个显示器非常大的电脑。我们如果需要进行可视化演示，那么我们直接就可以通过显示器的尺寸去做设计，这样就是大屏的设计尺寸。

一般这种靠硬件的投射，都是在拼接处理器的处理下，将多个屏幕拼合成一个大的显示器，再通过拼控系统（硬件投屏）进行输出。

一般我们可以将我们大屏的（UE4或者U3D开发）应用程序打包，打包成一个后缀为.exe的应用程序，在大屏电脑上直接点击，程序就可以在大屏上完美的跑起来，也不需要去进行电脑投射大屏。

控制端操控大屏

如果通过控制端去控制大屏，那么投射设备就可以通过多种方式去展示了，可以是手机，平板，触摸屏，手势控制，体感控制等等。

这种情况下投射设备的尺寸就按照本身设备的规范去设计就可以了（比如750*1334，2048*1536），设计尺寸就是我们大屏本身的分辨率就可以了。

多主机多信号投屏

此种情况主要使用场景：屏幕宽度非常高，并且内容可以分很多模块展示，模块彼此之间不受影响独立展示，这种情况下我们就可以通过此种方式去投屏。

通过多个主机分别去投射大屏的同等大小区域，比如图中的场景模块被我分成了四等份，我们就可以通过四台主机去分别投射四个模块，形成一个完整的大屏。

此种大屏设计尺寸我们以输出设备的尺寸为主要参考，四台主机那么整体宽度就是1920*4=7680，高度就是1080（如果设备支持4k输出，那么提升相应的设备尺寸*2就可以了）。

不同比例投屏及解决方案

Q：如果遇到一个设备是16:9，投屏到一个20:3比例的大屏幕， 那我设计尺寸以16:9，还是20:3？

A：我们要记住，如果面对的是正常比例投屏到非等比的大屏，我们需要遵守的规范一定是：一切以大屏展示为主。所以我们设计尺寸一定是按照20:3来设计的，大屏展示正常才是我们的唯一标准，投屏电脑可能会出现的问题，我们只能妥协（投屏电脑可能只能展示很小的一部分，但也是没有办法的）

那么我们遇到这种是否就没有办法了呢？在这阿勇给大家提供了三种解决办法，在实际工作中，我也遇到过这种问题，所以在这给大家分享一下。

方案一：外接显示器（外接多个显示器，一般主机可以另外外接四个显示器，这样就可以解决投屏电脑显示不全的问题了）

方案二：采用拼控系统，而不是用纯粹的设备投屏（拼控系统完美解决了尺寸不一致的难点）

方案三：设计两稿，16:9，20:3我们都去做设计（做两套系统，相当于做的适配）

Q：请教大家一个问题，电脑的分辨率是3840*2160，单个大屏的分辨率是1920*1080，拼9*6的大屏，设计尺寸该设置多少啊？这样设计尺寸会不会太大了，如何优化这个设计稿尺寸？

A：前面的文章我们已经介绍过拼接屏的尺寸的问题，这个问题的解答：1920*9/1080*6 ，这个就是设计分辨率，通过计算得出，最终设计稿尺寸为17280*6480。可以看出设计分辨率确实太大了，设计的时候如何去优化设计尺寸呢？

通过命题我们可以看出电脑分辨率是支持4K的，就是说输出分辨率和显示分辨率我们都是可以上4K的，而4K的分辨率一般会做3840*2160，再结合设计稿尺寸17280*6480，可以将整个效果图尺寸缩小三倍，也就5760*2160。设计可以按照这个分辨率去出图，最终交付给开发的就是切三倍图，并提示开发是缩小三倍做的。

总结：不管在面对什么尺寸的设计，都要记住，万变不离其中，一切以大屏完美展示为准则，所有的一切都是要在大屏上观看，为了完美展示，投屏电脑，设备控制等页面可以适当的让步。

全篇知识点

通过以上的知识点总结，不知道大家对于数据可视化大屏设计是否有了新的认识，数据可视化对于设备的尺寸，设备的信息，以及投屏注意事项，都要有更多的了解才可以。下图就是总结本篇文章的知识点。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

念起

作为一名UI设计师，不免每天都会和色彩打交道，但有时总会苦恼于色感把握不准，让我们配的色彩，总是“不对味儿”。我结合在近期的一些项目中对于HSB色彩模式的应用，与大家分享一些结合HSB（HSV）色彩模式帮助我们进行配色的理论和技巧。也欢迎大家一起讨论，共同进步。

色彩模式有哪些？

我们生活中借助观看而感觉到的“色彩”，可分为光加上颜色之后所透出的“透出色”，以及光照射到物体上反射出的“反射色”。

透过色是以“加色混合”的方式，由红、绿、蓝，共三色混合，表现出各种的颜色，我们的计算机屏幕就使用这种方式表现颜色。这种色彩表现方式，称为RGB色彩。

▲图1 《设计入门教室-色彩设计的原理》

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

RGB和CMYK两大色彩模式是最重要和最基础的。RGB更是与我们的工作密不可分。可是，在实际工作中我们往往很少直接通过RGB模式进行调色。

简单聊聊HSB色彩模式

1.HSB是什么？

「这是什么颜色？鲜不鲜艳？很亮还是很暗？」当我们看到一个颜色时，往往心中都会闪现这三个问题。

事实上，人类对于色彩的第一个感知往往是从色相（Hue）开始，即红色橙黄色绿色青色蓝色紫中的一个，然后是它的深浅度。

HSB模式对应的媒介是人眼，在选择色彩这件事上，HSB使用了更贴近人类感官直觉的方式来描述色彩，它把颜色分为色相、饱和度、明度三个因素（将我们人脑的“深浅”概念扩展为饱和度和明度）。

H—色相/色调：颜色的相貌，颜色的调性，在标准色轮上，色相是按位置度量的，取值在0—360度之间（黑色与白色无色相）。

▲图2 网络图片-圆形色相环

S—表示饱和度/纯度：颜色的纯度，取值在0—100之间，饱和度高色彩较艳丽。饱和度低色彩就接近灰色。

B—表示明度/亮度：颜色的明暗程度。取值也是在0—100之间。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。

工作中，我们常用的设计软件ps、 Sketch都是通过拾色器帮助我们选择需要的颜色。

▲图3 软件拾色器截图

HSB模式，可以完美固定HSB中的某一个参数，只对其他两个参数做改变或者只改动其中的一个参数，这一点，完全符合人的色彩直觉，也只有HSB能做到，而RGB、CMYK都是牵一发动全身的节奏。

通过HSB模式，我们可以在已有颜色的基础上，进行饱和度、明度的微调。以及选定主体色之后，根据需要，通过数值的加减改变色相，选取合适的颜色（互补色为180°、对比色为120°到150°、类似色为90°、邻近色为60°、同位色为15°。）

2.在设计中如何运用HSB色彩模式

通过上述对HSB的原理、特点简单介绍后，相信大家对其都有了基本的了解。以下我结合在工作中的几个案例来说明HSB在设计中是如何实际应用。

举个例子：如果我们在设计一个页面时，除主色之外我们需要一个近似色，就可以运用HSB色彩模式。

通过图片我们可以看出右侧的颜色整体视觉效果感觉更加和谐、舒适。在界面设计中我们常会遇到以颜色对同一种类型的不同状态进行区分，比如背景，按钮等。

结合上述的例子，以及饱和度与明度的变化规律：

（在不改变色相的情况下）

HSB色彩模式在项目中的实际应用

1.爆款、预约详情页色卡库

在去年的vivo游戏中心爆款、预约详情页的改版优化中，都运用了HSB色彩模式。使不同游戏可以根据头部氛围图配置出3个相同色相值的近似色并运用到页面中。保证色彩搭配有规律可行，并且展示效果在基准线之上。

系统统一从头部氛围图吸取、确定颜色后，通过调整饱和度和明度值（色值不变），即可得到一套色卡。

▲图4 vivo游戏中心预约详情页设计规范

2.联运深色模式中的应用

在双系统的深色模式适配要点中有提到“高饱和的颜色在深色的背景下容易产生视觉抖动，从而导致人眼疲劳”，在深色模式下我们应当选择更浅的颜色以达到更好的可读性。

我通过结合Material Design以及Developer深色模式适配规范中的色彩示例来简单说明，怎样借助HSB，来达到深色模式色彩科学合理的适配。

▲图5 Material Design深色模式适配规范

▲图6 Developer深色模式适配规范

通过对两种规范的学习以及对比，可以看出Material Design的规范相对而言更加直观和系统（手把手教你），Developer的适配则比较微妙（只可意会），没有明确的说明方法或者规律。但Developer示例中的适配则更加注重视觉表达以及色彩的一致性，带给人的视觉感受更加的舒适和谐。       

重点分析Developer深色适配中的配色示例中，通过将Developer给出的深色模式适配示例的色值转换为HSB之后，发现其HSB的数值变化是有一定规律的，规律基本符合：

BUT：

在根据Developer的深色模式颜色适配的示例总结其规律的过程中，对于数值的变化，产生了一些疑惑：

直到了解到：「每个颜色都有其专属的“感知明度”，也就是亮度」

将色相环“去色”后，可以明显看出：

每一种颜色（色相），都有着独特的“感知明度”，在S、B相同的情况下，黄，青，洋红的颜色会让人感觉比较亮，结合这点再结合Developer深色模式的适配示例以及得到的基础规律后。可以得出：

将上述我们所得的“HSB配色一般规律”运用在vivo游戏中心联运深色模式主色的推导，以及vivo游戏中心爆款详情页自动吸色系统优化中，使得页面的阅读体验更加良好，整体配色和谐舒适。

▲图7 vivo游戏中心、联运游戏爆款详情页

写在最后的话

HSB在设计工作中的应用当然不止上面讲的这些，比如我们经常碰到的页面中为了区分不同层级的文字，会给予文字不同灰度的颜色（最常见的#000000、#333333、#666666、#999999）也是应用了HSB模式，当我们所要区分的层级多于四种时，就不需要在色板里纠结了，只要按照上述的规律，以不同明度的变化就可以了。

在我寻找资料的过程中，也看到很多通过色相，饱和度，明度的一致或者对比等方式得到协调优秀配色的方法。这些都可以通过方法和HSB模式的结合，快速方便准确帮我们找到合适的颜色。

▲图8 网络图片-色相环配色图

在日常设计中，可以通过个人对色彩的感知与把握选取一个颜色，再通过HSB快速的选择相应的色板，运用在页面配色中。到这里关于HSB色彩模式在设计中的应用就全部介绍完成了，如果你阅读完也有所收获，不要忘了点赞哟~

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

• 有层级关系的数据该怎么展示？

• 一条数据有父子关系，该如何展示？

• 一条数据类型太多，表格容不下怎么展示？

• 一些数据其中的一类型字段较长，其他类型字段段，甚至只有几个字，该怎么展示？

• 一组数据，数据不全，类型不全，部分数据是共同的主体，该怎么展示？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

本次跟大家聊一个比较纯粹的艺术风格，英文原名叫“Minimal Art”，为什么一开始就上英文呢，因为这个风格特别多不同的翻译名，如果只看中文资料有时候你不知道原来不同书籍中谈的是同一回事。

我列举几个常见的名称，分别有“减少主义“、”极少主义“、”质朴艺术“、”ABC 艺术“跟”极限艺术“等，因为”Minimal“是极少的意思，所以不同的研究者根据理解作了不同翻译。

极限艺术雕塑作品

这个艺术的特征是用极少的形式，极简单的色彩，通过绘画或者雕塑来表达一种周密的理念。

“ABC 艺术“这个名称要特别说明一下，因为 ABC 是拉丁字母表开始的字母，有简单初步的意思，而且顺口，所以在运动初期就有人以这个名字来称呼。

极限艺术绘画作品

在我们的讲述内容中，统一以“极限艺术“来称呼。

大家对这个艺术相信比较陌生，因为确实是比较“脱离群众“，史太浓可以列举一个历史作品拉近这种距离，那就是 1957 年在米兰画展上诞生的《纯蓝》，作者是法国艺术家伊夫·克莱因（Yves Klein）。

克莱因作品《纯蓝》

这个作品就是一张图上铺满一片由克莱因自己混合的蓝色，其它什么都没有，但是这个蓝色纯净得直击心灵，蓝得很理想，很绝对，展出后马上引发轰动，克莱因跟他的蓝色都一炮而红，这个蓝色就是后来大名鼎鼎的“国际克莱因蓝”（International Klein Blue，简称 IKB）。

伊夫·克莱因

说到这里肯定还有朋友不甚了解，不过没关系，这个“克莱因蓝”诞生后曾经火遍过时尚圈，迪奥（Dior）、纪梵希（Givenchy）等大品牌都曾经推出过“克莱因蓝”色的服装设计。

迪奥曾经推出的“克莱因蓝“包包

而在 2021 年时候，这个蓝色又再复兴，被不少设计师用于商业设计，比如知名设计师潘虎老师不久之前为植物医生设计的产品包装就采用了这个“克莱因蓝”，效果非常惊艳。

植物医生的产品包装设计

克莱因当时的这个叫《纯蓝》的作品，就属于一种极限艺术的一种。

为什么产生极限艺术

“至上主义”绘画作品

第二个端点就是在 1960 年代的美国，我们先从这里讲会比较好理解，因为这个运动其实主要就发生在美国，在欧洲的影响都不算太大。

如果一直有看史太浓「风格列传」的朋友就清楚，1950-60 年代的美国曾经有过“抽象表现主义”（Abstractexpressionism）跟“波普艺术”两个重要艺术运动，而极限艺术的诞生跟两者密切相关。

抽象表现主义风格作品

此处顺便多说一句「风格列传」的正确“打开方式”，就是每一个篇章的内容虽然各自独立，但应该顺着时间线顺序来看，这样会更加清楚很多艺术风格的承接关系。

因为极限艺术可以说就是针对抽象表现主义与波普艺术而发起的。

极限艺术阵营中的成员认为，抽象表现主义仅仅是表达艺术家一种瞬间的感觉，太不严肃，而波普艺术更是刻意要打破艺术中的高低雅俗，是反艺术的行为，这两种运动对于艺术发展而言都有着高度危害性。

60 年代的波普风格作品

当然，这是极限艺术阵营的看法，所以它的诞生就是要明确的反对前两者，并消灭他们。

极限艺术主张艺术创作必须通过精心设计，有周密计划，而且作品必须是通过高度专业训练形成的结果，类似抽象表现主义那种随意性及波普艺术中的平庸商业感都是“垃圾“。

有了战略目标随之就是战术考虑，于是极限艺术的成员们就从 1910 年代时候马列维奇创作的《白上白》这个作品中找到形式的灵感。

马列维奇作品《白上白》

马列维奇曾经说过：艺术不为政府与宗教服务，不描述行为历史，仅仅表达客观对象，表明简单的客观对象可以存在，不依赖于任何东西。

这种理念被极限艺术者们十分推崇，听上去也确实非常高端。

因此至上主义这样极其简洁的表现形式就成为极限艺术的首选，由此可见极限艺术在反对“抽象表现主义”的时候，其实也是从他们的源头“抽象主义”那里分割出来。

马列维奇作品《黑色正方形》

这种关系真心不好理解，我举个宗教发展的例子，比如天主教中曾经分裂出东正教，随后又再分裂出新教，但三者的主张不相同，而且新教是因为反对前两者而诞生的，大致这样，也许还不够贴切。

极限艺术源自抽象主义还有两个佐证，就是他们的思想根源除了靠拢马列维奇，跟“风格派”（详见「风格列传」-风格派篇）中蒙德里安（Piet Cornelies Mondrian）的艺术思想也十分一致，蒙德里安认为艺术品被创作出来以前，必须在艺术家的头脑中完全成熟。

蒙德里安的风格派作品

蒙德里安的绘画艺术曾经被我们收录进抽象主义的范围进行讲述，这里要补充一句，就是关于艺术流派之间的关系难以理清，通常每个研究者都只能是无限接近，或者说各自有一套归纳方法。

另一个佐证就是很多极限艺术家之前就是搞抽象表现主义的，我们后面会介绍一下，这种情况太常见了，比如很多后现代主义设计师是从国际主义阵营中转变的，超现实主义艺术家很多从达达主义中产生。

我们在谈抽象表现主义的时候讲过一个分支，就是色域绘画，其实跟极限艺术在形式上已经非常相似。

抽象表现主义中的色域绘画

当然，极限艺术家们指责抽象表现主义与波普艺术的作品没有思考是有些过分与不厚道的，等于说人家混饭吃，也等于一些甲方苛责设计师设计出品不上心一样，这些其实都无法证明，只能是主观感受或者是刻意发难。

那么，极限艺术在抨击他人的时候，自身的表现形式有什么特点呢，我们接下来看看。

表现形式与奠基人

其实马列维奇的至上主义具有很理性的本质，简洁图形的背后都有严谨的数学与几何思维，这一点就属于极限艺术的理论基础。

马列维奇

他跟马列维奇是老乡，构成主义跟至上主义有着师承关系，意思是构成主义的一些思路源自至上主义，两种风格基本上是并行发展的，而构成主义更偏向设计这个端口多一些。

塔特林当时提出过一个艺术理念，就是：真实的空间感与真实的质感。

工作中的塔特林

这种理念跟至上主义一样，都尊崇严谨的理性主义及数学思维，再形成审美品味，而且是一种比较曲高和寡的高度审美化。

塔特林的这个理念后来主要体现在极限艺术的雕塑作品中。

这里我想到了古龙小说中的小李飞刀李寻欢，他的武功特点就是不管对方怎么厉害，他都是一刀解决，所谓“小李飞刀，例不虚发”，没有任何花哨的招式，一招致命。

《小李飞刀》又名《多情剑客无情剑》

确实是种深不可测的武功，这个时候我们再回看克莱因的《纯蓝》也许就是这种味道。

但如果你让我说清楚《纯蓝》到底表达了什么，坦白说不可能，我不认为除了作者之外有人有资格谈作品的创作概念，如果谈都是扯淡居多，赏析没问题，可以谈感受，或者揣摩作者想法。

克莱因作品《纯蓝》

但有一点可以肯定，克莱因调出这个颜色花的功夫费的心思不亚于爱迪生研究他的电灯泡。

极限艺术正式的开始被定义在 1959 年，当时美国纽约的现代艺术博物馆举办了一个画展，一名 23 岁名叫法兰克·史提拉（Frank Stella）的青年艺术家展出一张名为《16 个美国人》的作品。

史提拉作品《16 个美国人》

作品画面空空如也，只是黑色画面上有简单白色直线条，非常耐人寻味，但产生很大影响，极限艺术第一枪就这样打响，或者说浮出水面，开始逐渐形成流派与理论。

这个风格另外还有两位重要奠基人，分别是巴涅特·纽曼（Barnett Newman）及阿德·莱因哈特（Ad Reinhardt），两人最初也是活跃于抽象表现主义阵营，后来投身到极限艺术的探索。

纽曼与莱因哈特

先说一下纽曼，他在美国属于波兰的移民，生于 1905 年，1922 年开始学习绘画与艺术，1930 年代之后逐渐全职从事艺术创作。

1948 年时候，43 岁的他创作了一张名为《温曼一号》（Onement 1）的绘画，画面就是黑红的底色上画了一条橙黄色条纹，非常简单，属于极限艺术的潜伏期作品。

《温曼一号》

纽曼从这个作品开始就一直以这种风格进行创作，他的作品尺寸非常大，而且几乎都是一个底色上画些横线或者画些竖线，然后就没有然后了。

所以当他在 1950 年开始搞个展的时候引发艺术评论界的批判，因为也有混饭吃的嫌疑，直到 1960 年代极限艺术理论体系逐步完善，而且有走红迹象的时候评论界才改变对他的态度，转而将他奉为极限艺术的大师。

纽曼的极限艺术绘画作品

所以有时候，成也媒体败也媒体，评论界有一部分评论家对艺术的评价常常见风使舵，针对自身利益出发，比如希望吸引大家注意力，就像如今很多吃“人血馒头”的自媒体。

不管如何，60 年代的纽曼成名了，然后他的作品影响另一位艺术家，那就是前面谈到的另一位奠基人阿德·莱因哈特。

莱因哈特比纽曼年轻 8 岁，生于 1913 年，早年从学习设计转而进修艺术，1937 年到 1947 年期间都是抽象表现主义流派的成员。

他的早期作品色彩鲜艳明亮，有着硬边几何的形式风格，有点像立体主义，也像风格派。

莱因哈特早期作品

1950 年代开始他就将自己的创作形式变得越来越简单，比如将作品限制在单色范围，而到了 1960 年代，因为纽曼的影响，他坚决投身于极限艺术的创作中。

他的作品开始表现变得更加极致，大部分都是采用不同明暗程度的黑色长方形进行重叠，非常单纯，如果用前些年比较流行的网络语句来形容看他的画，就是“看了个寂寞”。

莱因哈特极限艺术绘画作品

莱因哈特除了创作之外，热心于通过写作及演讲来推广极限艺术，产生不错的效果，所以大家将其视为极限艺术的奠基人之一。

极限艺术与雕塑

极限艺术除了在绘画中表现，还有一个重要载体是雕塑。

有些从事极限艺术的艺术家本身横跨绘画与雕塑两个领域，其中最突出的就是法兰克·史提拉（Frank Stella）。

法兰克·史提拉

他被誉为美国最知名的极限艺术大师，原因在于他的作品有强烈个人特色，早期主要进行绘画创作，随之转向雕塑与装置，正是雕塑作品让他成了大名。

史提拉成大名的原因在于他反其道而行，不是采用“少即是多”（Less is more）的原则，而是“多即是少”（More is less），将作品做得非常繁杂。

史提拉的绘画作品

这里很多朋友就奇怪了，那不是跟极限艺术中的“极少”产生矛盾吗？所以史提拉是将极限艺术拔高到哲学高度，让人产生深刻的思辨。

情况如同硬币的两面，如果在一张白色画纸上只画上一笔黑色，大家的注意力就只集中黑色，但当黑色的笔画不停增加，直到最后只剩下一小片白色底色时，大家则变成关注白色，所以“以少见多”变成了“以多见少”。

史提拉的绘画作品

再比如一个人最开始只拥有一个专业身份的时候，他感觉很少，但其实因为这种少形成的专注让他拥有更多，分别是专业领域深度上的多跟时间自由上的多，因为专业上的极致能让回报更大，越到后面越轻松自如，能腾出更多时间放在生活。

而当身份越来越多自以为拥有更多时，因为散焦反而让收获更少，疲于奔命失去生活。

史提拉的绘画作品

举个更现实的例子，当你买多一部车或者买多一套房子的时候，确实物质的拥有多了，但会相应产生一系列更多的问题，比如忙于车的停放、保养、改装，俱乐部活动。

拥有多一套房子就要多思考新的装修，摆设，还不得不做更多工作还贷，所以这时候“多”与“少”让人迷惑，根本无法分辨清楚到底是多还是少。

史提拉在这方面最著名的雕塑作品是 1990 年创作的《梅杜莎之筏·之一》（法国浪漫主义画家席里柯有同名作品《梅杜莎之筏》）。

史提拉作品《梅杜莎之筏·之一》

这个作品使用一个坚固的金属支架，横向支撑出一大堆支离破碎，缠绕在一起的金属片、金属线与金属构件，看上去就是一团乱糟糟。

史提拉对这个作品没有作任何解释，他说作品没有象征意义，没有隐喻，所有内容与思想都在作品本身，大家只需要观察，这一点倒是很符合前面谈到的塔特林艺术理念，就是：真实的空间感与真实的质感。

史提拉的其它雕塑作品

其他极限艺术的雕塑作品则跟主流的极限艺术绘画差不多，都是用最少最简单的形式进行创作。

比如卡尔·安德勒（CarlAndre）在 1969 年创作的《镁和镁》（Magnesium-Magnesiumplain）,其实就是用 30 厘米见方的镁金属以 6*6 的数量（有一个版本是 12*12）铺在地上，简单到不得了。

安德勒作品《镁和镁》

展览过程中也没设阻挡，所以经常有观众很自然的从上面走过，以为是金属地板。

安德勒的创作特点就是喜欢采用现成品以数学的韵律进行不同方式的组合、排列、堆砌形成简单的雕塑，大部分是金属片材、砖头、木块等。

安德勒与他的雕塑作品

还有一位知名的极限艺术雕塑家名为罗伯特·莫里斯（Robert Morris）。

他在 1988 年时候创作名为《艾尔斯》（The Ells）的雕塑作品，其实就是三个 L 字形状的铁笼用非对称的方法进行摆设。

莫里斯作品《艾尔斯》

莫里斯有时候也很喜欢采用圆形进行创作，这种几何中最基本的形式被很多极限艺术家喜爱，因为圆形统一又简单，同时具有饱满的形式特点，他的作品常有这种元素。

莫里斯极限艺术雕塑作品

极限艺术的雕塑情况大致如此，余不一一。

结案陈词

极限艺术其实发展到如今都仍然存在，但声势明显变得比较弱，因为他主力反对的抽象表现主义及波普艺术都衰退了，等于也失去发展的着力点。

现代家居中的极限艺术装饰画

情况就如同商业市场，百事可乐需要可口可乐的存在，麦当劳需要肯德基的存在，所谓遇强越强，对手变弱甚至消失，也会让自己也不再进步甚至消亡。

我们如今还经常会听到设计中的 “极简主义”，其实并非完全一回事， “极简主义”更多是种延展的设计概念，还是属于基于功能问题为基础的形式考虑，而极限艺术不需要考虑任何功能。

极限艺术海报《皮尔斯怪兽公司》

在一些概念海报，装饰画或者公众装置艺术中极限艺术仍然适用，至于怎么才能真正用好，这期分享相信一定对你有所帮助。

文章来源：优设   作者：设计史太浓VS远麦刘斌


分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

文章来源：站酷 作者：SPECHEN 

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

用户体验研究可帮助企业了解目标受众的需求和行为，证明或反驳潜在假设，使他们不会根据虚假信息继续前进，并根据数据战略性地发展他们的产品。最终，它帮助他们创建和维护能够吸引和留住客户的产品，从而使企业取得成功。但是，您实际上如何确定用户体验研究项目的最佳方法？

本文分享了四步框架的概述：(1) 确定您想学习的内容；(2) 确定您要针对的对象；(3) 考虑时间表、预算和团队；(4)选择方法。

1. 确定你想学什么

让我们从第一步开始——确定你想学习什么。此时有3个问题：

您是在尝试探索想法还是评估想法？

探索性研究，也称为生成性研究，通常发生在产品设计和开发过程的开始阶段。它提供了对客户问题、需求和动机的深入洞察，帮助您确定构建什么、如何构建以及目标对象。

评估研究通常发生在产品设计和开发已经开始或产品发布之后。它评估产品的功效和可用性，帮助您确定痛点和改进机会。

您是在收集与新产品还是现有产品相关的数据？

如果您正在尝试产生想法并弄清楚如何塑造新产品，那么探索性研究将是最合适的。

如果您正在尝试确定如何改进和改进现有产品，则评估研究将是最佳选择。

这是一项独立的研究工作还是更大项目的一部分？

探索性研究通常是在推进产品创意之前自行进行的。

评估研究活动往往是在正在进行的设计和/或开发工作的背景下进行的。

2. 确定您的目标对象

现在让我们进入第二步——确定你想要定位的对象。这是该过程的关键部分。只有与合适的人一起进行研究，您的研究见解才会有价值，因此您需要注意寻找能够提供您所需观点的参与者。此时有3个问题：

谁是目标受众？

定义你想要接触的人的特征。例如，您的目标受众可能是向消费者销售产品或服务且每月在数字广告上花费不到 1,000元的小型企业的所有者。

您是否已经可以访问此受众群体？

如果您正在对现有产品进行研究，您可以利用现有的客户群。

如果您正在研究新产品或尝试接触新的客户群，则需要探索其他选择来接触目标受众。

如果没有，你怎么能接触到有代表性的受众？

您可能会考虑使用自助招聘工具，如用户面试或与招聘机构合作。

3. 考虑时间表、预算和团队

现在让我们进入第三步——考虑时间表、预算和团队。所有项目——不仅仅是研究项目——都有限制，重要的是在考虑这些限制的情况下定义你的研究方法。不过，约束不一定要受到限制。它们实际上是一个有用的工具，可帮助您专注于如何利用可用资源来产生最大影响并提供最大价值。

时间线

对于您的时间表，您想确定您是否在特定的截止日期前工作，例如即将举行的董事会会议或产品发布。

预算

对于预算，您需要确定哪些资源可用并且可以分配给该项目。当您考虑预算时，不仅要考虑人员成本，还要考虑任何补充研究成本，如招聘费用、参与者薪酬和工具，这一点很重要。

团队

对于任何团队限制，确定您是否具有研究能力以及这些能力是什么。您需要考虑您的团队中是否有可以进行研究的人员，或者您是否需要引入外部支持。即使你有一些内部能力，这些人也可能没有能力在截止日期前完成工作。

4. 选择方法

现在是该过程的最后一步 - 选择用于收集数据的方法。在这里，您可以真正深入研究并弄清楚自己要做什么。有两个组成部分会影响您的决策——范围和数据。

范围

对于范围，您首先需要确定是要使用单个方法还是多个方法。利用多种方法可以收集更广泛、更细致的数据集，但也更昂贵和耗时。您还需要确定是要进行长期研究还是需要立即获得反馈。

长期研究将是最适合的探索性研究，你需要建立的观众基础的了解，然后才能继续前进。

即时反馈 最适合评估性研究，在这种研究中，您希望在继续之前获得投入的正在进行的工作。

数据

对于数据，您首先要考虑哪种方法最适合目标和受众。

如果您正在探索新产品的想法，您可以从采访开始。如果您正在收集有关原型的反馈，并且需要尽快从受众那里获得反馈，您可以利用简短的未经审核的可用性测试会议。

您还需要考虑是要捕获定性数据、定量数据还是两者兼而有之。如果我们回到前面，定性数据可以帮助我们理解原因，而定量数据可以帮助我们理解什么。

您使用的方法将取决于您尝试获取的信息类型，以及与您合作的时间表、预算和团队。

每个研究项目都是独一无二的。但是定义方法的过程在不同项目中是相似的。如果您对进行研究感兴趣，我鼓励您利用上面概述的四步框架来帮助您找出最佳的前进道路。一旦您有了基本的构建块，您就可以继续制定更精细的研究计划，其中概述了具体的假设以及您将如何执行工作。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

导航和可查找性是用户体验设计的核心方面。如果用户无法找到他们需要的东西，他们就会感到沮丧并可能决定去别处寻找。在信息架构特别复杂的网站上，多级菜单是提高导航和可查找性的有效方式，从而提供有效的网络体验，促进产品信任和促进转化。

由于产品和使用它们的设备千差万别，因此没有一刀切的解决方案。但是，有一些经验法则可以帮助您构建多级菜单，从而增强在不同屏幕尺寸上的导航和可查找性。

不同尺寸屏幕的设计技巧

一个好的多级菜单应该通过以清晰、直观的方式呈现信息，让用户快速找到他们需要的信息。在我们进入特定于尺寸的指南之前，让我们看看一些适用于所有菜单的做法。

使用不超过两级的子菜单。任何多于两级的子菜单都可能使用户感到困惑。保持导航相对平坦可以提高用户的可查找性，并减少记住他们所在位置所需的认知负担。如果站点的页面结构很深，请考虑在密切相关的页面顶部添加本地导航菜单。例如，设计复杂业务支持产品的 Zoho 在每个产品页面的顶部放置了一个特定于产品的本地菜单，就在主菜单的下方。虽然顶部的主菜单列举了 Zoho 的核心产品，但本地菜单提供了对包含更详细信息的页面的访问，例如用例和定价。

用图标标记子菜单。通过始终明确何时有可用的子菜单来管理用户的期望。熟悉的选项包括一个小的下角图标或三角形图标。此外，请考虑在子菜单打开时翻转指针图标。

直观地组织信息。确保信息的层次结构与用户的心智模型一致。例如，在电子商务网站上，考虑购物者是否更有可能期望按品牌或商品类型组织商品。如果用户单击“鞋子”类别，他们是否希望子菜单显示运动鞋、凉鞋和靴子的选项？或者他们是否希望看到一个子菜单列出商店出售的每个品牌的鞋子？

确保用户始终知道他们在哪里。始终突出显示主菜单上与用户所在页面相对应的链接。如果当前页面在子菜单中，则在主菜单上也突出显示子菜单链接。

保持简单。菜单不是进行巧妙文字游戏的地方；确保链接标签具有强烈的信息气息。这意味着保持标签名称简单明了和描述性，以便用户在点击时立即知道他们会找到什么。文案越清晰，用户就越快找到他们需要的东西。

优先考虑可读性。使用简单的无衬线字体并确保项目周围有足够的间距以避免混乱。确保背景足够不透明以遮挡菜单后面的任何内容。但不要忽视网站的整体品牌。虽然可读性是第一位的，但要确保菜单的样式与网站的其他外观和感觉相得益彰。

使点击变得可访问。为了让有精细运动控制障碍的用户可以访问菜单，请遵循 Google 的Material Design指南，并将可点击元素的大小设置为至少 48 x 48 像素。

网站菜单设计技巧

即使移动趋势日益增长，客户可能需要功能齐全的网站的原因仍然很多。例如，他们可能需要在网上提供比移动网站可行的更多信息。或者他们的研究可能表明他们的用户只是更多地依赖台式机。

网站菜单应该易于浏览，提供清晰的交互，当然还有响应性。它还应尽可能与移动网站保持一致，以便为回访者提供直观的体验。

菜单应该在点击时打开，而不是悬停。您需要做出的最基本的决定之一是用户将如何访问站点的菜单。将指针悬停在菜单上是否足以触发菜单的外观，还是用户需要单击它？

悬停方法很流行，但点击打开是确保菜单在所有设备上可靠、直观地工作的最佳方式。单击方法使网站能够在传统的计算机显示器和类似的触摸屏上更一致地工作，并避免悬停方法出现的许多问题，包括：

a) 狭窄的悬停空间。悬停空间是鼠标在保持菜单打开的同时进行导航的路径。如果它太窄，菜单可能会在用户到达他们想要的链接之前消失。

b) 意外打开。如果用户在前往页面上的另一个位置的途中尝试浏览悬停菜单，则很容易无意中打开悬停菜单。设置一个短暂的延迟可以解决这个问题，但当用户确实想要打开菜单时可能会导致不适。

c) 触摸屏上的用户体验不一致。悬停菜单在触摸屏上不起作用。他们需要一个代码来检测触摸屏并切换到点击打开；随着笔记本电脑和平板电脑之间的界限越来越模糊，这些变通办法可能会过时。

d) 关于什么是可点击的问题。使用悬停菜单，用户在尝试单击之前并不总是知道父链接是否可单击。这与直觉相反。

e) 可访问性。悬停菜单可能会给使用屏幕阅读器或通过键盘导航的用户带来问题。

选择正确的布局：下拉菜单与超级菜单。如果网站使用传统的菜单布局（位于页面顶部的水平菜单栏），您可以考虑两种类型的子菜单：标准的单栏下拉菜单或多栏超级菜单。

如果父类别包含的链接少于八个，请考虑使用下拉菜单。如果下拉菜单足够长，需要垂直滚动，您应该考虑以不同的方式组织信息——也许作为一个大菜单或通过细化父类别。

超级菜单是一种嵌套菜单，通常使用可以扩展浏览器宽度的宽布局。如果子菜单包含许多可以按列分组的不同链接，您应该使用这种类型的菜单。通常，您会在大型电子商务网站上看到这样的菜单。

设计大型菜单时，请考虑以下事项：

a) 添加图像或图标，使信息更易于浏览。

b) 添加标题以对相关页面进行分组。

c) 如果类别名称不言自明，请添加说明。

大型菜单在移动设备上可能难以阅读和导航，但有时在更大屏幕上用户体验的改进使得为移动设备重新配置信息而做额外的工作是值得的。

添加清晰的悬停状态。使用点击打开菜单，包括所有可点击元素的清晰悬停状态，会使户确信链接处于活动状态。您可以使可点击区域的背景稍微变暗以指示悬停状态。只要确保悬停区域与可点击区域匹配。如果测试表明用户需要更多指导或上下文，请考虑添加更多描述性标签名称或工具提示，只要它不会阻止任何重要的内容。

单击以关闭子菜单。当用户点击别处或打开另一个子菜单时，通过关闭菜单来保持直观。这就是下拉输入字段在表单中的工作方式，因此大多数用户会觉得这很熟悉。

在桌面上启用键盘导航。并非每个人都使用鼠标进行导航，因此菜单应允许用户使用键盘进行导航。这意味着所有链接都应该具有不同的焦点状态，以便用户可以一目了然地看到它们的位置。通常，深色框可以很好地指示聚焦状态。

移动屏幕的设计技巧

如果您尚未设计移动优先，则需要优化手持设备的菜单。传统的菜单布局在非常小的屏幕上很少能很好地操作——如果你只是缩小桌面菜单栏，没有人能够阅读它。

简化主菜单。由于智能手机屏幕很小，您在桌面菜单中找到的大部分信息最初都必须隐藏。主菜单栏必须非常简单，但最好显示最重要的链接以提高可查找性。您可以将菜单栏固定在屏幕底部或顶部。

添加菜单触发器。由于移动菜单的全部或部分可能被隐藏，用户需要一种方法来找到它。在菜单栏或易于触及的浮动按钮中添加汉堡图标是一种流行的解决方案，许多用户都会认可。然而，汉堡菜单并不是唯一的选择。例如，如果您正在为年长的用户设计，则最好使用带有“菜单”一词的框。或者，如果您想让网站的功能更加突出，您可能希望将它们显示在顶部或底部的选项卡式菜单中。

将菜单放在侧边栏中。您可以通过多种不同的方式设计移动菜单。您可以使用全宽布局，适用于任何情况；底部抽屉，最好只有几个链接；或圆形菜单。一个不错的选择是使用带有深色半透明背景的侧边栏来遮挡页面内容，从而消除干扰，并允许用户轻松点击它以将其关闭。还可以考虑使用从左滑动的动画来避免不和谐的体验。对于侧边栏和底部抽屉菜单，请确保菜单可垂直滚动，以便在较小的屏幕或横向模式下不会有任何内容被遮挡。

允许用户轻松关闭菜单。用户可以直观地点击菜单来关闭它，但也可以考虑添加一个关闭按钮。您可以将汉堡图标变成 X 或在菜单的右上角添加一个。

对单个子菜单使用扩展部分。如果菜单只有一级子菜单，请考虑使用扩展部分。您可以将它们展开到父项下方，并使用不同的背景颜色来清晰显示。您还可以允许用户同时展开多个子菜单。考虑使用父项右侧的下角或三角形图标来指示子菜单可用。

用重叠菜单替换大型菜单和多个子菜单。如果您需要展开多个子菜单或重新配置大型菜单，请选择重叠方法：不要在父菜单下方或旁边展开子菜单，而是让子菜单替换父菜单。使用这种方法，您必须在除第一级之外的所有面板上都包含一个“返回”链接。对于顶级菜单，请考虑为父项使用直角图标或右箭头。

预打开子菜单。在小屏幕上，如果用户点击打开主菜单并且他们当前所在的页面在子菜单中，请考虑自动打开子菜单，以便用户了解它们相对于其余菜单项的位置。

总结

导航是客户体验的重要组成部分。用户不想进行寻宝游戏，也不想花更多的时间浏览菜单。如果他们无法轻松找到他们需要的东西，他们可能会放弃网站或界面，将他们的注意点转移到其他地方。

精心设计的多级菜单是具有复杂信息架构网站的关键组成部分。希望这些方法在各种用例中为您提供良好的帮助。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务