目前市面上有很多关于 B 端或 C 端的文案设计指南类文章，但对于汽车驾驶 HMI 设计的文案总结却几乎没有。可能是由于智能汽车行业这几年刚刚兴起，加上本身就属于小众行业。使得我们在网上很难找到相关的文章参考。我目前正在从事汽车 HMI 相关设计工作，在上一个项目中负责文案设计。项目复盘阶段我整理了一套关于汽车 HMI 文案设计指南，如果你也正从事此项工作，希望此篇文章可以为你带来一些帮助。
车载屏幕设计与手机、电脑屏幕最大的不同是使用环境。手机和电脑的使用场景相对安全并且稳定。但在驾驶过程中的复杂环境如车辆颠簸、屏幕眩光等，使司机在屏幕阅读时造成难聚焦、阅读时间短等情况。如果司机因为阅读困难造成行驶中注意力分散，非常容易造成交通事故。在这样的环境下，高效、清晰、安全成为了设计文案时的重要原则。
为了能满足上述提到的设计原则，控制文案字数是首先能想到的。文字越少，阅读时间越短，所占据司机注意力的时间也就越少，进而保证了行驶安全。那文案的字数应该控制在多少呢？
人类对多任务复杂信息处理能力是有局限性的。当注意力集中在某一点时，其他事情的关注度会明显降低。例如当驾驶过程中需要阅读文字，其驾驶注意力就会出现分散甚至忽视。有学者做过专项调查，结果显示，驾驶员驾车行驶1km内大约会遇到300种信息，至少要做出75次判断决策，相当于每隔13.3m驾驶员就需要对路况做出1次判断，以保证行驶安全。
假设在城市中驾驶的平均速度为50km/h（约13.9m/s），也就是大约每隔1s驾驶员就需要做1次路况判断。而一个普通成年人的阅读速度大约是300～500字/分钟（约5～8字/秒）。因此在车机屏幕内的文案字数建议不超过8字。
但在实际设计中，我们发现有些文案字数是无法控制在8字以内的。例如「附近搜索结果较少，已扩大搜索范围」。长文案通常属于辅助性文案，是对某种功能或结果的一种描述。这类文言的重要层级通常不高。如何在满足文案需求的基础上保证其安全性。我们的做法是，增加长文案的断句频率，使每个断句之间的字数不超过8个字。这样可以减少用户单次阅读时间，适当增加阅读频次（通常增加1次）来解决长文案问题。
字词在 HMI 设计中有很多和移动端用法相同，但也有不同。例如「您」和「你」。移动端通常建议使用「你」字，原因是用「你」代表用户来与之对话，可以与用户建立亲密感；而「您」容易产生距离感。但在车机使用场景中，我们更想带给用户一种尊贵感。毕竟在国内绝大部分家庭中，买一辆车还是属于一件比较有仪式感的事情，这里如果使用「你」增加亲密感显然就不合适了。
导航距离是导航产品中特有的显示内容。对于这类信息，也应该秉承清晰、高效的原则呈现给用户。
网络语言通用性和辨识度不够强，不是每个用户都能理解的；而且网络语言带有一定的戏谑成分，与产品的品牌，和调性可能会有冲突，应避免或谨慎使用。
保证文案清晰完整，避免文字过长使用「…」省略。例如控制用户自定义昵称长度，不得超过 8 字。在特殊情况，如显示超长路名时，需尽可能保证路名完整性，若超出可显示范围，则使用「…」省略。
感叹号会让文案显得过于情绪化，容易让气氛过于紧张。应尽量避免司机出现情绪波动。
阿拉伯数字在阅读中的可识别性更强，因此需要表达数量时，尽量使用阿拉伯数字而非文字
HMI 设计在国内正在慢慢兴起，有很多内容还需要我们开发和探索。这篇文档对 HMI 中文案的设计规范提出了参考建议，但无论是建议还是指南在实际运用时，还需结合具体情况考虑。它们不应该成为限制设计师编写文案时的条条框框，而旨在引发更多的设计思考。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
文章来源：站酷 作者：伊高国
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编辑导语：OMS即订单管理中心，可以看作是电商系统的核心，其所需要具备的功能包括汇集数据、分发、跟踪汇总等等。那么，如何依据实际业务场景、搭建一个可支撑的、稳固强大的OMS系统？本文作者针对分布式场景下的OMS系统设计做了总结，一起来看一下。
通常我们所谈论的网上购物为狭义电商，属于广义电商的一种，即以电子化手段进行商品交易的一种行为。
狭义电商简单可以描述为货、款、以及货与款的关系。同样，转化为电商系统主要核心模块可以分为WMS仓储系统、FMS财务系统、OMS订单系统。
在电商的三大核心模块中OMS订单系统又可以看作核心中的核心，所有系统以围绕着订单模块进行构建，如果整个电商系统比作人体器官，那么OMS当之无愧可以比作人的心脏，所以OMS系统设计的好坏，直接影响着其他系统的构建。
OMS系统承上启下处在电商系统业务链的中游。通过各个平台聚集到OMS的订单，系统通过会员信息、收货信息、优惠信息、商品、积分、支付等条件对订单提供后续处理，如合单、拆单、第三方推送、分发仓库、通知扣减积分，库存、创建退款，退货申请单等操作。同时具备从其他系统上报收集追踪订单变化。如出库、物流信息，并对其他系统运营分析提供数据支撑。
可见OMS系统要具备数据快速聚集、加工、分发、跟踪汇总的能力。
了解了OMS所处位置和作用，接下来谈谈如何设计一个稳健的、可持续性的OMS系统。
我们知道建设大楼，会考虑地基、主体结构、周围环境、承载以及抗震能力等各种因素。系统搭建也一样，对达到什么样的预期目标也需提前做出制定，制定的要求越高，设计考虑的因素就越多。
根据用户群体的特点，前后端数据库主从读写分离、应用服务分开灵活部署。主数据库处理相关业务事务，大量的查询转移到从数据库。一是减轻主数据库的压力，二是前后端物理隔离一方宕机可降低对另一方作业的影响。
BDMS 业务+数据（中台）库与OMS 订单库特点对比：
根据C端用户特性查询订单以会员维度区分，所以缓解前端访问数据压力，分表设计是个不错的选择。按照订单号1024取模方式，会员编号尾号数字1位，2位取模方式等等。
架构从单体、三层、再到分布式微服务的变化，业务边界也从领域驱动建模开始制定到最终分而治之，各得其所。各个分拆模块更具独立性和可扩展性。所以设计时其他业务模块数据不应混到单独某一业务模块中，数据交换传递统一通过服务接口形式获取。这也体现了分布式系统一切皆服务的思想。
业务拆分后的三大模块主要变化时间轴：
从客户角度分析，C端用户界面可操作性较低，要求简洁、直观、易懂。如会员中心订单tab分类：查看全部、待付款、待发货、待收货、待评价、退款/售后。
上图分类由两种或三种业务状态的组合而成，如下图为后端订单和支付状态值组合到前端状态值以及显示的算法。
其中，会员中心的退款/售后为逆向状态，可与其他tab正向状态区分开。
OMS系统主线是从建立订单开始为仓库提供发货依据到配送完成，最终实现可预知的业务闭环。
其他事务如推送第三方商户、扣减库存、创建应收、释放积分，库存、退回优惠券，创建退款申请单等事务，可归纳到分支，实现可控的由订单状态流转异步创建单据和事件进行处理。一是缩短业务链长度可使系统更具稳定和强健性，二是可根据活动、秒杀情况控制分支事务处理频次，使资源更好的集中到业务主线上。
例如，双十一活动期间，阿里把会员等级，芝麻信用计算等附加业务暂停服务。甚至在双十一凌晨秒杀阶段，延迟退款退花呗等逆向行为。
→正向状态流（每种状态分别由定时任务异步处理当前状态下的后续业务）：
→逆向状态（由定时任务异步处理取消订单后续业务）：
系统根据审单配置规则对订单金额、地址、地区、收货人，指定会员、手机号等信息进行合法性校验，校验通过的则正常流转后续流程。不符合规则的订单，以及包含备注的订单转人工，通过人工再次审核。
拆单主要原因涉及店铺、品类、跨境商品、商品超重以及仓库的不同。系统根据拆单配置规则实现对订单拆分。
拆单一般时间节点在支付前和支付后两种情况。拆单需要把运费、优惠、积分分摊到正价单一商品上，方便退款退货以及财务结算。
同时需要考虑部分退情况。如果存在满减、累计消费金额，跨店铺消费等优惠限制时，要注意是否满足部分退。不满足，则需要连带其他拆分子订单一起退，否则驳回。
当买家编号、收货人手机号、地址、姓名一致时，系统自动合并生成新订单。需要注意的是合并订单为虚拟订单，并不是多个订单的合并生成父订单，实质只是合并发货，降低物流成本。
实现方式如定时轮询任务，延时消息。当数量少时使用定时任务即可满足设计。当数量过大时可采用延时消息，订单生成后发延时消息，到设置临界点时判断是否支付，未支付则取消订单。
一般针对虚拟商品，无需推送到仓库实物发货的订单。如手机充值、购买游戏币等等系统可主动变更订单为已出库，减少人工干预。
异常订单拦截一般有别于自动审单校验，可看作是对自动审单规则的补充加强。如收货地址临时变更、商品破损、库存不足、部分地区管控物流限行等等。拦截可以是系统和人工拦截两种。
开票分为纸质和电子两种，纸质一般由仓库随发货一起开具，电子发票则由订单发货后，出库状态上报到OMS后，由OMS系统调用税务平台开具蓝色发票。退货逆向流程则开具红冲发票。
如第三方消息队列事务消息机制，TCC补偿方案等等，同时需要注意接口设计时一定要做到幂等性。
换货实质是订单商品的变化，同时也可以理解为新订单加退货或部分退的方式，因此也会涉及到商品单价、优惠券、积分的重新分摊。这也是为什么换货功能设计到OMS的原因。换货主要包含同类商品、不同类商品之间，以及数量的变化，同时还会涉及到旧商品、新商品库存和应收、实收财务结算上的变化。
最后，还要与日志监控、数据分析等系统配合做好预警服务防止恶意下单，最大程度保证商家利益。OMS作为整个电商核心系统，在设计时需要充分分析具体涵盖的业务场景，以及与其他系统的融合，这样才能设计出符合自己企业的OMS系统。
分布式场景下系统设计是一个不断摸索前进的过程。只有对架构设计和业务解耦的粒度大小等合理构思，才能使后续系统更具有迭代性和可扩展性。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
从去年到今年，众多行业都遭受到疫情这只黑天鹅的冲击，然而，中国经济也最快的从疫情中恢复到常态，其实这一过程，离不开数字化。从今天来看，数字化几乎是各行各业都在试图接受的一个进化路径。
早前YC中国创始人及首席执行官陆奇认为，数字化是把人们需要的信息获取后存在一个特定的介质上，使得信息本身与这些信息所描述的实体分离开来，进而被大规模、高效地处理后又被传递回人们所使用的终端，被进一步利用的过程。
他指出，在今天的知识经济时代，它是由大规模的信息、数字化来驱动的。
在过去60多年的历史上，从第一代IBM为代表的单板个人电脑；第二代微软、苹果再到第三代、第四代的PC与移动与云，再到即将进入的第五代AI/5G +边缘计算的早期，数字化进程一直是由计算平台来驱动的。
从陆奇的观点来看，任何一代计算平台，都有前端和后端。前端永远由交互的模式来驱动。
包含鼠标、键盘到手指等交互入口。其次，包含数字化的终端设备，比如个人电脑到智能手机等移动终端。前端永远由交互的模式来驱动。
而驱动后端演进的是计算资源规模的扩大提高，具体而言是运算信息、存储信息和传输信息（网络）的能力水平的提高。计算资源规模的提高也意味着数字化广度和深度的扩展。
从今天来看，借助计算平台的发展，交互入口的演进，前端数字化与后端数字化已经在各行业演进。
比如房产市场贝壳等玩家的VR看房、互联网家装市场的VR装修、服务机器人市场的AI机器人、新能源汽车市场的换电模式（体验交互终端）、手机厂商的智慧大屏等就是典型的前端数字化的案例。
在今天，后端大规模的云计算开始把计算、存储作为一种服务形式，让每个企业在门槛很低的情况下，充分享用数字化所带来的能力。
后端的数字化创新更多是计算资源规模带来的数据化驱动。
比如说，各行各业与互联网大平台结合建立的数据化、以及互联网巨头借助自身的云计算资源平台布局，带动千行百业上云， 解决流程与业务创新。
从前端与后端的数字化，或能窥视数字化转型的趋势性方向。
互联网平台结合VR技术的应用在今天已经非常普遍，比如VR购物、VR看房以及互联网家装行业的VR装修等玩法都相对成熟了。
当前从国美打扮家到土巴兔、齐家网等互联网家装平台，都加入了VR技术，能让用户有直观独特的3D全息家居体验，用户除了能全方位查看全息影像，观看户型展示，更能与全息影像展开交互。
而VR看房也应用到了租房市场。传统的线上看房，都是采用图片和视频的方式，但线下看房要花费大量的精力体力。从行业痛点来看，房地产互联网广告平台模式最大的弊病就是滋生假房源，真实性难以判定。
而互联网房产与VR整合在一起，通过三维实景重建，建立3D化的体验，带来了多重体验改善——它首先是让消费者获得沉浸式的看房体验，自由行走在VR场景内，查看每一处细节。
其二是，无需亲自到现场体验，就可以获得所见即所得的现场体验。其三，基于空间三维数据，以AI生成一种更具交互性的VR视频，解决了房源的真实性的问题。
这其实是一种典型的前端数字化创新，它通过VR这种新型的数字化终端与房地产、装修等行业结合，一改过往看房不便利、假房源众多、信息隐私泄漏等众多短板。
再看AI机器人市场。
我们知道，工业机器人可以代替一部分人进行重复性的劳动，然而由于指令循环式的机械化，无法应用于家庭、商场、医院等复杂环境中。
2021年央视春晚上，红色机身搭配祥云图案的「拓荒牛四足机器人」亮相，让服务型机器人进入大众视野。
这类AI机器人关键是解决了两个核心的技术难题：其一就是赋予机器人感知的能力。其二是给机器人做好整个任务的长链条规划。具备对指令进行解析，进行分层任务分解的能力。
通过这两个能力的完善，它就有机会针对行业的痛点改善交互模式服务于众多的行业之中。比如在机场、银行、购物中心等商业场景中，机器人能够帮助企业减少人力资源支出，帮助人们快速获得咨询回应。
某种程度上，这类探索更多是聚焦于如何更好的服务于人的问题，但如何利用机器人来更好地服务到社会更多细分群体，是它未来的考验。
此外，在新能源汽车行业，蔚来的换电布局是基于行业的电动车充电痛点而挖掘出来的新模式，在今天，电动汽车的电池电量焦虑无疑是当前消费者购买电动车的最大的焦虑与痛点。
对此，蔚来提出了车电分离、电池租用的商业模式，背后的核心是蔚来把换电站、充电桩、电池、专员通过数字化搬到了云端，实现线上线下同步。它本质上是在电池技术短时期内难有突破的现实条件下，拿出的一种基于解决车电分离的问题、快速换电的新解决方案。
再看电视行业。
在今天，手机与PC已经抢夺了太多时间，人们正在形成用手机、平板看电视的习惯，电视的发展前景在哪里？
从整个行业来看，电视行业经历了一轮曲线发展，在2014年左右，中国智能电视行业的发展达到顶峰。随后在2016年进入低谷。
但2019年华为智慧屏之后，小米、海信、TCL等相继发布首款智慧屏。智慧屏的出现，让电视行业进入到家庭互联网的时代。
在雷鸟科技CEO李宏伟看来，电视行业发展经历三个阶段，第一阶段是以显示技术为主的传统电视，第二阶段是以观看在线内容为主的智能电视，第三阶段则是成为一部55英寸手机的智慧屏。
雷鸟科技的智慧屏玩法是融合在大屏电视上建立了一个短视频频道，即当用户想看短视频或其他场景的时候，它可以旋转成一个竖屏。
某种程度上，智慧屏是在传统电视的基础上，为用户提供更丰富、更个性化的使用体验(如视频通话、AI健身、实时互动教育等)，重构了人机交互。
综上从VR看房、AI服务机器人、VR装修，智慧屏、蔚来换电站等案例中，其实都能看到前端数字化重做的理念。
它们都是看到了行业的痛点与短板，以及新阶段的消费需求（比如贝壳看到了平面图片的假房源问题，智慧屏玩家们看到了大屏需求与消费形态的转变），然后借助了新的终端技术，新的计算平台玩法嫁接，推动行业游戏规则的改变。
前端数字化更倾向于从一个产业原本存在的痛点与问题入手，通过终端交互的创新，带动用户体验的升级，试图打破原本产品业务增长的瓶颈，通过体验创新带动新需求。
如果说前端数字化更多面向消费互联网赛道，而后端数字化创新则更多是面向B端产业互联网赛道。
在今天来看，从国外亚马逊微软，到国内BAT、华为、字节跳动，它们当前的战略是集体To B，争夺云计算赛道蛋糕，这是平台型巨头带动后端数字化的一个侧面。
在当下这些巨头玩家们的布局战略来看，存在诸多共性：
首先是巨头们To B都是主打技术输出，赋能各行各业。亚马逊、阿里云，腾讯云、百度云、字节跳动火山引擎等都在以技术输出、赋能各行各业的方式在To B市场跑马圈地。
其次，都基于自身业务发展特色提出了相关的服务与解决方案——当前，一方面，腾讯云有 “数据驱动” 解决方案、阿里云有 “推荐算法” 解决方案，火山引擎有“智能增长技术” 。
另一方面，BAT字节跳动等众多大厂开放了比如钉钉、企业微信、飞书、如流这些工具，可以免费被中小企业使用。
其三是大厂凭借C端业务的巨大体量，都在输出数据中台。
而从平台商业模式的演变来看，字节跳动与腾讯、阿里等巨头型玩家的商业化路径有类似之处，即首先是通过入口级流量型产品聚集起规模化的流量与用户进行流量变现，然后切入B端市场，开始进一步输出技术价值（大数据、人工智能、云服务等）。
综上来看，从BAT到字节跳动来看，它们就是借助了数字中台、云计算等底层基础设施的能力，来推动平台数字化赋能模式与用户增长模式。
在目前，基于强大的数据分析能力来实现用户精准定位，最直观的例子是电商行业，无论是基于消费者偏好的广告投放，还是基于对用户群体需求行为数据分析，结合在线人群识别技术，电商APP总能精准卡准你的偏好与需求。
此外，在技术价值输出层面，百度腾讯等玩家也带动了自身的云服务能力在营销、工业、金融等多个行业成功落地。
而传统企业后端数字化的本质就是把人工、线下的经营模式搬到线上去，通过互联网软件技术来实现获客与增长。比如传统的企业增加了ERP系统、CRM等。
而SaaS是后端数字化的典型。所谓SaaS，也就是软件及服务，很多中小企业都会选择SaaS提供企业服务。
早在2016年知识付费兴起，作为创投的一个新风口，当时的互联网行业里纷纷涌现了像得到、喜马拉雅、千聊、荔枝微课等知识付费平台。
但发展到后来，教育培训与知识付费费行业越来越倾向于需要一个专业化的工具来实现内容的获客引流。而知识服务SaaS平台就这样应需求而生。小鹅通、千聊、荔枝微课是其中的典型玩家。
小鹅通是基于微信生态的SaaS服务工具，客户可以基于这个工具在微信里运营私域流量，打造自己独立的知识店铺，围绕着教育与知识付费业务，实现引流获客、线上用户运营，帮助商家打造完整的业务闭环。
同类型的还有千聊和荔枝微课，它们作为知识支付平台工具，可以通过SaaS系统，帮助创业者建立自己的知识商店。
在SaaS服务工具中，CRM的普及化程度相对较高。从字面意义来看，企业用CRM来管理与客户之间的关系，从而支持有效的市场营销、销售与服务流程。
它的本质是把企业的组织架构，业务流程，运营模式等通过软件系统的形式固化下来，是一种创新的企业管理模式和运营机制。
由于CRM是企业面向外部销售、客户服务的部分，在数字化过程中，它与业务增长具备直接关联性，也因此最快被企业接受。
国内企业服务领域机构T研究发布了《2021中国CRM数字化全景实践研究报告》，报告指出，在经历了“疫情”黑天鹅事件后，中国市场中的CRM品牌反而逆增长趋势。
特别是在大量业务必须线上化、数字化加剧的双重驱策下,CRM成为了企业抵御风险、保持增长、以客户为中心的转型必要选项。
SaaS服务工具是数字化转型的大势下一股代表性的力量，他们为企业提供一种获客引流的数字化工具，增加了与客户接触的触点。
有业内观点认为，传统企业软件之所以到了规模化增长的天花板，是因为没有解决服务产能问题，而SaaS的运营本质是服务的管理，即通过高效的工具系统来支撑，围绕获客、留存、增长的全链条的服务。
因此，SaaS服务作为数字化转型中的一股重要力量，它试图帮助增加客户接触机会，实现更高的销售额，说到底，企业的数字化转型，其中一个重要驱动力还是利益驱动。
如果说前端数字化创新更多偏向于消费互联网赛道，通过终端交互创新发力行业的痛点，那么后端数字化其实更偏向产业互联网，更多借助了数字中台、云计算、SaaS等底层基础设施的变革，来实现了产业化B端生意的突围。
也就是说，从计算平台交互模式的不同，各行业企业有了前端数字化与后端数字化不同发展与创新模式。
从趋势来看，未来所有的企业都将成为数字型企业。如前所述，对于众多传统企业而言，它首先是利益驱动，这决定了它关注降本增效，但更关注投入产出比的问题。
从业务模式来看，前端数字化更多是聚焦通过产品层面的技术创新来实现业务与产品体验破局，而后端数字化更多是基于数字化技术（如大数据、云计算、人工智能等）来推动企业组织转变业务模式，组织架构。
前端数字化它更多聚焦于解决客户的现存痛点，比如：
而后端数字化更讲究从数字渠道有效触达目标顾客的能力，目前围绕微信、抖音快手、头条、淘系等各个内容平台，出现了非常多的营销获客的解决方案，这本质是借助后端数字化的模式来实现业务的线上化营销突围与创新。
而“上云”也已成为后端数字化转型的基础，从产品、业务再到运营和服务等各种转型层面，通过“上云”获取算力资源实现对用户需求的精准定位都变得必不可少。
来自全球知名数据机构IDC的报告显示，疫情加速了全球以云为中心的IT转换，预计到2024年，全球整体云计算产业规模（包括云服务、云相关服务和云基础设施建设）将达1万亿美元以上，而在中国将达到1000亿美元以上。
有业内人士指出，为什么传统商超干不过电商？因为传统商超是凭经验来判断市场平均需求，而电商则是精确量身定制，当前C2M、社交电商等新模式开始进一步升级了这种精准定位能力。
对于中小企业来说，数字化转型无疑也面临着众多难题，一方面是面向内部，数字化转型需要企业运营体系、组织架构、技术开发等各种力量的配合，打破部门之间的数据壁垒与业务流通壁垒。
尽管不少企业内部有管理升级和业务创新的需要，但在成熟的、利益机制板结的传统大企业内部，实现起来并不容易。
另一方面是面向外部，挑选哪家厂商的服务，平台的解决方案是否与自己的业务适配等等，这些顾虑无形之中给企业增加了采购风险与相应的损失与误差。
这事实上也是对提供云服务的巨头的一大考验，在云市场，你给客户提供的能力是否有助于帮助企业建立壁垒，形成差异化的竞争能力，这是关键。
在今天，从工业、金融到地产、零售等都行业都已经实现不同程度的数字化转型，实现了对业务的局部改善。但从未来趋势看，企业到底应该走向哪一条路，其实关键是看其本身的模式是产品创新驱动还是服务、业务创新驱动，或者说是两种情况的融合。
这往往都是由企业的商业模式或生意模式决定的——产品创新驱动为主的商业模式对应的更多是以前端数字化为主，而业务销售创新驱动的则更多是以后端数字化为核心。
从前端数字化发展趋势来看，它在电商、零售领域中已经应用得相对成熟了，在互联网平台经济模式中，融合AR与VR技术等新一代交互终端带来前端用户体验创新方面还存在巨大的机会。
而前端数字化程度越高，沉淀的后台数据就往往越丰富，这往往对于后端数字化的改造与升级的推动作用就更明显。
因此，这两种数字化模式之间也没有明显的界限，在多数情况下，企业需要融合这两种数字化模式的创新，实现前后端数字化的双向升级，在此基础上，再考虑投入产出比的问题。
美国学者尼葛洛庞帝在其1996年出版的《数字化生存》一书中提到对未来的畅想：人类生存于一个虚拟的、数字化的生存活动空间，在这个空间里人们应用数字、信息等技术从事信息传播、交流、学习、工作等活动。时至今日，尼葛洛·庞帝的很多描述已经成为现实。
在今天，每个人手机里小小健康码的背后，其实就是“数字化”城市治理的一种表征。
综合来看今天的数字化转型，我们发现，前端数字化讲究技术和需求挂钩，与投入产出比结合，从解决实际的需求与痛点出发拉动技术与市场的创新进度。
而后端数字化更多是基于对业务数据充分而高效的运用，实现组织经营的完全数字化，从而提升企业运营效率。
数字化的大潮正在到来。
在这个大时代下面，谁能站到浪潮之巅，就看是否能找到合适的突破口，实现从前端数字化层面的用户体验的突围与升级，到后端的数据化基础设施的指导结合起来形成综合性的竞争力，继而顺应时代潮水流动的方向，成为潮水的一部分。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
文章来源：人人都是产品经理 作者：王新喜
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
今天和大家一起温习下2021年占据主导的8个UI和UX趋势，干货建议提前收藏！
没人能够预测未来会发生什么，但是在数字世界中，趋势确实存在于设计师的圈子中，并且在有规律的演化中。大家可以已经看腻了不少趋势研判文章，但是，适当总结一下当年的趋势，把这个时间线拉长，你会觉得非常好玩。从移动端设计刚开始流行的时代，到现在，设计趋势都发生了哪些变化呢？它们是不是又会返祖，复古？周而复始？咱们不得而知。
虽然2021年已经过去一半，不过，今天咱们还是先Review一下2021年正在流行的几个设计趋势，加深一下印象吧！
当然，各位设计师，趋势仅仅是一种现象，想要做的出圈，与众不同，我们必须站在趋势之上，做出自己的创新，这样才能在千篇一律的设计中独当一面。
3D 图形越来越多地出现在 Web 和移动界面中。毫无疑问，将各种 3d 图形应用到移动和 Web 界面是一项相当大的挑战，需要良好的技能和艺术眼光才行。在我们的 UI/UX 设计中添加 3D 元素有很多好处：
ByMako Tsereteli
玻璃拟态是大多人更喜欢的最新UI设计趋势，它引人注目且色彩缤纷，这种趋势兼顾透明度和层次感。玻璃拟态设计给人以磨砂玻璃的感觉，近一段最受欢迎的趋势。这种风格深受苹果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的类似概念的影响。在许多情况下，如果使用得当，Glassmorphism 可以使网站和应用程序对用户更具吸引力。
ByMahmudul Hasan Manik
深色主题现在已经成为应用必备的界面了。手机的白色界面可能对我们的眼睛造成更多的刺激，这就是所有应用程序和网站都加入了暗黑模式设计的原因。暗模式有一些我们应该遵循的特定规则。深色主题的主要优点是在弱光环境中具有更好的可读性。作为 UI 和 UX 设计师，我们应该明白它的主要作用，它主要是减少了用户的眼睛疲劳并提高了夜间的可读性。
ByJulius
色彩理论知识在每个 UI 和 UX 设计中都至关重要。正确使用颜色对于为您的客户创造正面形象很重要，这就是颜色在 UI 和 UX 设计中扮演重要角色的原因。大多数 UI 设计师都使用鲜艳的色彩来将用户的注意力集中在重要元素上，并使我们的设计令人难忘。下图分别为单色调和双色调界面。
By Resuscitation
包豪斯的风格通常被描述为艺术和手工艺运动与现代主义的结合。包豪斯设计几乎没有装饰，注重平衡的形式和抽象的形状。今天的 UI 和 UX 设计，也可以理解为包豪斯的复兴。包豪斯设计在UI设计上的核心，就是将设计简化为必要的功能，使其美观和轻松，以及精心制作每一个小细节。
包豪斯设计几乎没有装饰，注重平衡的形式和抽象的形状。今天的 UI 和 UX 设计也是包豪斯风格的复兴表现之一。
By Beto Garza “Helbetico”
在当今的设计中，白色背景越来越受到大家的欢迎。了解色彩心理学是创建配色的一个关键方面，这在数字设计中效果很好。吸引用户的最佳方式是通过“色块”平衡单色背景色与亮色，以突出数据中的重要内容或者异常提示部分。少即是多，当您在 UI设计中使用较少的颜色时，这将对用户更具吸引力和亮点。
By Resuscitation
插图是用户界面中更直观的视觉阐述，也一直是UI设计中长盛不衰的“趋势”之一。动画插图，在与用户交互过程中为UI注入了强大的生命力。它帮助用户获得更立体的反馈，为创建更生动的微交互创造了条件。
By Rachelizmarvel
极简主义是 UI 设计中使用最多的“风格”之一，它有助于改善用户体验。在我们的 UI 设计开始极简设计之前，有必要了解术语“极简”的含义以及为什么极简在 ui 中很重要。下面是极简主义的特征：
By Shakib
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
文章来源：人人都是产品经理 作者：Tzw_n
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
效果图如下
//图例组件
legend: {
top: 'center',
right: 30,
data: [],
width: "auto",
itemWidth: 10, // 小方块尺寸
itemHeight: 10,
textStyle: {
color:'#90CCFF',
lineHeight:20,
// 通过rich自定义尺寸，加宽度使百分比及数值各自对齐
rich:{
a:{
width:100,
align:'left'
},
b:{
width:40,
align:'right'
}
}
},
orient: 'vertical', // 竖向排列
// 通过formatte自定义格式
// 因为formatter的参数里只有name一个参数，所以需要通过获取的数据匹配显示
// 这里的optionData是获取到的数据，格式为
// optionData:[
// { value: 47.01, name: "水果" },
// { value: 31.67, name: "蔬菜" },
// { value: 12.51, name: "禽畜" },
// { value: 8.24, name: "禽蛋" },
// { value: 7.27, name: "水产品" },
// { value: 6.32, name: "其他" }
// ],
formatter: (name) => {
var total = 0;
var tarValue;
this.optionData.forEach((item,i) => {
total += Number(item.value)
if (item.name == name) {
tarValue = Number(item.value ? item.value : 0)
}
});
var percent = ((tarValue / total) * 100).toFixed(2)
let arr = [
'{a|'+name+" : "+percent+'%}'+'{b|'+tarValue+'张}'
]
return arr
}
}
自定义legend的方式就是这样，遇到格式不同的可以参考上面的方式自定义
单独定义echarts中每个图例的样式,自定义图例的点击方法
//用不同样式的图例用数组写对应图例的样式
legend:[{
top: "15%",
right: "24%",
textStyle: {
color: "#3BAEFE",
fontSize: 14,
fontFamily: "微软雅黑"
},
itemWidth: 27,
itemHeight: 16,
data:[{
name: "农药",
icon: "circle"
},{
name: "LOL",
icon: "rect"
}]
},{
top: "15%",
right: "15%",
textStyle: {
color: "#3BAEFE",
fontSize: 14,
fontFamily: "微软雅黑"
},
itemWidth: 33,
itemHeight: 16,
data:[{
name: "农药+LOL",
icon: "image:///soyking/static/image/echarts/merge.png" //引用自定义的图片
}]
},{
top: "15%",
right: "15%",
textStyle: {
color: "#3BAEFE",
fontSize: 14,
fontFamily: "微软雅黑"
},
data:["\n","\n","\n","农药占比","LOL占比"]
}],
结果:
自定义图例的方法 (点击图例，显示图例的选中结果)
var bar = echarts.init(document.getElementById("barDiv"));
//自定义图例的方法
bar.on("legendselectchanged",function(obj){
//获取图例选择的结果
var selected = obj.selected;
for(var i in selected){
alert(selected[i]);
}
});
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
分享此文一切功德，皆悉回向给文章原作者及众读者.
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
代码如下
var data = [ { name: "一次检验数/条", value: 150 }, { name: "多次检验数/条", value: 80 } ]; var option = { legend: { show: true, left: "center", top: "245", itemHeight: 13, itemWidth: 13, itemGap: 35, icon: "circle", data: data, formatter: function(name) { var total = 0; var target; var value; for (let i = 0, l = data.length; i < l; i++) { value = data[i].value; total += data[i].value; if (data[i].name == name) { target = data[i].value; } } var arr = ["{a|" + name + "}", "{b|" + target + "}"]; return arr.join("\n"); }, textStyle: { rich: { a: { color: "#B6B6B6", verticalAlign: "top", align: "center", fontSize: 12, padding: [0, 0, 28, 0] }, b: { align: "left", fontSize: 18, padding: [0, 10, 10, 0], lineHeight: 25, color: "#181818" } } } },
echarts legend 自定义图例
legend: {
selectedMode: true,
top: 0,
right: 0,
orient: 'vertical', // itemWidth: 24, // itemHeight: 2, textStyle: {
fontFamily: 'ABBvoiceCNSG-Regular',
fontSize: 12,
}, // icon: 'rect', data: [
{
name:"高严重等级报警",
icon:'rect',
},
{
name:"低严重等级报警",
icon: 'rect' },
{
name:"健康度",
icon: 'line' }
]
},
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编辑导语：相信大家都听说过马斯洛需求层次理论，那么把它应用到产品需求层次设计中，会是怎样的场景呢？作者两个方面给我们分享了如何运用该金字塔进行产品设计，我们一起来看看吧。
美国心理学家亚伯拉罕·马斯洛 (Abraham Maslow)在 1943 年的论文《人类动机理论》中提出了人类需求的心理层次理论。用金字塔中的五层模型来表示人类的需求。从下到上，需求分别是生理、安全、社交需求、尊重和自我实现。
该理论认为，人类在转向更高级的需求之前，会先满足其基本需求。例如：一个饥寒交迫的人不会集中时间和资源寻求伴侣（社交需求），因为他首先满足生存需求（生理上的）。
随着时间的推移，马斯洛的理论被改编并应用于许多新领域。在产品设计领域，2010 年史蒂文·布拉德利 (Steven Bradley)提出了一套有用且实用的规则即“需求设计层次”。
用于创建新产品和评估现有产品的设计。与原始理论一样，必须首先满足设计的基本需求才能进入下一阶段。Bradley 理论的五个层次是功能性、可靠性、可用性、熟练性和创造力。
根据该金字塔原理，可以考量产品在对应的每个阶段要满足的功能要求。
产品设计最基本但最关键的部分是其功能。打车软件、聊天应用甚至一个杯子是否实现了其主要功能？如果没有，那么进入其他发展阶段就没有什么意义了。
例如，一个水杯如果不能盛水，不能用来饮用，那么它设计和包装是否漂亮就无关紧要。
它是无用的，它对消费者就毫无价值。随着产品的核心功能变得更加丰富，这个过程也会变得更加复杂，需要更多考量。
正如图表的比例所表明的，产品团队精力应该专注于完成主要流程和功能。实践方法：明确产品的定位和用户画像，始终深入研究你的客户期望你的产品用来解决什么问题。可以充分地进行调研。例如：现场调研、用户访谈、利益相关者访谈等。
可靠性与功能性是同样重要的设计基础。用户能否相信该产品能100% 正常工作？如果用户不相信你的产品在他每次需要时都能正常工作，他们是否愿意购买使用？
在创建可靠的产品时，关键是彻底的测试。实践方法：进行可用性测试并确保给用户能提供及时帮助。
可用性需求强调用户轻松使用你的产品的能力。用户能否以最少的指导弄清楚如何使用你的产品及其每个功能？例如，一款图片编辑的应用裁剪和保存功能不直观，那这款产品可能很难被认可。
实践方法：可参考尼尔森可用性原则的方法。即：系统状态的可见性、系统与现实世界相匹配、用户控制与自由、一致性与标准化、防错原则、减少认知负担、使用灵活性和效率优先、简约设计、提供帮助文档。
熟练程度是评价真正好的设计的一个标准。为了满足这一层要求，设计师需要问问自己产品的设计是否有助于用户更好地使用该产品。
例如：一款针对老年人设计的社交软件除了基础的聊天功能外，它应该提供关于该产品的诸多视频、图文类教程，来引导用户更好的使用产品。
实践方法：要时常思考“这个产品还能做什么？”。它是否会引导用户发现一种新的更好的做事方式？从某种意义上说，它是进步的吗？通过与设备的每次交互，用户是否会发现更多有关其功能的信息？
证明了产品能够可靠地履行其核心职责后，下一步是通过创新来满足其他需求。以跑鞋为例，除了功能属性外还可以展示其稀缺性、款式、地位等附加功能。
实践方法：分析用户心理、行为、痛点和动机。发挥创意，寻找创造性的方法满足用户的需求，为用户创造峰值体验。
以下是来自medium的延伸案例：原文作者：(NATHAN TENDIDO)布拉德利对马斯洛需求层次的改编有助于我们来理解为什么某些设计比其他设计更好。
为了应用 Bradley 对需求层次的翻译，我将使用三个搜索引擎（Google、Bing 和 Ask）作为示例来找出明天的天气。
（1）功能——它有效吗？
金字塔的底部和最高层是其整个总和中最不有趣但最基础的部分。没有效果的产品有什么用？由于我们正在评估搜索引擎，我们可以测试三个搜索产品是否可以正常搜索并得到有效结果。
毫无疑问这三个搜索引擎都运行良好
（2）可靠性——它在我需要的时候工作吗？
这一步和第一步同样重要。决定了我对该产品是否信任。幸运的是，这三个引擎在我需要的时候依旧正常工作，即使是在凌晨。
（3）可用性——我能弄清楚如何让它工作吗？
好的设计可以通过强化主要的视觉元素对用户进行引导。这三个搜索引擎都将搜索栏作为主页上最突出的部分。
谷歌搜索栏
必应搜索栏
Ask搜索栏
比较视觉浏览轨迹
当返回搜索结果时，清晰的视觉层次感有助于用户获取他们想要查找的信息。如果没有清晰的视觉层次结构，用户可能很难完成任务。Ask的搜索结果布局与 Google 和 Bing 相比，明显就多了一层操作，更不易找到想要的结果。
（4）熟练程度——它能告诉我如何让它更好地工作吗？
熟练程度是好的设计与优秀设计的区别所在。熟练程度要求设计可以帮助用户从头到尾成为专家。
三个引擎都使用了联想搜索，以便更高效地引导用户到达目标。虽然谷歌提供了更好的质量建议，但 Bing 的搜索栏在网页上更高，让用户可以看到更多的建议，而不会被 iPad 键盘挡住。
Ask 在这方面则有所欠缺。Google 和 Bing 还提供了其他搜索分类选项。
（5）创造力——该产品对我还有什么用？
在这一点上，这些产品已经完成了它们的基本功能，基础功能外还包含了更多友好的设计。通常主要是针对用户未来的访问进行个性化设置或提供工作空间以完成更多工作。
Google 提供了多种工作区工具，而 Bing 实际上奖励使用其网站的用户！
虽然上述案例并不是要抨击一个网站，但是当 Bradley 的需求设计层次结构被用作通过判断的标准时，上述三种产品之间的差异变得更突出。
这并不是说 Ask 是一个糟糕的设计。在某些地方，Google 看起来与 Ask 目前的表现完全一样。这三个网站都可以完成搜索引擎的基本功能。
然而，当把Ask放在 Google 和 Bing 旁边对比时，Ask 设计中的劣势变得更加明显。
如上所示，Bradley 的设计层次结构是思考大多数产品设计的有用过程。
然而，就像马斯洛的原始理论也有质疑一样。
马斯洛的等级制度也难以解释诸如“饥饿的艺术家”这样一个人为了追求更高的需要而忽视低级需求的情况。几乎没有证据表明人们有动力一次只满足一个需求水平，除非在需求之间存在冲突的情况下。
布拉德利的理论也不完美。对需求设计层次的批评包括以下问题：设计是否必须可靠才能可用？不能同时满足这两个条件吗？
例如：有些搜索引擎可以满足基础的搜索功能，然而在基础之上拓展的低级广告引导体验是好的吗？设计需求的层次结构绝不是完美的，有可能你参考此结构所做的设计相较之前还要糟糕得多。
然而，更完美产品需要超越这种规范去进一步研究。例如：可以将更精细级别添加到金字塔中。还需要设计者进行更多地思考。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编辑导读：随着城市化进程加快，城市的体量在不断增长，随之而来的社区形态和管理也在日趋复杂。智慧社区能否解决社区管理之痛呢？本文作者对此进行了分析，与你分享。
社区是城市在小区域范围内的一个缩影。因为两者之间的体系结构和发展模式存在一定程度的相似和关联，所以在智慧城市的建设路径上，以智慧社区为切口，做好小区域范围的智慧管理成为当下市场和社会的一个风口，也是治理切口。
在中国，随着城市化进程加快，城市的体量在不断增长，随之而来的社区形态和管理也在日趋复杂。对此，暨南大学教授、华南城市研究会会长胡刚认为，建设智慧社区是作为当下社区建设的重要内容，至少应该包含三方面内容：
一是智慧信息，包括社区信息、住户信息等基本数据的采集；
二是智慧服务，比如在此次疫情下，部分社区实行封闭管理，居民可以在网上买菜，然后有人帮他们送到门口这样的服务就很重要。还包括社区的选举，平时大家都上班，不容易聚集在一起，这时候就需要有这样的网络选举投票服务；
三是虚拟社区，居民可以在虚拟社区聊天、共享资源、处理事务等。
由此可见，智慧社区的建设重点主要有三方面，信息感知、服务延伸以及虚拟社区。在腾讯、华为、旷视、海康威视等服务厂商的解决方案里，都能看到类似的思路和落脚点。但是如果说真正做好这三点内容的社区平台，或许还属微信。
为什么要这么说呢？
在这里需要理清一点，对于智慧社区建设，大部分人认为应该是房地产商、科技公司或者安防厂商的事情，但是实际上并不是，社区群众也在参与其中的建设，以微信为支点的数字化社区正在加速形成。
值得一提的，以微信为支点推动数字化社区的成功构建并不能归功于腾讯，而是社区群众。
这是一个自发的、自上而下的、无意识的社会行为，微信只是一个“被民众借用”的工具或者说平台。
微信作为移动互联网时代国内最大的社交软件和聚合平台，很多服务和模式实际上已经逐步跳脱出了它原本的范畴，通过用户自发形成的社群成为了很多新概念的实践场所。就以智慧社区来说，或许很多厂商还没想明白要如何切入庞大的人群体系，实际上社区群众已经在微信群上做到了胡教授所提及的三大内容：
首先是信息感知。尽管这样面向小区住户的信息采集不全面、不系统，但是通过微信群，大部分社区确实在人员信息收集、人员联络和信息传达方面实现了很多跨越。过去需要挨家挨户上门、打电话通知的内容，在短期内都能实现双向传递和感知。
广西某小区物业人员张春花（化名）告诉“智能相对论”，“从疫情爆发到现在组织打疫苗，微信群都帮了我们很多的忙，解决了大部分的联络组织工作。只要把通知、链接发到群里，艾特大伙，基本都能通知到，实在是没有反馈的再通过电话或上门的形式传达一下就行。包括现在谁没打疫苗、第一针、第二针，只要在群里吆喝一下，都能快速的组织起来……”
其次是智慧服务。实际上，对于张春花所在小区的业主来说，智慧服务是什么，他们还搞不清，但是比起以前，现在通过微信群的方式，很多服务确实方便了许多。陈先生（业主）提到，“当时疫情那会儿，物业就是在微信群上来帮各家各户统计买菜信息、送菜什么的，很方便。现在有什么社区投票、活动举办的事情，我们基本都是在微信上来参与和讨论。”
最后是虚拟社区。这对于微信群来说，基本没有什么异议。本来作为一个社交平台，微信给用户带来的就是一个虚拟社区的概念。现在各家各户有什么事情需要帮忙、或是信息需要分享的话，基本上都会通过业主群来进行发布和传达，平常没事也会聚在一起聊聊天、发发红包活络一下。
张春花表示：“小区的老人们经常在群里讨论跳舞、下棋什么的，要是遇到下雨天，也都会在群里唠唠嗑，念叨念叨，看着他们这样互动，有种回到以前住在村里的感觉……。”微信群对于他们来说，俨然成了另一个线上的社区。
可以说，微信群的存在很好的将社区的人连接了起来，为智慧社区的构建提供了一个基本的雏形。这种基于群众力量自发形成的新社群，是现在很多小区管理推进的常态。
很显然，作为一个自下而上的自发行为，社群的形成在一定程度上解决了很多社区管理的问题，但也存在诸多槽点，限制了这种模式的进一步发展。
1. 社群不系统、不全面，缺乏必要的顶层设计。
自发形成的社群本质就是片面的，它无法构成一个系统、全面的体系，很难在智慧社区的建设上发挥统领全局的作用。以具体反馈来看，虽然业主群可以覆盖大部分的住户，但是并不是全部，仍旧存在“漏网之鱼”，而且在信息管理上，社区也将处于一个非常被动的局面，住户可以选择提供信息，也可以选择不提供信息，很难规范住户的信息条例。
这也意味着，未来的智慧社区建设在信息感知上需要化被动为主动，借助更加有效的设备或模式来提高信息感知能力。正是看到了这种进阶的需求，所以科技厂商和硬件厂商此前在做智慧社区的时候，大多会从顶层切入，从全局出发来进行社区改造。
比如旷视科技目前提出的以人脸为ID的AI方案就是这样——用户经过小区门禁刷脸进入小区，系统可以自动识别并做好人员管理，使得进出小区的人员数据都能得到全面感知。基于人员数据的高度识别，智慧社区在人员管理方案，智能停车、智能物业，智能地产、安防、零售等方面都能获取相应的数据支持，从整体上把控社区的管理工作。
2. 社群做好了“人”的连接工作，但是没能做好“物”的数字化升级。
社群的另一个本质是人的聚集，对于业主群来说，它只是做好了人群的沟通、连接工作，但是在整个社区范围内，仅是做好人的工作，还不足以构建一个高效、便捷的智慧社区，仍需要在“物”的基础上实现数字化升级，比如监控、快递、消防、电梯等等场景。
“人”与“物”构成智慧社区建设的两条路径，对比来看，海康威视等硬件厂商更倾向于后者的升级——通过智能硬件，比如监控摄像头、门禁设备、对讲设备等的支撑，海康威视能在多个社区场景里进行数字化升级，来实现社区智慧化的表现。
比如，有了智能摄像头，社区的管理系统可以对小区的可疑人员进行预警、对电梯内进入电瓶车等危险行为予以提示、对高空抛物等违法行为提供24小时监管，等等。物理设备的数字化升级对于智慧社区的搭建尤为关键，可以说等同于社区智慧化的基础，这是微信群无法实现的。
3. 去中心化的社群无法接轨智慧城市建设。
社群是一个去中心化的概念，它由业主自发的创建，也可能会因为各种人为原因崩塌，比如广告过多、管理不善、业主矛盾等等。这种不稳定的模式很难进一步拓展应用，只能作为一个辅助性的管理。
特别是对于智慧社区的构建而言，未来的城市智慧化需要建立在一个又一个的智慧社区之上，因此要考虑到智慧社区与智慧城市的协同发展就必须要有一个稳定的系统予以支持。对此，我们可以看到中国电信在打造智慧社区的过程中，积极推动社区系统接轨电力、水力、燃气、养老等政务服务系统，使得小区人员可以足不出户的享受到购电、购气、通信缴费等服务，也确保了社区数据连接城市系统，实现双向互利。
那么，对于智慧社区的建设而言，社群存在诸多缺陷，很难进一步推动我国数字化建设，需要更多服务厂商从大局出发，做好顶层设计来构建一个全面、高效的智慧社区。
尽管如此，但是对于智慧社区的构建来说，并不是一个极端地行为，它不需要推到一个模式，再树立另一个模式。反之，不同的路径在当前复杂的建设进程上都应该被重视，在融合中发挥更加显著的价值。
简单来说，群众的社群路线和厂商的技术路线不冲突。在当前的现实情况下，社区的管理和人员联络需要微信支持，这是毋容置疑的。前者是“人”的数字化，后者是“物”的数字化，如何把这两方面结合起来发挥双重价值，才是智慧社区的未来所在。
因此，“智能相对论”认为，在智慧社区的构建上，腾讯是具有显著优势的。在滨海泰达智慧社区的建设上，腾讯就展现了这一优势——通过投入老人关爱门磁，依托物联网技术，利用实时感应传输功能打通网格化平台，泰达街道能做到对独居老年人等特殊人群居家情况的动态掌握，一旦出现异常情况，社区网格员便可通过微信接收到实时异常告警，精准服务相关人群。
简单来说，腾讯手握微信，在“人”的数字化上具有明显的优势，其未来只需要做好“物”的数字化，就能进一步推动智慧社区的构建。但这并不意味着腾讯会比其他厂商少做一个层面的事情，相反的，如何继续拓展微信的社群优势需要腾讯做更进一步的构思和验证。社群对于智慧社区建设的想象力还没有触碰到天花板。
在湖北宜昌，企业微信正在实现治理规范化，成为当地网格化管理向互联网拓展的新载体，也成为了社区居民互助、交流、自治的微载体。
具体来看，社区网格员通过企业微信建立统一的社群，网格员形象统一，有官方认证的身份，形成“中心化”管理的雏形。同时，基于企业微信和微信互通的能力，社区普通居民使用微信即可与网格员联系，也可在群中反映噪音、污染、故障等各种问题。而除了在群内沟通，网格员进行跟进调解外，还可以把相应的问题通过企业微信工作台提交工单，转给横向的相关部门，如城管、环保、公安等部门处理。
简单来说，在企业微信的支持，社群有了官方人员的介入逐步形成了一个更加系统和有效的社区管理与治理同步的体系。这对于腾讯而言，就是在“人”的数字化上发挥出了真正的信息优势。
对于其他厂商而言，这并非是不可超越的。中国电信的短信通知同样可行，只是相比微信缺乏了一点社群交互的基础，但在连接人的功能上并不输给微信。因此，对于一众服务厂商来说，若能准确地认识到“人”与“物”的双重数字化需求，也就能快速地把握智慧社区的建设思路，来打造出一个全面智慧化的社区。
如今，新小区的搭建、“老旧改”的推行，智慧社区依旧是一个没有边界的蓝海市场，据数据显示，2020年中国智慧社区产业规模达到5000亿，近3-5年仍将以至少40%的比例增长。而市场上，更多的厂商仍在专注于“物”的智慧化和数字化，对于连接人的工作似乎都丢给了微信，但伴随着智慧社区的需求愈发增长，或许其他的厂商也会逐渐把目光转向社群的搭建和经营之上。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
App界面设计对于设计师而言一直是盛久不衰的话题，尤其是如今越来越多的流量转移到了移动平台，使得更多的UI设计师涌入移动端领域，甚至出现了市场饱和的言论，对于从事移动端的UI设计师来讲，充满压力的同时又面临无限机遇，唯有不断的学习才能滋生出源源不断的设计灵感，站稳脚跟。
摹客想在这方面给各位设计师朋友做点什么，除了提供简单好用的设计工具，我们也整理了非常多的优秀设计案例，希望可以对设计师朋友有借鉴意义。这将会是一个系列的专题，我们以月为单位，整理了国内外设计师的优秀APP界面设计案例，我们是搬运工，更是好设计的传达者，希望你会喜欢。
接下来为大家分享精美的app UI设计案例：
--手机appUI设计--
更多精彩文章：
JS中的对象是属性和行为的结合体，其中属性是对象的静态特征，行为又称方法，是对象的动态特征。
JavaScript中的对象主要分为三大类：
定义非空对象
// 非空对象： var 对象名 = { 属性名： 值, ... 方法名: function([参数]){ 方法体语句; } ... }
var p1 = { color: '黑色',//给对象添加属性 weight: '188g',//属性之间用逗号隔开 screenSize: 6.5, call: function(name){//给对象添加方法 console.log("打出电话："+name); }, sendMassage: function(msg){ console.log("发出的信息是："+msg); }, playVideo: function(){ console.log("播放视频"); }, playMusic: function(){ console.log("播放音乐"); } } console.log("手机颜色:"+p1['color']);//也可以使用 对象['属性']来输出属性值 console.log("手机重量:"+p1.weight); console.log("屏幕尺寸:"+p1.screenSize); p1.call("张三");//调用对象的发方法 p1["sendMassage"]("helo"); p1.playVideo(); p1.playMusic(); console.log(p1);
使用new Object()创建对象
var p = new Object(); // 创建一个空对象p
p2.name = '刘备'; p2.sex = '男'; p2.age = 32; p2.sayHello = function(){ console.log('Hello'); } p2.sayHello();//调用对象的方法
可以使用构造函数来创建对象：
语法： new 构造函数名( )
function Student(name,sex,age){ this.name = name;//这里的this指向的是构造函数新创建的对象 this.sex = sex; this.age = age; this.show = function(){ console.log("姓名："+this.name) console.log("姓别："+this.sex) console.log("年龄："+this.age) } } var s1 = new Student('乔峰','男',28);//s1为构造函数创建的新对象 即实例 s1.show(); var s2 = new Student('段誉','男',23); s2.show();
注意："构造函数"可以有参数，也可以没有参数，如果没有参数小括号可以省略
遍历对象的属性和方法：使用for…in循环
for(var 变量名 in 对象名){ 循环语句 }
function Student(name,sex,age){ this.name = name; this.sex = sex; this.age = age; this.show = function(){ console.log("姓名："+this.name) console.log("姓别："+this.sex) console.log("年龄："+this.age) } } // s2是要遍历的对象 var s2 = new Student('段誉','男',23); for(var k in s2){ console.log(k);//依次输出 name sex age show() console.log(s2[k]);//依次输出 段誉 男 23 }
in运算符
判断成员(属性)在对象中是否存在，存在返回true;不存在返回false。
JavaScript提供了很多常用的内置对象，包括数学对象Math、日期对象Date、数组对象Array以及字符串对象String等。
Math对象：用来对数字进行与数学相关的运算，不需要实例化对象，可以直接使用其静态属性和静态方法.
Math对象:不需要实例化
Math.PI:算数常量PI Math.abs(x):返回x的绝对值
Math.max(args...):返回最大数
Math.min(args...):返回最小数
Math.pow(x,y):返回x的y次方
Math.sqrt(x):返回x的算术平方根
Math.random():返回0.0到1.0之间的随机数
Math.round(x):返回最接近x的整数
Math.floor(x):返回一个小于等于x 并且与它最接近的整数
Math.ceil(x):返回一个大于等于x 并且与它最接近的整数
Date对象：需要使用new Date()实例化对象才能使用，创建一个对象 Date()是一个构造函数，可以给该构造函数传递参数生成一个日期对象。
// 1.创建一个Date对象 没有参数 var date1 = new Date(); console.log(date1); // 2.传入年 月 日 时 分 秒 创建一个指定日期时间的Date对象 // 月份是 0-11 var date2 = new Date(2021,4,22,10,17,55); console.log(date2); // 3.传入一个日期和时间字符串创建一个Date对象 var date3 = new Date("2021-5-22 18:19:25"); console.log(date3); console.log(date3.getMonth())//4 console.log(date3.getTime())//表示Date对象距离1970年1月1日午夜之间的毫秒数 console.log(date1.toLocaleDateString())//2021/6/14 console.log(date1.toLocaleString())//2021/6/14 下午11:17:36 console.log(date1.getFullYear())//2021
数组：是一些类型相同的数据的集合，它和普通的对象功能类似，也是用来存储一些值，数组是使用数字来作为索引操作内部的元素。
数组的创建
var arr=[]//创建一个空数组
var arr = new Array();//定义一个空数组
判断一个对象是不是数组的两种方法：
var arr = []; var obj = {}; console.log(Array.isArray(arr));//true console.log(Array.isArray(obj));//false console.log(arr instanceof Array);//trrue
关于数组的其他方法之前的文章要有详细介绍，这里不多做解释。
String对象:字符串对象，必须使用new String()来创建
字符串常用方法
- charAt(n) 返回n位置上的字符串 - concat(s1,s2,...) 连接多个字符串 - charCodeAt(n) 返回n位置上的ASCII码 - split('分隔符') 将字符串按给定的分隔符 转换成字符串数组 - substr(start,length) 从start开始提取length个字符构成一个新串 - substring(from,to) 提取from和to之间的字符串构成一个新串 - toLowerCase() 将串中的大写字符转换成小写 不影响原字符串 返回一个新字符串 - toUpperCase() 将串中的所有小写转换成大写 不影响原字符串 返回一个新字符串 - replace(str1,str2) 使用str2替换字符串中的str1 返回替换结果 不影响原字符串
// 输入一个由字母组成的字符串,统计串中每个字母出现的次数 var str = 'abBSdXbdea'; var lower = new Array(26);// 存放26个小写字母各自出现的次数 var upper = new Array(26);// 存放26个大写字母各自出现的次数 // 初始化两个数组 for(var i=0;i<lower.length;i++){ lower[i] = 0 upper[i] = 0 } for(var k=0;k<str.length;k++){ if(str.charAt(k)>='a' && str.charAt(k)<='z'){ lower[str.charCodeAt(k)-97]++ }else if(str.charAt(k)>='A' && str.charAt(k)<='Z'){ upper[str.charCodeAt(k)-65]++ } } console.log(lower); console.log(upper);
/* 输入一个十进制整数和一个数制（2、8、16）将该十进制整数转换成
对应的数值格式输出
取余法：
m=15 k=8
m%k 将余数存放在数组中
*/ var m = parseInt(prompt('请输入一个整数：')); var k = parseInt(prompt('请输入一个数制(2~16)')); var result = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F']; var arr = new Array();//存放数制转换的结果 var i = 0; while(m!=0){//对m进行数制转换 将余数放在arr数组里 arr[i] = m%k; m = parseInt(m/k); i++; } var str = ''; if(k==8){ str = '0'; }else if(k==16){ str = '0x'; } for(var i=arr.length-1;i>=0;i--){ str += result[arr[i]]; } console.log('转换的结果为：'+str);
值类型: 简单的数据类型(字符串,数值型,布尔型,undefined,null)
引用类型: 复杂数据类型(对象) 变量中保存的是引用的地址
注意： 引用类型的特点是，变量中保存的仅仅是一个引用的地址，当对变量进行赋值时，并不是将对象复制了一份，而是将两个变量指向了同一个对象的引用。
下面对内存中的栈和堆进行分析
栈(stack)：会自动分配内存空间，会自动释放，简单数据类型存放到栈里面。
堆(heap)：动态分配的内存，大小不定也不会自动释放，复杂数据类型存放到堆里面。
由此可见存放在堆内存中的对象，变量实际保存的是一个指针，这个指针指向另一个位置，通过这个指针来寻找堆中存储的对象的属性和值，并且每个空间大小不一样，要根据情况开进行特定的分配。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
转自csdn博客
分享此文一切功德，皆悉回向给文章原作者及众读者.
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com