05
设计创新推动产业可持续发展

◎田斌

我所讲的主题是设计创新推动产业可持续发展。我们常说有生活就有设计，有设计就有生活。可以说设计改变着我们的衣食住行，改变着我们的生活方式、生产方式。设计让我们的生活变得更加美好。那么我们谈谈设计，谈谈我们真正需要什么样的设计。

我认为我们需要绿色、智能、符合人类进步发展需要的可持续性的设计。同样，设计驱动产业发展，产业创新体积的突破，依靠的是好的制度、好的价值观来加以支撑，那这背后离不开设计新思维、设计价值观加以助力。

我们聚焦到工业设计上，工业设计是什么？工业设计是对工业产品的设计，对产品的功能、材料、结构、色彩、表面等因素进行社会、技术、审美等多角度的综合处理，是以工学、美学、经济学为基础，对工业产品进行设计。

如何看待工业设计对制造业的促进作用？实际上国际经验已经充分表明，工业设计发展已经成为国家产业核心竞争力的重要体现，也是世界制造强国的一个重要标志。像美国、日本、欧洲等发达国家和地区，始终高度重视工业设计对产业创新的重要作用。把工业设计竞争力，作为提高产业竞争力、国家竞争力的一个重要手段。像20世纪20代以来，在上述发达国家和地区的工业化进程中，尤其是在其产业崛起、转型升级的关键时期，都把大力发展工业设计作为推动制造业发展的重要抓手和有效途径，依靠工业设计提升其制造业的价值和竞争力，进而推动其产业发展，跻身制造强国和工业强国之列。

美国如何推动工业设计发展？早在1972年，美国就建立了一套促进设计创新的相关计划和机制，美国政府高度重视行业协会的作用以及设计教育的创新作用，已经拥有60多所艺术设计学院，同时有600多个大学，开设了工业设计相关专业。在1979年，美国也设立了工业设计优秀大奖idea奖。1994年，也被宣布为美国设计年，其目的就是让更多的美国人重视工业设计，认识到工业设计对经济社会发展的促进作用。在2009年，美国发布了“重新设计美国未来”这一战略，提出要为美国经济竞争力和民主治理而设计的政策建议。当前美国已经是世界设计产业规模、设计出口和设计创新的第一大国。

我们再看英国，英国也高度重视工业设计发展，早在1944年就建立了英国工业设计委员会，这是世界上第一个由政府直接领导的官方设计促进机构，英国政府也非常重视设计与产业的紧密结合，同时也制定了一系列的相关政策。比方说英国制定了国家设计战略，在1982—1987年，政府投资了2250万英镑，开展了5000多个工业设计项目，同时也发布了2008—2011年优秀设计计划，进而推动了国内设计产业发展。

再看德国，德国在1953年成立了德国设计议会，作为德国设计领域的最高政府机关。它主要有两个核心内容：一个是举办展览会、会议和大赛；另一个是帮助企业，尤其是中小企业提供设计咨询服务，来培育、培养和挖掘设计人才。德国政府也非常注重公众设计意识的培养，在1995年制定并实施了“德国工业设计路线图计划”，目的是要提高设计意识，使得中小企业将设计视为整套产品品质竞争力提升以及公司国际竞争力提升的一个重要因素。在1953年，德国也成立了沃尔姆设计学院，这是德国现代设计的重要中心，这一学院对世界设计发展起到了关键的促进作用。同时，德国也打造了两个著名的工业设计大奖，一个是IF奖，一个是被称为“产品设计界奥斯卡奖”的红点奖。

其他欧洲国家，比如说芬兰和荷兰也出台了一系列支持工业设计发展的相关政策。2013年芬兰就颁布了芬兰设计政策战略与行动提案，这一提案致力于提升芬兰的设计能力，进而有效地改善芬兰的制造业竞争力。荷兰率先出台了创新优惠券，通过激励中小企业与研究机构合作，通过政府以在财政支持这一补贴方式来支持广大中小企业购买设计服务，运用设计来提升产品的附加值和核心竞争力。

我们再看日本，日本推动工业设计发展主要起源于20世纪50年代，由于日本出现了大量仿制欧美的产品，受到了欧美国家的强烈谴责，进而推动了日本政府重视工业设计的发展。在1958年，日本的通商产业省设立了设计科，以此作为管理工业设计日本工业设计的行政部门。1969年，日本产业设计振兴会也成立了。日本在后续的几十年来，也出台了一系列的设计政策，主要集中在下列几个方面：第一是注重设计的普及和启蒙；第二是注重地方的设计产业发展；第三是注重对中小企业设计的相关的支持力度；第四是强化设计的国际交流合作；第五是重视设计的知识产权保护。

韩国在推动工业设计的发展上，出台了一系列的相关的政策文件。比如说从1993年到2007年，韩国出台了三次全国推动工业设计的振兴计划，韩国也成立了产业资源部来推动产业的设计发展，设立了设计品牌科，也起草了设计振兴法案。同时韩国也成立了韩国设计振兴院，通过这一机构提供设计咨询、分析、培训等设计服务，来推动韩国的中小企业发展。

上面所讲的是发达国家在推动工业设计发展所采取的一系列政策举措。可以得出，发达国家基础制造能力与工业设计能力的相互结合，已经成为促进其工业化水平迅速提升的重要推力，所以我们在评估和衡量一个国家制造业水平的同时，一定离不开工业设计的有效支撑。比如，美国的特斯拉公司、苹果公司以及波音公司等一大批的制造业企业，背后一定有强大的工业设计能力在支撑。再比如，德国的奔驰及奥迪、英国的罗罗、日本的索尼、韩国的LG和三星等企业，其背后往往拥有强大的工业设计能力。可以说，工业设计和技术创新一样，是摆脱制造业短板领域“卡脖子”风险的关键所在，对比而言，我们在推动工业设计发展的过程当中，从来都不是单纯地依靠技术变革，而是在政府引导下走出了一条具有特色的创新设计或者工业设计产业化的发展道路。

早在2010年，工信部就联合多部委发布了关于促进工业设计发展的若干指导意见，首次把工业设计发展上升到国家层面的战略，在2011年国务院“十二五”规划当中，也将工业设计列为生产型服务业当中的高科技服务业。2012年和2018年工信部分别发布了国家级工业设计中心的认定管理办法和国家工业设计研究院的创建工作指南，通过推动工业设计中心的认定工作，以及培育和认定国家工业设计研究院这两项工作，进而有效地带动了各省、各地市相关企业来重视工业设计发展。2019年工信部等十三部委又制订了制造业设计能力提升专项启动计划，将工业设计赋能制造业高质量发展，摆到了突出的位置，这一行动计划当中也明确提出了几个指标性的要求：第一个就是创建10个以设计服务为特色的服务型制造示范城市；第二个就是培育200家以上的国家级工业设计中心；第三个就是创建100个左右的制造业设计培训基地；当然也提出要高水平建立国家工业设计研究院，进而提高工业设计基础研究能力和公共服务水平。为了落实促进工业设计发展若干造意见，工信部从2013年启动了对国家级工业设计中心的认定工作，从2013年开始一共认定了五批，每两年一批，共认定了298家国家级工业设计中心。大家可以看到，从第一批的首批32家到第二批的34家，第三批的47家，第四批的62家，第五批的128家，国家级工业设计中心的数量在不断壮大，同时其创新能力也在显著的提升，示范带动作用也越来越凸显。298家国家级工业设计中心中，其中企业的工业设计中心是265家，占比达到了89%；工业设计企业为33家，占比为11%。从地域分布上来看，我国的工业设计已经形成了珠三角、长三角和京津冀三大发展集聚区，在三大集聚区的国家级工业设计中心占到了全国数量的75%以上。下图列出了各省市的国家级工业设计中心的数量。

大家可以看出，山东省、广东省、浙江省、福建省、江苏省的国家级工业设计中心的数量占比较大，中西部地区重庆市、湖南省、河南省、江西省和陕西省的国家级工业设计中心的数量也呈快速增长的趋势。当然，我们也不可否认，西部地区宁夏回族自治区、西藏自治区、云南省、内蒙古自治区等地，国家级工业设计中心的数量相对较少。通过以评促进国家级工业中心设计服务领域在不断延伸，设计服务模式在持续升级。它们主要体现在两个特点：第一个特点是从过去单一的消费品领域，延伸至汽车、飞机、船舶、轨道交通、机械等装备制造领域，从基础的结构、功能、体验设计向高端的综合设计发展；第二个特点是经历了信息交互设计的第一次重要外延后，国家级工业事业中心的企业正在向公共服务领域拓展，比如在模式设计、商业设计、服务系统设计等方面也大显身手，进而有效地推动了制造业服务化的转变和升级。下图是从行业分布角度来看国家级工业设计中心。

国家级工业设计中心的行业分布，以电气、机械和器材，还有计算机、通信、电子设备行业的数量占比较高。当然，在汽车制造行业，如铁路、船舶、航空航天，还有家居制造业等相关行业，国家级工业设计中心的数量也占比较高。在国家级工业设计中心评定工作的带动下，各省市也开展了省市一级工业设计中心的认定工作。截至2022年10月，全国范围内认定了工业设计创新能力强、管理规范、业绩显著的省市级企业设计中心和工业设计企业共3533家。从地域上来看，省级的工业设计中心主要集中在我国的东部和东南沿海城市，其中安徽省、山东省、江苏省三个省份的省级工业设计中心数量均超过500家，分别为569家、528家和510家，其次是广东省、浙江省，分别超过了300家。

第二项工作就是国家工业设计人员的培育和认定工作，由于当前我国工业设计发展较快，但是在公共服务缺失、基础研究不足、设计数据积累和成果共享不够等方面的问题较为突出，已经成为制约行业发展的主要瓶颈，在一定程度上也影响了制造业的提质增效。为此，工信部开展了国家工业设计研究院的培育和认定工作，致力于打造一批工业设计、公共服务和研究机构，进而有效地突破行业发展瓶颈。“十三五”规划当中也明确提出要设立国家工业设计研究院，将创建国家工业设计研究院作为发展工业设计的一个重要抓手。

早在2014年，在《关于促进文化创意和设计服务与相关产业融合发展的若干指导意见》当中，也提出了要借鉴韩国的设计振兴院和英国的设计委员会等经验，设立国家级的设计促进组织，建立国家级工业设计研究院等公共服务平台。随后在2018年，工信部就提出了国家工业设计研究院创建工作指南。在2019年，在关于印发制造业设计能力专项行动计划当中，也明确提出了要高水平建设国家工业设计研究院。按照工作要求，工信部在2019年1月31日经过专家评定发布了首批国家工业设计研究院培育对象名单，大家可以看出一共是8家培育对象，主要集中在上海、福建、山东、广东、浙江等发达省市，每家培育对象都有一个创建方向。

除了传统领域，如纺织行业、陶瓷行业、家电行业，新兴领域如数字设计领域和生态设计领域，也被纳入到了培育方向当中。在发布第一批国家工业设计研究院培育对象名单以后，经过一年多的培育和专家的评定，最终认定了5家国家工业设计研究院。2021年我们又公布了第二批国家工业设计研究院的培育对象，一共是11家，相比第一批多了3家；同时我们也可以看到，除了沿海发达省市，像东北的辽宁省，中部的湖南省、湖北省，也有国家工业设计研究院培育对象入围。创建国家工业设计研究院意义何在？总结起来有以下四个方面。

第一个就是人才的集聚，通过打造国家级的研究平台，进而有效地吸引人才和智力的集聚。研究院与相关的高校和知名企业建立深度合作，进而有效地推动科研成果的转化和人才的联合培养，有效地服务本地区的工业设计发展。第二个意义就是公共服务能力的建设，工业设计研究院强调对本地区的公共服务功能，通过聚焦产业的关键核心技术，为产业链上下游提供通用的测试、研发，以及认证设备平台等相关服务，也为本地区搭建了工业设计合作交流的平台。第三，协同创新、工业设计研究院是基于公司加平台的模式加以创建，广泛涵盖了制造业企业、设计公司、投资公司、高校和行业协会等多个投资主体，建立了多方协调机制和现代化的企业制度，进而形成了如政府平台、企业联合、公关、优势互补、风险共担、利益共享的良好的协同创新机制。不仅要实现政府对研究院的输血功能，同时也要实现研究院的自负盈亏、自我造血。第四就是产业升级，因为我们还有很多产业存在大而不强的情况，工业设计研究院可以通过设计赋能和研发支撑来全面提升产业的核心竞争力和附加值。

经过多年的建设和培育，我国的工业设计发展已经取得了显著成效。总结起来有以下四点成效：第一是行业规模逐年扩大，首先我们已经具备了一定规模的工业设计专业公司，企业内设的工业设计机构也大量涌现，越来越多的制造业设计企业，设立了独立的设计中心；第二是设计与制造业融合的广度和深度在不断拓展，工业设计已经从前期的轻工、纺织、电子、信息等行业，向装备制造战略新兴产业不断延伸设计、牵引创新作用也越来越大；第三是产业格局初步形成，如长三角、珠三角、环渤海、成渝经济地区等，工业设计发展实现了快速的飞跃，一大批的工业设计园区、工业设计小镇、工业设计基地加快建设；第四是设计成果大量涌现，一批重点企业的设计能力已经达到或接近了国际先进水平，中国设计获得国际大奖的数量在逐渐增加，中国设计的影响力也在逐渐扩大。

再从三个方面谈几点认识：第一个方面是发展战略，中国正在加快推进创新型国家建设，工业设计抑或是创新设计，正在成为建设创新型国家的一个重要战略，从设计强企到设计强市到设计强省再到设计强国，工业设计始终发挥着关键性的支撑作用。当前，我国正在从制造业大国向制造业强国迈进的过程当中，制造业强国背后一定是设计在强有力地支撑，所以这是个一脉相承的逻辑关系；第二个方面是发展意义，从促进制造业转型升级到新旧动能转化，再到加快消费升级，在每一波的经济社会转型升级过程当中，设计创新始终都发挥着关键作用；第三个方面就是未来的期望，我们也非常欢迎各类制造业企业、设计公司，包括系统解决服务商能够参与到绿色智能创新设计过程当中，发挥设计赋能制造业高质量发展的带动和示范作用。

06
B端数字化产品的跨端设计

◎魏丽梅　冯韵

由于B端数字化产品在移动端逐渐成为了桌面端核心业务场景的延伸，因此体验设计师更要关注跨端产品体验的一致性，从而降低用户学习成本和提升工作效率。在业务发展的同时高效开发跨端产品，保障产品在多场景下的整体易用性，实现高质量迁移工作，是每个体验设计师面临的挑战。体验设计师该如何跨端搭建设计体系呢？如何在B端项目中去进一步应用呢？

1．为什么B端产品需要做跨端设计

传统软件普遍基于线下办公场景和PC端用户建设，难以适应移动互联网改造后的新时代，所以B端无线化趋势将会越来越明显。微软也越来越重视App模式和体验，为了更好地服务开发者，完成了跨平台系统Fluent Design的搭建，达成了多端设计融合。

在产品跨端趋势明确、技术成熟的背景下，许多B端产品为了更好地发展，必然都会做产品跨端设计，这个时候设计师需要关注些什么呢？我们从理论规则、设计系统和设计映射方案三个方面进行了解。

2．理论规则

设计师首先需要了解用户使用场景的差异性、平台环境的差异性、交互方式的差异性。

1）使用场景的差异性

用户使用场景的差异性主要影响因素有使用环境、使用时长及使用目标。通常用户在室内、安静且网络稳定的环境下，使用时间较长，多会使用计算机帮助用户快速获取信息，并且可以多任务并行，高效完成任务；通常在室外、嘈杂、网络不稳定的环境下，使用时间较短，多会使用手机通过简单聚焦的内容，快速获得重点信息及完成任务。

2）平台环境的差异性

平台环境的差异性主要体现在屏幕尺寸、单位、屏幕分辨率、适配场景及服务生态等方面。如今的主流设备包含手表、手机、平板电脑、桌面计算机，而这些设备又分别存在不同的分辨率。计算单位主要有物理长度单位pt、虚拟长度单位px、相对长度单位em，它们之间存在换算关系，根据不同的平台和分辨率，元素尺寸都存在一定的差异。在屏幕分辨率方面，相同物理区域下，高像素的清晰度大于低像素的清晰度。同时也存在特殊的适配场景，如不同形态的手机、不同系统，都会存在不同的设计规则。在服务生态方面，移动端更加灵活且具有特性上的优势，可以考虑通过产品设计补充桌面场景缺失的体验，尝试更多创新。

3）交互方式的差异性

交互方式的差异性主要通过两个交互维度来划分—键鼠和触摸，从这两个维度进行定义，能从用户最本质的交互操作模式出发，选择符合用户当前设备交互模式的组件。移动端采用手势操作，在不同系统、不同尺寸、不同硬件生态的移动端设备里，支持的手势类型操作较为复杂，同时具有丰富的硬件能力，多种感应器的组合可以作为向智能手机输入命令的方式，也为移动端的交互方式创造了更多可能的延伸；桌面端采用键鼠操作，操作方式相对来说较为简单一致，相对于手势而言，鼠标最大的优势是支持多模态交互。

总结而言，桌面端的优势在于处理专业复杂的工作时更加高效，移动端在覆盖人群、场景更广的情况下应该更加关注用户所在意的核心内容，并根据角色做相应的减法。除此之外，我们还需关注产品使用体验到品牌感知的一致性，即在各端的关键节点采取的设计方式应具有延续性，与符合所在配图的用户操作习惯的基础智商保障功能框架一致。

3．设计系统

除了用理论规则定义产品策略层面的差异，我们还需要关注如何提高在研发阶段整体设计方案的落地与协作效率，这要求设计师掌握系统性搭建完善的跨端设计系统能力。

通常一个完整设计体系从下至上会包括：通用规范、设计组件、设计模式、布局规则。其中，通用规范属于产品的统一品牌符号，需在各端保持一致，而组件的交互、页面模式的设计、响应式布局规则都需要根据前面提到的各端特性（屏幕尺寸、系统差异性、交互方式、设备能力）进行适配。通过建立一致性的设计系统，其中包括体现品牌符号的通用规范与各端适配的组件以及布局解决方案整体拉通，并与技术共同规定自适应规则，从而建立多维度的跨端解决方案。

随着越来越丰富和多元的情景出现，为了提升设计师的决策效率，可以引入Design Token的概念。Design Token的核心是一个变量控制系统，在设计系统的通用规范层面，我们通常用变量来控制样式的一些基础属性，对于跨端而言，它的意义在于如何统一各端维度，做到快速自动化的映射。

目前许多大厂的设计团队都尝试通过这套Design Token体系，让大量的页面和模块执行开发和设计并行的流程，提升项目整体的研发进度。在执行桌面端拓展移动端的项目时，也能在不同系统和设备上快速拓展设计，并保证两端设计的一致性。

4．设计映射方案

这里我们来看一下如何在B端的具体使用场景里构建设计映射方案。先介绍一下体验映射的原理：双端的一组基础组件对开发者而言其实是同类组件API、属性对齐以及组件功能形态的映射。设计师需要先将组成桌面端列表组件的元素进行分类，如标题、文本、按钮等，然后将无法跨端通用的元素进行移动化映射的“转译”，最后将通用元素和“转译”过的元素按照移动端规范重新组合起来，这样就形成了一对列表的跨端组件。在建立了这个基础认知后，再结合B端产品业务目标以及用户使用场景，进一步讨论如何进行落地。

1）B端数据录入场景

这里用录入场景的典型案例表单来说，一般由录入组件和操作按钮构成。输入区是表单的核心区域，承载了用户主要的交互，而操作按钮是完结表单操作的触发器，用于确认数据或者取消数据，表单越复杂，按钮也会越多样。表单类的录入场景中，移动化的设计最好保证用户可以在首屏看到核心的内容并控制单个页面内的信息量。

相对于桌面端而言，移动端表单内容对核心流程影响较小的信息字符可以适当弱化隐藏。若面对的是必填字段很多或是业务模块十分复杂，甚至在各个选项之前存在数据联动逻辑的情况，那么在移动端设计时可使用结构化类型的组件对界面信息进行数据拆解，让用户分步操作。

还有一类复杂编辑器的录入场景。对于桌面端，腾讯文档在主导航的设计上按使用频次显示出了常用的功能，保障用户在进行多线程复杂任务编辑时的操作易见性。而进行移动端的适配时，考虑到用户行为更多的是进行轻量浏览，将主导航的交互改为点击唤起，布局上尽量下沉去支持丰富的输入形态，更大程度地减少不必要的元素干扰，保障屏幕空间得到有效利用。

在线表格同理，在进行移动端的适配时，为了减少跳转，让用户专注当前行／列的单任务输入，增加了卡片视图的单行输入模式。

另外，我们还可以从输入行为的角度进行思考：优化操作方式、简化录入步骤。根据业务场景使用不同的录入组件，如滑块、步进器、选择器等；量身定制更合理化的业务组件，如带反馈振动的金融型密码组件，以此提升用户在录入时的体验；同时优化输入关键词后的匹配策略，通过系统判断给用户提出合理的建议等，减少触控输入带来的不便；甚至也可以考虑利用移动设备的硬件基础特性，如录音文本转化、扫描快速识别信息、LBS、NFC、GPS、重力感应、定位精度等，来打破桌面端工作场景相对固定的限制。

2）B端数据展示场景

我们再来看一下由信息列表、筛选与检索、操作等构成用于进行信息展示的数据列表页。它的本质为一组数据的集合，通常由行、列组成。行可以包含任何类型的数据，但也可以包含交互式控件。

在桌面端的表格或者列表投射到移动端中，更多的是以卡片式设计的形式呈现。由于卡片利于突出关键信息，同时还能适应移动端设备分辨率更复杂的情况下的展示，因此选择卡片展示可以满足信息的深度和承载更好交互的效果。

桌面端使用的table组件能够尽量结构化呈现完整的数据内容、筛选、批量操作入口。但移动端的横向空间十分有限，因此大部分情况下会选择转化为list的结构，将信息垂直展开并展示多层级的核心信息，隐藏次要操作。若特定情况下需要与桌面端table保持一致，则当表格列数较多时可以通过默认屏幕最右列展示一般数据以暗示用户向左滑动浏览更多表格内容，并且需要自动映射行或锁列规则。这里需要注意的是，带有复合表头的表格只适合在移动端映射为table，支持多层表格嵌套的表格在移动端映射为list时也需要进行相关的兼容性处理。

对于信息的详情页而言，在保障同状态场景下文案、业务功能的操作与桌面端保持一致的基础上，移动端更需要考虑区分信息的主次层级，聚焦在用户所关心的重点信息和状态上，通过字重、字号、颜色适当差异化方式来强化这些字段，减少用户的信息获取成本。

还有一类特殊的信息展示场景—工作台，它往往起到了产品中很重要的“交互枢纽+门面”作用。在桌面端上的数据呈现可以有效缩短获取关键信息的路径，同时允许用户在工作台直接操作一些高频任务。在移动端上的内容与行为也更加个性化，主要去展示品牌元素与高价值的信息。

3）B端数据可视化场景

进行数据可视化类的页面设计需要明确划分使用者的身份以及分析目的，从而选择对应的页面类型。不同业务线间关注的核心指标不同，常见的指标类型有宏观的大盘数据和具体的业务指标两类。确定核心指标间的联系及优先级，合理地进行页面布局，把结论和最重要的指标放在最醒目的位置，也可以通过交互的设计让这些页面更生动地演绎出数据的价值。

当设计者对页面的结构有初步思路之后，可以根据信息粒度的大小来选择不同的可视化组件。

通常指标卡类的组件信息粒度是最粗的，属于概览总结型信息；列表与文本类组件的内容接近详细的数据明细，传达的信息颗粒最细。而各类可视化图表卡片的信息粒度则位于中间值。

以典型的占比类图标饼图举例，在标签分类场景不多的情况下，桌面端可以将图例放在饼图的上方，通过鼠标悬停的交互显示每类标签的具体占比与数值。当投射到移动端上时，环形图可以让视线的关注点放在长度上，使对比更清晰，中空区域还可以用于显示关键的文本信息或结论数据。

当标签分类较多而占比差别又不明显的时候，可以在移动端将该图形转换为百分比条形图，用户能够更清晰地看出不同部分的占比，又合理地利用了屏幕的纵向空间。当标签名称过长时，可以换行展示，以避免条形图显示空间不足的情况。

除此之外，对于产品的某些核心元素信息，适当采用新图表样式进行可视化设计，起到激发用户自愿探索功能以及增强品牌识别的作用。但要注意的是，如果我们采用了日常生活中不常见的图表样式设计，就需要额外使用清晰明确的引导来帮助用户正确地理解其中的信息。比如说苹果的健身App采用了类似旭日图这种非常少见的图表样式设计，因此做了一整套带动画、文字说明的新手引导来帮助用户理解每个圆环代表什么。

还有一类较为常见的对比类图标—柱状图，当海量数据与有限屏幕空间发生冲突时，需要细化和灵活处理图表元素的布局规则，将信息展现得尽量完整和美观，如可以采用响应式的规范来解决不同端、不同屏幕尺寸下内容的适配问题。其中，省略、换行、旋转、抽样依赖于数据属性，转化方式依赖于设备的限制。在不丢失核心信息的情况下，体现数据主要特征，在有限的空间内帮助用户更快地理解信息和获取洞见。

除了图表以外，对于某些图表上的功能操作类组件，也需要对移动端做更具针对性的设计。以tooltip为例，桌面端tooltip的展示方式如果直接平移在移动端上展示，则会浪费更多的信息空间并且也遮挡了有效数据。在移动端适配时，tooltip组件其实可以通过手指的长按来呼出并且替换掉卡片的标题区，可以更加有效地利用屏幕空间。

同样，对于有着过长内容而需要页面锚点的可视化图表报告页，如果直接复制桌面端的展示方式在移动端上展示时，容易遮挡页面信息，即使采取收起的策略进行设计也会使得操作比较烦琐。在移动端适配时，直接通过tab平铺页面的方式直接展示，左右滑动进行滚动锚点，既不占用空间又能最大程度地展示出关键信息。

当然，我们还可以利用一些移动端的特性进行差异化的设计。例如，在时间跨度比较大的时序数据图表中，交易使用的蜡烛图在纵向屏展示时，很多数据细节会因清晰表达的原因隐藏掉，此时可以利用移动硬件的横竖屏的转换，在横屏条件下展示如最新价、涨跌幅、成交量、当日最高价、收盘价等更多重要信息。

5．小结

最后，我们在业务中对跨端设计的实际应用进行探索和推进的过程中，需要根据具体的业务情况进行方案的调整来遵循历史逻辑，减少对用户习惯的伤害。我们相信在不久的未来，硬件技术的发展和网络基建的完善会让跨端的应用场景越来越多，这也要求体验设计师不断丰富自身能力，为企业级产品构建更为便捷、流畅的跨端设计体系。

参考资料

［1］《2021年中国协同办公市场研究报告》。

［2］《Google设计指南：设计跨平台应用程序的指南》。

［3］《跨平台UX设计》。

［4］《实例解析！从理论到落地，B端移动App设计指南——艺赛中国CNYISAI》。