单位针对全体党员开展“两学一做”,作为新人,领导把这个工作交给你来组织做好这个
发表于 16-6-28 16:30
第一：明确活动内容和活动目标，主要是党章，习主席系列讲话精神学习，以及如何在本地情况下落实两学一做精神。
第二：确定活动时间，活动地点，参与人物，制定活动方案，活动计划，应急预案，并且交由领导审批、
第三：确定任务分组，分为组织组，服务组，摄影组，秩序维护组，应急处理组，并且根据活动计划，联系相关专家，做好活动前期筹备工作。
第四：安排好专家招待，住宿内容，做好参与人员通知，做好人员前期培训，会场布置，并制定财务报表交领导审批。
活动主要分为三段，第一是党校专家引导大家学习两学一做精神，第二是领导领导大家学习，针对本地具体情况，如何发扬两学一做精神，第三是大家自由组队，讨论如何在自己岗位上，进一步落实会议精神。
第五：活动中，做好组织工作，协助各小组完成预定任务，并且做好随堂测验。
第六：清理会场，并送专家离开，发布征文活动，要求大家对于本次学习，以及在日后工作中如何发扬两学一做精神写个心得体会，编辑成册。
第七：将本次活动情况制定成册，与同事心得体会一同交领导审阅、
第八：自我总结
发表于 16-6-28 16:55
[发自手机]
本帖最后由 一丨 于 16-6-28 17:01 编辑
嗯我来说一下喽，大家要给我点意见啊狠狠的批…
1.收集关于两学一做的资料，然后案例印制成册，让单位同事，都来学习，讨论。
2.邀请专家来开展讲座，深入剖析两学一做的内涵，也为同事们在两学一做学习过程中的疑惑作解答。
3.考核评估，对入本年度绩效考核，评选中两学一做学习活动的优秀个人，（考核发式通过写学习心得）
4将活动编制发布官网
发表于 16-6-28 21:50
第一：明确活动内容和活动目标，主要是党章，习主席系列讲话精神学习，以及如何在本地情况下落实两学一做精 ...
看来兄台是充分把领带的套路牢记于心了，在别的帖子也看到你回答别人的组织计划题的回复，和这个套路一样一样的。
发表于 16-6-28 22:08
开展两学一做，能够提高同事们善于学习，踏实做事的积极性。为此，我将会从一下几个方面着手:第一，前期的准备工作。与领导沟通，初步制定方案，为不影响正常的工作，我把时间定在周一下午六点，在二楼的会议室举行。确定好这次参与活动的人员，与会领导。然后上报领导，让领导审核。第二，活动的实施。准备好关于这次两学一做的学习资料，话筒音响等设备，准时行这次活动，邀请具有经验丰富的领导给大家授课。在活动中对于同事有疑问的要及时解答，保证他们听懂并吸收。最后，活动以后，对这次学习要做一个考核，看看大家是否掌握了这次的主题思想，并对结果进行整理，汇报给领导
发表于 16-6-28 22:25
两学一做，就是学习党章，学习习近平总书记系列讲话精神，做合格党员，让我组织这次活动，我会从以下几个方面入手：
一、确定单位党员人数，印制党章及习近平总书记系列讲话精神学习课件；
二、每周集中学习一次，由各党支部推选优秀党员领学；
三、组织手抄党章书法比赛，由工会购买适当奖品，例如签字笔等物质奖励；
四、结合这次活动，在这个经济高速发展，科技日新月异的新时代，在转变政府职能、转变工作作风的当下，每人写一篇怎么做好共产党员的心理感悟。
发表于 16-6-28 22:26
第一：明确活动内容和活动目标，主要是党章，习主席系列讲话精神学习，以及如何在本地情况下落实两学一做精 ...
太模板了吧
发表于 16-6-28 22:35
结合个人岗位，把活动分成学习讨论会议、竞赛和长效来答呢？
作为新人，查阅资料，向领导请教两学一做精神的理论性要点，向同事询问乡镇工作中突出的难点重点，收集并整理成文字材料，同时，邀请党校的教室前来教学
其次学习讨论会议主要针对如何做好一个合格的乡镇基层公务员来谈，如征地、扶贫工作如何调动群众积极性，群众生活上存在哪些难点、上级政策执行中存在的问题进行剖析
再次，通过举办单位内部知识竞赛的形式，同时给予表现突出的同事相应奖励，调动单位同事学习两学一做理论知识的积极性
最后，设立考核标准以及长期的学习计划，将两学一做能做到长效化
发表于 16-6-28 23:24
可以看出，这里答题的人基本都不是搞党建工作的，都没答到核心。
其实这题出的不好，因为党建工作和其他的组织计划不一样。
两学一做是上级的规定动作！！！是上级的规定动作！！！是上级的规定动作！！！
重要的事说三遍！！！
所以第一步应该是认真查看上级党组织关系两学一做的工作安排，结合本单位工作实际，制定细化本单位的学习方案！报领导审核后执行。
第二步就是要确保方案的执行，所以要成立领导小组，落实责任。并成立督查小组，定期督查本单位下属各支部的活动开展情况。
第三步就是及时收集各支部学习情况，并按要求想上级党组织汇报工作开展情况。
这里很多人在答什么要如何去学习，不好意思，只能说这题太特殊了，两学一做是规定动作，非常系统，能老老实实做完规定动作就已经谢天谢地了！而且党建工作非常专业，没接触过的就不要往深里去说！
嗨，本人搞了党建工作7年了，各种组织计划，说多了都是泪。。。
发表于 16-6-29 07:33
看来兄台是充分把领带的套路牢记于心了，在别的帖子也看到你回答别人的组织计划题的回复，和这个套路一样 ...
从套路而来&&到套路而去&&不能保证逻辑清晰&&套路 就是理清逻辑的最好方式& &另外&&我找过面试考官咨询&&套路并非组织结构&&而是表达方式
发表于 16-6-29 07:39
看来兄台是充分把领带的套路牢记于心了，在别的帖子也看到你回答别人的组织计划题的回复，和这个套路一样 ...
不要为了反模板而模板，反套路而套路
发表于 16-6-29 21:11
从套路而来&&到套路而去&&不能保证逻辑清晰&&套路 就是理清逻辑的最好方式& &另外&&我找过面试考官咨 ...
我知道，问题你这个确实仅仅是把每次的主题和一些内容稍微改了下，说出来也很生硬，很啰嗦。比如第三点在这个活动中完全没必要有。还有后面的送专家回去之类的，简直晕倒。。。。分点分的太多。实际针对这个活动的细节太少。
发表于 16-7-1 09:51
RE: 单位针对全体党员开展“两学一做”,作为新人,领导把这个工作交给你来组织做好这个
“两学一做”学习教育不是一次活动，要突出正常教育，区分层次，有针对性地解决问题，用心用力，抓细抓实，真正把党的思想政治建设抓在日常、严在经常。& && &个人觉得可以以一次活动作为出发点，形成长效机制。不能仅仅围绕一次活动来讲。（一点拙见）
发表于 16-7-1 10:05
如果让我组织“两学一做”教育活动，在一般流程、方式说完之余，我会特别强调：学习要用心，将党章党纪对党员的要求记在心里，结合自己的岗位，做好做优。避免作秀，变异为精致的形式主义。
发表于 16-7-1 10:39
针对本次活动，我会和领导进行沟通，了解领导的意图，明确活动的目的，抓好活动的重点和细节，从以下几个方 ...
作为新人，在具体规划实施前，可以先查阅一下以前举办的类似活动的资料，借鉴一下经验吧
发表于 16-7-1 11:18
1.展开调研，同事们对两学一做的看法，理解程度，平时做法以及开展这个活动有什么建议
2.宣传动员，将通知下发各组织部门，号召大家积极参与，并印发资料，让同事们对两学一做有基础了解
3.向老同志学习之前活动开展的好的做法，了解注意的事项；和领导交流其中有哪些不足的地方加以修正
4.进行抢答活动或者交流会或者座谈会的方式开展活动，邀请相关专家对两学一做进行知道，邀请领导和同事参与到活动中来
5.活动结束后对两学一做活动的效果进行抽查，并做成总结报告反馈给领导
菜鸟回答，请点评一下里面有哪些不足的地方，谢谢～
发表于 16-7-5 15:43
这个答案在十堰估计80-
发表于 16-7-6 22:04
本帖最后由 q 于 16-7-6 22:11 编辑
组织党建工作，我想我会用到四个性：
一是针对性。认真查看上级党组织关系两学一做的工作安排，结合本单位工作实际，制定细化本单位的学习方案！
二是可行性。根据实际邀请在这方面有研究的领导来授课，比如地市级党史政策研究室有丰富经验的党校教师！
三是有效性。培训过程需要安排后勤工作人员对与会人员进行现场签到督导并做好考勤登记工作！
四是长效性。培训结束后月5-8天，可定期对同事们进行回访反馈工作，了解他们对两学一做的领悟和传达程度如何并上报党支部！
发表于 16-7-6 22:21
都是大神啊，佩服
发表于 16-7-7 08:54
过几天也要上战场，我们五分钟三道题，所以如果遇到计划组织类题，不能展开太多，也就一分钟多一点的时间来答这道题。一点浅见，
（没有帽子）对于题中所述我会通过以下几点来组织：
第一，明确两学一做学习教育的具体内容和教育意义，学习上级文件指示精神，学习上级和同级活动开展的先进经验，明确两学一做教育活动是党内教育从关键少数到全体党员的拓展，是集中性教育到经常性教育的延伸。
第二，多向老同事请教组织活动的经验，比如说，我们可以通过集中组织学习上级文件精神，请我们主要领导上党课，举行手抄党章一百天活动、举行两学一做知识竞赛，定期举办经验交流会等活动深入推进两学一做的开展，在我们单位形成浓郁的氛围。
第三，建立考核机制，对各党支部的活动举办和学习落实情况进行考核，保证学习效果。
第四，我们会组织专门人员，多活动的开展进行图文专题报到，在我们单位网站和微博微信客户端，予以公布，让更多的人参与进来，并对涌现出的先进人物进行表彰。
发表于 16-7-7 20:36
这是很深的套路，但是我觉得没GET到要点，要点就是我是新人，你只是跟领导来个沟通就一通百通吗，我觉得 ...
Powered by Discuz! ,
GMT+8, 17-10-27 03:15谁能当领导 人人可举荐_网易新闻
谁能当领导 人人可举荐
用微信扫码二维码
分享至好友和朋友圈
记者 毛传来 林上军 报道组 孟阿荣
在群众的印象中，干部选拔任用基本上是组织部门的事，与其他部门与人员几乎无关。舟山市在省内率先建立干部推荐网络平台，只要在网上实名注册，每个人都可以推荐心仪的领导人选。
公推入围人选1/3网上推荐
舟山市供销社副主任杜方友没有想到，1961年出生的他，在一年前市里竞争性选拔领导干部中还“上了一个台阶”。此前他是普陀区发改局局长，已经当了16年正科级干部。论资历，基层像他这样的干部还有不少；论年龄，他已年近半百，身后有一大批“70后”甚至“80后”年轻干部。因此，他只是抱着重在参与的心态，参加市供销社副主任职位竞争性选拔，不料却胜出了。
贺恩盛，1983年出生，资历尚浅，能在竞争性选拔中胜出，让他有些意外。小贺2006年大学毕业后考取公务员，进入区农林水利局工作，2007年9月起担任区直机关工委团工委书记。今年3月，他与其他70多人一起参加团区委副书记职位的竞争性选拔，最后，小贺脱颖而出。
一老一少，两名干部“出人意料”的升迁之路，始于同一起点：网上干部推荐平台。参加竞争性选拔前，两人分别被身边的领导和同事以网上实名推荐的方式“挖掘”出来。如果按照以往的干部选拔程序，他们很可能没有这样的机会。
两年前，普陀区建立干部推荐网络平台，只要干部群众实名注册，审核通过后，即可在网上推荐干部，甚至自荐。
据统计，目前该平台访问量已超过10万人次，230多人通过实名注册审核。全市12批次、67个空缺领导岗位的网上推荐中，干部群众共推荐人选700多人次，其中21人被提任。
去年7月，舟山市委组织部也开设这一平台，目前已有1045人实名注册，近400人次参与推荐。一年来，该市已进行4批、27个县处级岗位的公推比选，最后入围的人选中，1/3是从网上推荐而来。（下转第三版）
（上接第一版）
初始提名权的创新
舟山的这一探索，被视为干部选拔任用初始提名权的一次大胆创新。
初始提名权，用大白话说就是：推荐谁作为领导干部人选的权力。舟山市委组织部常务副部长沈国通表示，两年前，市委组织部的一项调查显示，在干部选拔任用方面，群众意见最大的就是初始提名权。按照现行办法，初始提名往往由党委主要领导、分管领导、组织部长等几个人进行，“少数人在少数人中选干部”的现象比较普遍。还有人尖锐地指出，组织部门在组织民主推荐干部时，有时其实已有意向人选，为确保“意中人”顺利任用，干脆为该人选进行“画像”，有暗箱操作之嫌。
而组织部门也有自己的苦恼。普陀区委组织部负责人坦言，组织部门就那么二三十人，对干部熟悉程度肯定有限，视野不够开阔，迫切需要更多优秀人才涌现出来。怎么办？那就把初始提名权交给广大干部群众，让大家一起找“千里马”。
为方便大家推荐干部，干部推荐网络平台应运而生。刚开始，网上推荐的人选，只有组织部门工作人员才可以看到。现在，普陀区把某次网上推荐的经资格审查和综合评价后进入比选的对象，全部在网上公示，并进行网络投票，投票结果作为是否任用的参考。
一开始，他们也担心出乱子，比如拉票等。结果却很顺利，而且网络得票高的干部，基本上是最终胜出的人选。
展示自我的平台
省海洋开发研究院副院长郑斌，原先是某事业单位的一名普通干部。去年底，他抱着试试看的态度，在网上平台注册并且毛遂自荐，“没想到最后真被提拔任用了”。
像郑斌一样的个案，在舟山干部中广为流传。
普陀区蚂蚁岛乡蚂蚁岛社区妇工委主任李飞群告诉记者：“相比较而言，老百姓更关心社区主任选举，因为跟自己关系更大一些。”沈家门街道泗湾社区的翁醉红表示，如果有更多老百姓推荐的干部被任用，那就更好了。“因为百姓拥护、支持的干部，更能为民说话、办事”。
“即使不成功，至少也有一个向组织展示自己的平台。”沈家门街道团工委书记刘苗苗说，如果自己跑到组织部自荐，肯定不现实。今年3月，她在网上自荐参加公开选拔，虽然没有入围，但她还是对未来充满期待。
“网上推荐平台为有志者提供了一个舞台，也扩大了组织部门选拔人才的视野，我们将继续探索、完善。”舟山市委常委、组织部长张兵表示。
本文来源：浙江在线-浙江日报
责任编辑：王晓易_NE0011
用微信扫码二维码
分享至好友和朋友圈
加载更多新闻
热门产品:　　　
:　　　　　　　　
:　　　　　　　　　
热门影院：
阅读下一篇
用微信扫描二维码
分享至好友和朋友圈大屏做成这样，领导不重用你都难！2 months ago9674收藏分享举报{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[],&title&:&大屏做成这样，领导不重用你都难！&,&author&:&fan-ruan-96&,&content&:&\u003Cp\u003E\u003Cb\u003E----------------------- 更新\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E很多知友反馈技术操作上如何去实现，这里小编已经把大家的需求反馈给产品大大，大大听闻一激动说要写个系列，一步一步给大家剖解！（目前第二篇已发布，欢迎大家关注更新~）\u003C\u002Fp\u003E\u003Cp\u003E系列二：\u003Ca href=\&https:\u002F\\u002Fp\u002F\& class=\&internal\&\u003E4步教你玩转可视化大屏设计｜内附实际操作\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E------------------------ 分割线\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E每年的双十一，天猫都会在整点时刻直播战绩，可怕的战绩背后，不知道大家是否留意到背后展示的数据大屏，简直酷炫吊炸天。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-23846ebbde6ccb_b.jpg\& data-caption=\&\& data-rawwidth=\&899\& data-rawheight=\&467\& class=\&origin_image zh-lightbox-thumb\& width=\&899\& data-original=\&https:\u002F\\u002Fv2-23846ebbde6ccb_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='899'%20height='467'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&899\& data-rawheight=\&467\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&899\& data-original=\&https:\u002F\\u002Fv2-23846ebbde6ccb_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-23846ebbde6ccb_b.jpg\&\u003E\u003Cp\u003E（图片源自网络）\u003C\u002Fp\u003E\u003Cp\u003E所谓大屏，顾名思义就是一个很大很大的屏。\u003C\u002Fp\u003E\u003Cp\u003E举个例子，Dashboard可能大家有所了解，就是将一些业务的关键指标以数据可视化的方式展示。而大屏就是将Dashboard展示到一块或多块LED大屏上。经常用在公司的展览中心、老板的办公室，还有城市交通管控中心、交易大厅等等。一般怎么清楚怎么来，怎么酷炫怎么搞。譬如人民的名义里就有这样一幕：\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-ff67ac8ecc93c_b.png\& data-caption=\&\& data-rawwidth=\&2560\& data-rawheight=\&1340\& class=\&origin_image zh-lightbox-thumb\& width=\&2560\& data-original=\&https:\u002F\\u002Fv2-ff67ac8ecc93c_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2560'%20height='1340'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2560\& data-rawheight=\&1340\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2560\& data-original=\&https:\u002F\\u002Fv2-ff67ac8ecc93c_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-ff67ac8ecc93c_b.png\&\u003E\u003Cp\u003E（图片源自网络）\u003C\u002Fp\u003E\u003Cp\u003E前几天，有位番薯（我们的坛友 \u003Ca class=\&member_mention\& href=\&http:\u002F\\u002Fpeople\u002Fb99acfc121ddbe7dab8c01f1\& data-hash=\&b99acfc121ddbe7dab8c01f1\& data-hovercard=\&p$b$b99acfc121ddbe7dab8c01f1\&\u003E@李诚泽\u003C\u002Fa\u003E ）在\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\\u002Fthread-.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E帆软论坛\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E发了个生产大屏的帖子，自己用FineReport做了个大屏的模板，引发了很大反响。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-66fe13bd4132a8dac1ab504b_b.png\& data-caption=\&\& data-rawwidth=\&1900\& data-rawheight=\&918\& class=\&origin_image zh-lightbox-thumb\& width=\&1900\& data-original=\&https:\u002F\\u002Fv2-66fe13bd4132a8dac1ab504b_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1900'%20height='918'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1900\& data-rawheight=\&918\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1900\& data-original=\&https:\u002F\\u002Fv2-66fe13bd4132a8dac1ab504b_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-66fe13bd4132a8dac1ab504b_b.png\&\u003E\u003Cp\u003E也是应于这样的契机，这里抛砖引玉，围绕如何制作的美而实用的大屏，讲讲帆软的经验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E（注：以下demo每处细节都值得推敲借鉴，手机端建议横屏观看，效果更佳！）\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-27bcea3ffc307dd1f4eea_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&571\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-27bcea3ffc307dd1f4eea_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='571'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&571\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-27bcea3ffc307dd1f4eea_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-27bcea3ffc307dd1f4eea_b.jpg\&\u003E\u003Ch2\u003E1、布局排版\u003C\u002Fh2\u003E\u003Cp\u003E大屏首先是要服务于业务，让业务指标和数据合理的展现。由于往往展现的是一个企业全局的业务，一般分为主要指标和次要指标两个层次，主要指标反映核心业务，次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重。\u003C\u002Fp\u003E\u003Cp\u003E这里推荐几种常见的版式。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-b2f3c9bd0a_b.png\& data-caption=\&\& data-rawwidth=\&1486\& data-rawheight=\&765\& class=\&origin_image zh-lightbox-thumb\& width=\&1486\& data-original=\&https:\u002F\\u002Fv2-b2f3c9bd0a_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1486'%20height='765'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1486\& data-rawheight=\&765\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1486\& data-original=\&https:\u002F\\u002Fv2-b2f3c9bd0a_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-b2f3c9bd0a_b.png\&\u003E\u003Cp\u003E上面几个版式不是金科定律，只是通常推荐的主次分布版式，能让信息一目了然。实际项目中，不一定使用主次分布，也可以使用平均分布，或者可以二者结合进行适当调整。比如下图所示，指标很多很多，存在多个层级的，就根据上面所说的基本原则进行一些微调，效果会很好。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-a74eaab47f98_b.png\& data-caption=\&\& data-rawwidth=\&1216\& data-rawheight=\&459\& class=\&origin_image zh-lightbox-thumb\& width=\&1216\& data-original=\&https:\u002F\\u002Fv2-a74eaab47f98_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1216'%20height='459'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1216\& data-rawheight=\&459\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1216\& data-original=\&https:\u002F\\u002Fv2-a74eaab47f98_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-a74eaab47f98_b.png\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-0a846d3b42d3cae0d74e_b.png\& data-caption=\&\& data-rawwidth=\&1219\& data-rawheight=\&467\& class=\&origin_image zh-lightbox-thumb\& width=\&1219\& data-original=\&https:\u002F\\u002Fv2-0a846d3b42d3cae0d74e_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1219'%20height='467'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1219\& data-rawheight=\&467\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1219\& data-original=\&https:\u002F\\u002Fv2-0a846d3b42d3cae0d74e_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-0a846d3b42d3cae0d74e_b.png\&\u003E\u003Cp\u003E附上几个典型的主次分布的大屏效果给大家看下，是不是看上去更加清晰呢，不会让人有找不到重点的感觉。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-042b0ad666e9dd13dfb08f87_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&630\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-042b0ad666e9dd13dfb08f87_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='630'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&630\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-042b0ad666e9dd13dfb08f87_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-042b0ad666e9dd13dfb08f87_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-b960b7f4a61fdfe72cd62_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-b960b7f4a61fdfe72cd62_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-b960b7f4a61fdfe72cd62_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-b960b7f4a61fdfe72cd62_b.jpg\&\u003E\u003Ch2\u003E2、配 色\u003C\u002Fh2\u003E\u003Cp\u003E合理的布局能让业务内容更富有层次，合理的配色能让观看者更舒适。配色的学问很复杂，这里就先讲一讲背景色。背景色又分为整体背景以及单个元素的背景，无论是哪一个，都遵从两点基本原则：深色调&一致性。\u003C\u002Fp\u003E\u003Cp\u003E之所以选择深色调，主要是为了避免视觉刺激。参加过大型会议的童鞋应该有感受，如果演示PPT是浅色系的，投放到大屏上后会比较刺眼，尤其是前排童鞋简直在遭罪受。下图是两个驾驶舱页面深浅色对比，看图片也许看不出来，感兴趣的可以找公司的大屏硬件测试测试，看看哪个更让人眼睛看着舒服。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d0c4eb9ff55b7b61f6f86_b.png\& data-caption=\&\& data-rawwidth=\&1949\& data-rawheight=\&965\& class=\&origin_image zh-lightbox-thumb\& width=\&1949\& data-original=\&https:\u002F\\u002Fv2-d0c4eb9ff55b7b61f6f86_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1949'%20height='965'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1949\& data-rawheight=\&965\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1949\& data-original=\&https:\u002F\\u002Fv2-d0c4eb9ff55b7b61f6f86_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-d0c4eb9ff55b7b61f6f86_b.png\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-dc623a40ae300c18747e_b.jpg\& data-caption=\&\& data-rawwidth=\&864\& data-rawheight=\&486\& class=\&origin_image zh-lightbox-thumb\& width=\&864\& data-original=\&https:\u002F\\u002Fv2-dc623a40ae300c18747e_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='864'%20height='486'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&864\& data-rawheight=\&486\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&864\& data-original=\&https:\u002F\\u002Fv2-dc623a40ae300c18747e_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-dc623a40ae300c18747e_b.jpg\&\u003E\u003Cp\u003E整体背景深色系，可选的余地还是很多的，但是配起来能让多数人都觉得好看的还是以深蓝色系为主，如下所示是几个推荐的配色方案。这几个深色配色，是我们调研下来最常用的背景设置。大家如果去网上搜罗好看的大屏或者驾驶舱页面效果，很多都是这几个色系里头的。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-85565b2fbf6aec4d39a0cf93e54ffb58_b.jpg\& data-caption=\&\& data-rawwidth=\&1199\& data-rawheight=\&199\& class=\&origin_image zh-lightbox-thumb\& width=\&1199\& data-original=\&https:\u002F\\u002Fv2-85565b2fbf6aec4d39a0cf93e54ffb58_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1199'%20height='199'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1199\& data-rawheight=\&199\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1199\& data-original=\&https:\u002F\\u002Fv2-85565b2fbf6aec4d39a0cf93e54ffb58_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-85565b2fbf6aec4d39a0cf93e54ffb58_b.jpg\&\u003E\u003Cp\u003E当然，背景不一定要用颜色的，也可以用图片。图片的使用依旧遵从整体深色的原则，同时搭配其他一些现实特性可以让整体看着更有科技感。推荐使用一些带有星空、条纹、渐变线、点缀效果之类的图片。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d835e89c6ea474da2bc3c085503bff83_b.jpg\& data-caption=\&\& data-rawwidth=\&1268\& data-rawheight=\&714\& class=\&origin_image zh-lightbox-thumb\& width=\&1268\& data-original=\&https:\u002F\\u002Fv2-d835e89c6ea474da2bc3c085503bff83_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1268'%20height='714'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1268\& data-rawheight=\&714\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1268\& data-original=\&https:\u002F\\u002Fv2-d835e89c6ea474da2bc3c085503bff83_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-d835e89c6ea474da2bc3c085503bff83_b.jpg\&\u003E\u003Cp\u003E单个元素的背景，首先是要和整体背景色系保持一致性，避免突兀。另外一个小技巧，就是透明度的使用。根据实际项目经验，这里极其推荐大家为单个的组件元素搭配一些透明色，透明度设置在10%上下为宜，具体以实际效果微调。如下几个模板，组件增加透明效果后，整体效果有质的提升。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-a89cea3f50c8e5b4fc0fcd_b.jpg\& data-caption=\&\& data-rawwidth=\&1268\& data-rawheight=\&714\& class=\&origin_image zh-lightbox-thumb\& width=\&1268\& data-original=\&https:\u002F\\u002Fv2-a89cea3f50c8e5b4fc0fcd_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1268'%20height='714'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1268\& data-rawheight=\&714\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1268\& data-original=\&https:\u002F\\u002Fv2-a89cea3f50c8e5b4fc0fcd_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-a89cea3f50c8e5b4fc0fcd_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-0533bbf2bcbbcb8140f7bdc_b.jpg\& data-caption=\&\& data-rawwidth=\&1263\& data-rawheight=\&710\& class=\&origin_image zh-lightbox-thumb\& width=\&1263\& data-original=\&https:\u002F\\u002Fv2-0533bbf2bcbbcb8140f7bdc_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1263'%20height='710'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1263\& data-rawheight=\&710\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1263\& data-original=\&https:\u002F\\u002Fv2-0533bbf2bcbbcb8140f7bdc_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-0533bbf2bcbbcb8140f7bdc_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-848b27bef790ffe_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&711\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-848b27bef790ffe_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='711'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&711\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-848b27bef790ffe_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-848b27bef790ffe_b.jpg\&\u003E\u003Ch2\u003E3、点缀\u003C\u002Fh2\u003E\u003Cp\u003E细节影响感官体验，在大屏展现上，细节也会极大的影响整体效果。通过适当给元素、标题、数字等添加一些诸如边框、图画等在内的点缀效果，能帮助提升整体美观度。\u003C\u002Fp\u003E\u003Cp\u003E如下图所示销售驾驶舱大屏，顶部的标题通过左右两个对称线条进行点缀，各个组件的细分标题通过不规则渐变色图片进行点缀，另外每个组件都搭配使用了简洁的边框以提升层次感。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-a57e185bdfe1715feb8ce2_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&719\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-a57e185bdfe1715feb8ce2_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='719'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&719\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-a57e185bdfe1715feb8ce2_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-a57e185bdfe1715feb8ce2_b.jpg\&\u003E\u003Cp\u003E比如下面图所示大屏，给组件及其标题增加一些不规则的渐变色边框，让整体看上去更富有科技感。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-bd8f34574a87_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&547\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-bd8f34574a87_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='547'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&547\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-bd8f34574a87_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-bd8f34574a87_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-ffb807c96ab0b84d4c4f_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&549\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-ffb807c96ab0b84d4c4f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='549'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&549\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-ffb807c96ab0b84d4c4f_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-ffb807c96ab0b84d4c4f_b.jpg\&\u003E\u003Cp\u003E如下图所示的航空大屏，给元素增加一些飞机图标、图画之类的拟物效果，让大屏更真实生动。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-ecdefe96dcfeb1db5cf83181_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-ecdefe96dcfeb1db5cf83181_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\\u002Fv2-ecdefe96dcfeb1db5cf83181_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-ecdefe96dcfeb1db5cf83181_b.jpg\&\u003E\u003Ch2\u003E4、动效\u003C\u002Fh2\u003E\u003Cp\u003E动效的范围很广，可以从很多角度解读，最好的参照就是PPT的动画特效，比如前文所提的背景动画、刷新的加载动画、轮播动画、图表的闪烁动画、地图的流向动画等等，都属于动态效果的范畴。前文说过，动效的增加能让大屏看上去是活的，增加观感体验。但过分的动效极其容易喧宾夺主，让观看者的眼球不知道往哪里聚焦，反而丧失了业务展现价值。这个度很难把握，既要平衡酷炫效果，又要突出内容。\u003C\u002Fp\u003E\u003Cp\u003E列举几个制作的大屏动态示例demo。\u003C\u002Fp\u003E\u003Cp\u003E如下图所示销售大屏，核心指标车辆总价值以数字显示，通过FineReport 的数据监控功能，动态刷新数值。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-fdb315592fdd8f52b2f0fa_b.gif\& data-caption=\&\& data-rawwidth=\&1603\& data-rawheight=\&711\& data-thumbnail=\&https:\u002F\\u002Fv2-fdb315592fdd8f52b2f0fa_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&1603\& data-original=\&https:\u002F\\u002Fv2-fdb315592fdd8f52b2f0fa_r.gif\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1603'%20height='711'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1603\& data-rawheight=\&711\& data-thumbnail=\&https:\u002F\\u002Fv2-fdb315592fdd8f52b2f0fa_b.jpg\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1603\& data-original=\&https:\u002F\\u002Fv2-fdb315592fdd8f52b2f0fa_r.gif\& data-actualsrc=\&https:\u002F\\u002Fv2-fdb315592fdd8f52b2f0fa_b.gif\&\u003E\u003Cp\u003E再如下图所示IT运维大屏，中间地图上模拟的呼吸动画，底部的滚动消息等。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-2ada25cea09e165b18af8c_b.gif\& data-caption=\&\& data-rawwidth=\&1603\& data-rawheight=\&711\& data-thumbnail=\&https:\u002F\\u002Fv2-2ada25cea09e165b18af8c_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&1603\& data-original=\&https:\u002F\\u002Fv2-2ada25cea09e165b18af8c_r.gif\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1603'%20height='711'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1603\& data-rawheight=\&711\& data-thumbnail=\&https:\u002F\\u002Fv2-2ada25cea09e165b18af8c_b.jpg\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1603\& data-original=\&https:\u002F\\u002Fv2-2ada25cea09e165b18af8c_r.gif\& data-actualsrc=\&https:\u002F\\u002Fv2-2ada25cea09e165b18af8c_b.gif\&\u003E\u003Cp\u003E如下图所示金融大屏的轮播动画，借助轮播效果，来实现同一个位置滚动播放不同的指标内容，避免平铺展开所有指标把大屏界面挤满。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-03ebee70b1fe9cb5b69ce284e4a22b49_b.gif\& data-caption=\&\& data-rawwidth=\&1603\& data-rawheight=\&711\& data-thumbnail=\&https:\u002F\\u002Fv2-03ebee70b1fe9cb5b69ce284e4a22b49_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&1603\& data-original=\&https:\u002F\\u002Fv2-03ebee70b1fe9cb5b69ce284e4a22b49_r.gif\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1603'%20height='711'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1603\& data-rawheight=\&711\& data-thumbnail=\&https:\u002F\\u002Fv2-03ebee70b1fe9cb5b69ce284e4a22b49_b.jpg\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1603\& data-original=\&https:\u002F\\u002Fv2-03ebee70b1fe9cb5b69ce284e4a22b49_r.gif\& data-actualsrc=\&https:\u002F\\u002Fv2-03ebee70b1fe9cb5b69ce284e4a22b49_b.gif\&\u003E\u003Cp\u003E再比如这个销售驾驶舱，通过边框动画、地图流向动画，来增加大屏展示的整体活力。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-0d6abc9af4a0cb186a8ec023aebb4d32_b.gif\& data-caption=\&\& data-rawwidth=\&1413\& data-rawheight=\&761\& data-thumbnail=\&https:\u002F\\u002Fv2-0d6abc9af4a0cb186a8ec023aebb4d32_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&1413\& data-original=\&https:\u002F\\u002Fv2-0d6abc9af4a0cb186a8ec023aebb4d32_r.gif\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1413'%20height='761'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1413\& data-rawheight=\&761\& data-thumbnail=\&https:\u002F\\u002Fv2-0d6abc9af4a0cb186a8ec023aebb4d32_b.jpg\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1413\& data-original=\&https:\u002F\\u002Fv2-0d6abc9af4a0cb186a8ec023aebb4d32_r.gif\& data-actualsrc=\&https:\u002F\\u002Fv2-0d6abc9af4a0cb186a8ec023aebb4d32_b.gif\&\u003E\u003Ch2\u003E5、总结\u003C\u002Fh2\u003E\u003Cp\u003E从布局、背景、点缀边框、动效等几个方面，简单介绍了一些大屏展现页面制作的基本方法。其实不难发现很多环节都是相通或交叉的，比如单个元素的背景色，往往会和一些边框一起使用；比如一些动态效果，可能是背景或者边框本身的GIF动画。\u003C\u002Fp\u003E\u003Cp\u003E大屏展现作为数据可视化的一个典型使用场景，其涵盖的知识太多太多了，一个完整的大屏项目从开始调研到实施交付可能需要开发工程师、项目经理、视觉工程师、UI工程师、硬件工程师等等众多专业人员的参与。\u003C\u002Fp\u003E\u003Cblockquote\u003E注：\u003Cbr\u003E1、以上大屏均是由第三方客户基于finereport制作的效果图，图中数据并非真实数据，仅供参考。\u003Cbr\u003E2、如有任何形式的冒犯请私信联系小编，但原则上与帆软无关。\u003Cbr\u003E3、本文只是展示了大屏的布局设计，关于后台技术，之后会写一篇相关技术文，欢迎关注。\u003Cbr\u003E4、关于产品，很高兴我们的可视化有把大家稍微\&震慑\&了一下下。但其实大屏只是finereport技术的冰山一角，finereport本质上是一款商用的报表BI类工具，解决的不只是可视化展示的问题，还有企业的各类业务分析，流程数据管理，常规报表制作，更多知识可右戳——\u003Ca href=\&https:\u002F\\u002Fquestion\u002F\& class=\&internal\&\u003E如何评价报表软件FineReport？\u003C\u002Fa\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E\u003C\u002Fp\u003E&,&updated&:new Date(&T08:37:50.000Z&),&canComment&:false,&commentPermission&:&review&,&commentCount&:276,&collapsedCount&:0,&likeCount&:9674,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002Fv2-d835e89c6ea474da2bc3c085503bff83_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&数据可视化&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&数据分析&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&大数据&}],&adminClosedComment&:false,&titleImageSize&:{&width&:1268,&height&:714},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&tipjarState&:&closed&,&annotationAction&:[],&sourceUrl&:&&,&pageCommentsCount&:276,&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T16:37:50+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:&一花一世界&,&isFollowing&:false,&hash&:&977d480ad6fa75aa30a1c37&,&uid&:80,&isOrg&:false,&slug&:&gong-ye-yan&,&isFollowed&:false,&description&:&&,&name&:&公冶琰&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fgong-ye-yan&,&avatar&:{&id&:&da8e974dc&,&template&:&https:\u002F\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&闷声发大财才是最吼的！&,&isFollowing&:false,&hash&:&dbf19334e0cacc30418d5db&,&uid&:031200,&isOrg&:false,&slug&:&shu-li-zhi-bei&,&isFollowed&:false,&description&:&学生&,&name&:&黍离之悲&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fshu-li-zhi-bei&,&avatar&:{&id&:&a8bcffcd2c8737&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:null,&isFollowing&:false,&hash&:&572a523f80ef2deeaa41d&,&uid&:44,&isOrg&:false,&slug&:&meng-hang-89&,&isFollowed&:false,&description&:&&,&name&:&自学成才的同志&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fmeng-hang-89&,&avatar&:{&id&:&6d9bec5ddad7d&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&风控数据分析&,&isFollowing&:false,&hash&:&dc5f86cd7c&,&uid&:856700,&isOrg&:false,&slug&:&a-bei-er-35&,&isFollowed&:false,&description&:&&,&name&:&阿贝尔&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fa-bei-er-35&,&avatar&:{&id&:&v2-604a1d27c2cb0b038df29b05ac063ad4&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&Android\u002Flinux&,&isFollowing&:false,&hash&:&9d823a8bbd4c&,&uid&:68,&isOrg&:false,&slug&:&wang-chui-chui-56&,&isFollowed&:false,&description&:&&,&name&:&王锤锤&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fwang-chui-chui-56&,&avatar&:{&id&:&16e1b7954&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&http:\u002F\\u002Fv2-23846ebbde6cc0x112.jpg\& data-caption=\&\& data-rawwidth=\&899\& data-rawheight=\&467\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&http:\u002F\\u002Fv2-23846ebbde6ccb_r.jpg\&\u003E\u003Cb\u003E----------------------- 更新\u003C\u002Fb\u003E很多知友反馈技术操作上如何去实现，这里小编已经把大家的需求反馈给产品大大，大大听闻一激动说要写个系列，一步一步给大家剖解！（目前第二篇已发布，欢迎大家关注更新~）系列二：\u003Ca href=\&https:\u002F\\u002Fp\u002F\&\u003E4步教你玩转可视化大屏设计｜内附…\u003C\u002Fa\u003E&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&annotationDetail&:null,&commentsCount&:276,&likesCount&:9674,&FULLINFO&:true}},&User&:{&fan-ruan-96&:{&isFollowed&:false,&name&:&帆软&,&headline&:&帆软是中国大数据BI和分析平台领导厂商，专注商业智能和数据分析11年，是国内专业水准最高、组织规模最大、服务范围最广、企业客户最多的数据分析厂商。拥有、大数据BI平台FineBI和企业级web报表工具FineReport，在各自的领域内处于领先地位。\n微信公众号：finesoftware&,&avatarUrl&:&https:\u002F\\u002Fv2-8de961c5cf956e47bb8bfe7ce4286fe9_s.jpg&,&isFollowing&:false,&type&:&org&,&slug&:&fan-ruan-96&,&bio&:&国内领先的大数据BI和分析平台提供商&,&hash&:&2f8d4b612a318edcccec67&,&uid&:070800,&isOrg&:true,&description&:&帆软是中国大数据BI和分析平台领导厂商，专注商业智能和数据分析11年，是国内专业水准最高、组织规模最大、服务范围最广、企业客户最多的数据分析厂商。拥有、大数据BI平台FineBI和企业级web报表工具FineReport，在各自的领域内处于领先地位。\n微信公众号：finesoftware&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\\u002Forg\u002Ffan-ruan-96&,&avatar&:{&id&:&v2-8de961c5cf956e47bb8bfe7ce4286fe9&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:true,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&nwebStickySidebar&:&sticky&,&newMore&:&new&,&liveReviewBuyBar&:&live_review_buy_bar_2&,&liveStore&:&ls_a2_b2_c1_f2&,&isOffice&:&false&,&homeUi2&:&default&,&answerRelatedReadings&:&qa_recommend_with_ads_and_article&,&remixOneKeyPlayButton&:&headerButton&,&asdfadsf&:&asdfad&,&qrcodeLogin&:&qrcode&,&newBuyBar&:&livenewbuy3&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&zcmLighting&:&zcm&,&favAct&:&default&,&appStoreRateDialog&:&close&,&mobileQaPageProxyHeifetz&:&m_qa_page_nweb&,&iOSNewestVersion&:&4.2.0&,&default&:&None&,&wechatShareModal&:&wechat_share_modal_show&,&qaStickySidebar&:&sticky_sidebar&,&androidProfilePanel&:&panel_b&,&nwebWriteAnswer&:&experiment&}},&columns&:{&next&:{}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}}