2024年东莞网站建设图表 篇1
优秀网页设计的 5条原则：
1. 建站目的是基础
网站的消息传递和号召性用语 (CTA) 是支持其目标的关键。建站的目的可以很简单，如促进购买、讲述公司故事或提供教程。您应该能够用一两句话捕捉您网站的意图——想想使命宣言。
站点设计不是您应该在进行过程中弥补的东西。目的将为您提供清晰的计划并指导设计和内容创建。即兴发挥并不是实用的设计理念。
巩固网站目的的一部分是了解它是为谁服务的——您的受众是谁，他们需要什么信息，以及您的网站将如何提供这些信息？了解您的受众的人口统计数据和痛点将帮助您为您的网站找到正确的方向
2.视觉效果让人们参与其中
每个设计元素都应该反映和传达品牌的身份。照片、插图和其他图形平衡了文本并分解了网页，让眼睛从阅读中得到休息。
令人兴奋的英雄形象给人留下良好的第一印象。动画过渡和滚动触发的效果让人们移动，并将导航从无意识的必需品转变为交互式体验。无论品牌的风格如何，视觉效果都应该为设计增添活力，而不仅仅是占用空间。软件公司、快餐车和会计师都可以在保持品牌形象的同时，利用网站的图形发挥创意。
您的视觉效果应该是高质量的并且看起来不错——使用尺寸和分辨率合适的清晰、色彩平衡的照片和图形。糟糕的视觉效果会毁掉一个伟大的设计。
PithyMfweb使用可动的云朵吸引你的注意力
3.和谐
布局的每个重要元素都应该协同工作——一直到它的 HTML 和 CSS。如果对比色的超大按钮没有充分的理由不符合要求，它就会感觉不对。不协调会分散和中断用户体验。当感觉有些不对劲时，很难看到整体的伟大。同样，糟糕的用户体验会导致网站访问者跳出——损害您在 Google 中排名的机会。
一个好的设计师会让事情变得用户友好，并且知道什么字体、视觉效果和导航类型会吸引注意力。他们对如何将它们组合在一起有一个愿景。新设计师常常试图将尽可能多的兴奋塞进布局中。但是当太多的元素需要我们注意时，我们就会失去焦点。
熟练的网页设计师会考虑每个元素的重量，并且知道何时使用约束。他们知道如何创建易于导航的页面设计。这种和谐感也延伸到品牌标识上。从站点的声音和语气到调色板的一切都应该是一致的。NUA Bikes使用灰色调色板、充足的空白和稀疏的文本来将我们的注意力集中在他们的自行车上。
NUA Bikes使用灰色调色板、充足的空白和稀疏的文本来将我们的注意力集中在他们的自行车上。
4.组织统一
内容应具有逻辑性、流动性并适合层次结构。你的内容应该引导你的观众得出一个不可避免的结论，每篇文章都建立在它之前的内容之上。每句话都应该更清楚地说明您的品牌和目的，让读者在阅读时期待接下来会发生什么。
标头标签应用于构建内容并帮助网络爬虫对您的网站进行网络搜索排名。如果在开始设计之前您没有所有最终确定的内容，至少使用标题来帮助构建您正在构建的内容。
还应组织视觉元素。用补充书面内容的图像和图形定义部分。
Blue Apron井井有条的网站设计使阅读他们的食品包订阅变得简单而诱人。
5. 留白创造平衡
留白、按钮和其他视觉设计元素有助于图像和内容的突出，并使版面不至于凌乱。留白，也被称为负空间，是任何功利性设计的一个重要方面。没有它，信息传递就会变成一个不明确的圆球。
丹·马查多 (Dan Machado) 的在线作品集使用了大量的空白和粗线条。
这五个指导原则几乎适用于您将访问的所有网站。例外总是有的但了解规则可以更容易地改变它们而不会破坏您的设计。
2024年东莞网站建设图表 篇2
清除障碍
交互问题是转化道路上的障碍，需要清除掉。他们通常属于这些范畴：缺少反馈，疑惑和用户疲劳。总体的目标是要最小化认知负荷——为了使用网站，界面强加给用户的脑力劳动的数量。
我们来看一下一些常见的问题以及如何消除它们，为转化的道路扫清障碍。
视觉混乱
界面上那些并不能帮助用户实现他们的目标（以及你的商业目标）的元素都是不利的。它们是使用户分心的根源，并且需要增加额外的努力将它们从有用的元素中区分出来。
在任何特定的情景下都只展示需要的信息。避免那些不能带来价值的颜色、图片、链接或者布局。在元素间要有充分的留白。
谷歌中留白的良好运用
步骤
转化的过程中包含一系列步骤。好的解决方案需要使步骤达到最少。而更好的方案需要的是让步骤少且简单。应该采用的方案是减少整个过程的脑力劳动，而不是为了减少步骤的数量却增加了脑力劳动。
内容
太多的文本会将用户淹没，令其反感。遵循以下这些指示来做：
省略掉无用的东西：用所需的最少数量的文本来传递你的信息。
使文本易读：运用良好的对比，足够大的字号，较短的行宽，短的句子和段落，尽量少的模块且中间要有足够的留白。
创建对话：用“你”来与你的用户对话，回答他们的问题（他们来你的网站的目的），并且要避免使用专业术语。
在内容中插入图像：图片，插画和图表通常是能够更快更清晰地传达信息的一种有效的方式。
链接
如果链接的锚文本表意不清，用户可能不会点击链接，因为他们不确定接下来会发生什么。写上有意义的链接，表明用户将会看到或得到什么。运用动词来引发用户的行动。
表单
表单是非常关键的。遵照以下这些说明来做：
减少用户疲劳：将用户需要填写的区域的数量降到最少。只询问你真正需要的信息（去掉选项栏）。每一个额外的栏目都会增加用户疲劳并对转化率产生消极的影响。
有逻辑地分组：将相关信息划分为一组。
给予反馈：在一个多步骤的表单中，清晰地标明每一个步骤，让用户从一开始就能洞察到整个过程。当一个步骤完成时给予高亮显示以表明进度。
避免疑惑：在下拉菜单中，答案选项应该包含所有的可能性而不需要再强加一个选项。如果需要的话加上“其他”的选项。
在线客服
用户在你的网站上完成任务的时候有时会有疑惑或者需要及时的帮助（比如填写表单时）。如果他们找不到答案就会离开。在线客服支持可以节省转化的次数，防止用户散播负面的评价，同时可以让你发现用户的痛点，便于进一步提升。
触摸区域
手机习惯上地会遭遇低转化率的困扰。理解不同的设备拥有不同的使用模式是很重要的。当为手机进行设计时，最关键的就是要始终保持简洁。减少文本的数量并在界面上的元素间引入更多的留白。
简化表单，“考虑拇指”而不是像素。去除掉或者替代复杂的视觉元素以提升网站的加载速度。
使界面具有说服力
视觉设计
视觉设计是你的网站制造的第一印象，并且会对用户是否相信网站的可信度具有很大的影响。用户更有可能对一个有吸引力的应用产生信任并在上面花更多的时间。可以利用视觉上的暗示给予任务优先级，并将用户的注意力吸引到想要展示的功能上。
在优秀的，专业的摄影和插画上进行更多投入，善于利用配色和排版，并遵从留白的原则。
价值定位
价值定位是关于你的产品或服务如何使你的用户从中受益的陈述。使你的价值定位清晰，明确，并且可见。让用户确信他们选择了正确的网站，并且你会履行你的承诺。
CTA
“行为召唤”按钮的设计对于实际效果有着非常大的影响。你的目标就是避免用户头脑中产生疑惑并且减少阻力：
让它看起来像一个可点击的按钮，并用颜色和大小来强调它。在按钮周围设置留白。
行为召唤按钮是为了激发用户的行动。文本需要简短并以动词开头。运用用户会使用的词汇并且清晰地表明用户点击后会得到什么。
当为移动设备设计时，不要仅仅只调整页面的大小。让CTA按钮足够大，可以很容易地点击到，并在周围增加更多的留白（按比例适当地增加）。
避免“广告盲区”效应。确保CTA按钮非常突出，但仍能和网站整体的设计相符。保持简洁。
避免选择过载并给予选择优先级。如果有多个你想要引导用户去采取的行动，为它们安排优先级。明确哪一个是与你的商业目标相符的最重要的行为。
点击CTA按钮之后的内容也是同等重要的。保持一致性，始终让事情简化并避免干扰。
2024年东莞网站建设图表 篇3
说起制作图表，我们可能马上会想到Excel、Python、tableau等工具。
但你知道有一款国产工具，可以让你0学习成本实现数据可视化吗？
今天小编推荐的，就是这样一个0门槛的，国产在线图表制作工具网站——镝数图表
无需学习，轻松做出简单容易理解的图表！
（点击答主主页免费使用，可快速体验）
01图表类型超丰富
镝数图表拥有140多种图表模板，应该是目前市面上图表种类最多的工具了。
| 流向型数据——桑基图
桑基图一般是用来描述一组值到另一组的流向，每一个分支的宽度对应数据流量的大小。经常用于可视化能源或成本转移一类的数据，也可以帮助我们确定各部分流量在总体中的大概占比情况。
除了常规的桑基图，镝数图表还提供了【纵向桑基图】和【两列桑基图】。
| 分布型数据——散点图
散点图是一种使用直角坐标来展示一组数据的两个变量值的图表。
不光可以显示趋势，还能显示数据集群的形状，以及在数据云团中各数据点的关系。
当然，如果你的数据集群有多个变量，也可以尝试【分组气泡图】、【三元图】等。
| 趋势型数据——折线+分组柱状混合图
混合图表也是镝数图表的特色图表了，将柱状图与折线图混合使用，主要应用于不同数据字段的数据对比和趋势变化。
同类型的混合图表，还有【折线+堆叠柱状图】、【折线+堆叠条形图】等。
| 比较型数据——蝴蝶图
蝴蝶图就是将两个条形图对称排列，美观的同时还可以非常清楚地看到两组数据之间的对比。
同样适用于数据对比的还有【纵向双轴面积图】、【李克特量表图】等。
| 占比型数据——水波图
水波图通常是在圆形中填充动态水波来展示数据。
但是镝数图表的水波图并不局限于圆形，可以自定义图标，让可视化更加有趣。适用于多个百分比数据的呈现。
同样表达占比的还有【符号饼图】、【百分比符号条形图】等。
上百种图表模板，在镝数图表都可以免费使用！
02全图表动画输出，动态效果超炫酷
镝数图表另一个很强大的功能：所有图表都有动画效果，可以自定义调整动画展示的细节，例如动画时长、效果类型等，且支持导出动态gif图。
每个图表的配置项非常丰富，可以自己调整图表的各种细节。
每根线、每根柱子的颜色、透明度、宽度、描边等等都是可以灵活调整的。
不同风格的场景展示都可以完美适配。
03超丰富信息图模板
单个图表做好了之后，想要放在报告中展示就可以用到信息图模板啦。
不需要任何设计软件，在镝数图表就可以完成文字、图片、图表的混合编辑。
输出形式除了常规的图片，还可以输出交互的H5页面，直接分享给你的老板，操作非常简单！
即使不懂设计，也可以做出非常优质的总结汇报！
赶紧试试吧~
2024年东莞网站建设图表 篇4
数据图表是PPT中不可缺少的组成部分，但大家最常用的就是饼图、柱形图或折线图。然而，这些普通的数据图表大家未免审美疲劳，是否有一些更有创意的数据图表呢？
有的，但是创意图表设计起来有一定的难度，需要大家耐心学习、动手实践才能做的出来，但花点时间一次性做好，以后就可以直接套用了，只需修改数据即可。
接下来列举的七个创意图表较有代表性，可以拓宽我们的视野。
1
用堆积柱形图巧绘铅笔数据图表
图表效果如图5.1-1所示。其特点是：更改图表数据时，该折线图会自动显示最大值和最小值。
▲图5.1-1
设计的技术要点是：①借助最值函数的设计是让最值自动显示的关键；②对面积色块、折线线条及数字标记进行格式设计。
第一步、绘制组合图表。通过【插入】→【图表】→【组合】→将系列1-系列3的图表类型都设置为“带数据标记的折线图”。如图5.1-2所示。
▲图5.1-2
第二步、数据及函数设计。右击图表→【编辑数据】，系列1根据需要修改名称，系列2名称改为「最大值」，系列3改为「最小值」，并分别在首行设置函数，其中：
最大值函数为：
=IF(MAX(B2:B2)=MAX($B$2:$B$13),MAX($B$2:$B$13),NA())，
最小值函数为：
=IF(MIN(B2:B2)=MIN($B$2:$B$13),MIN($B$2:$B$13),NA())，
设置完后，再下拉即可，如图5.1-3所示。
▲图5.1-3
函数的技术概要是：首先，函数中$符号表示锁定了行号和列号，下拉拖动不会自动改变；其次NA()这个函数生成错误值#N/A，错误值在图表中不显示；再次，整个函数的意思是：如果该行系列1中的数值是整个系列1中的最大值，则显示这个数值，否则生成错误值#N/A。
第三步、设置折线图格式。双击图表中的折线，自动跳出【设置数据系列格式】，选择油漆桶，勾选【平滑线】，线条粗细设为2.25磅；再单击折线的节点，选择油漆桶，选择【标记】→【数据标记选项】，单击【内置】，并设置默认的内置圆环的大小为10，并设置【填充】的颜色为幻灯片背景的颜色，同时设置【边框】的宽度为2.25磅。如图5.1-4所示。
▲图5.1-4
第四步、添加最值的数据标签。此时，最大值和最小值应该就是一个圆点，右击圆点，单击【添加数据标签】，即为最值添加了数据标签。同时，并适当设置字体的字体、大小和色彩。如果选不中最值圆点，可以右击图表，在选框中选择。如图5.1-5所示。
▲图5.1-5
第五步、绘制微立体衬底。先绘制圆形，无边框，颜色填充为RGB（242,242,242）；再设置阴影为40%透明度黑色，模糊4磅，角度45°，距离1磅；接下来，顶部棱台选“角度”，宽度4.5磅，高度1磅，材料选择“柔边缘”。如图5.1-6所示。
▲图5.1-6
第六步、添加微立体衬底。选中微立体衬底，按【Ctrl+C】复制，再单击最值圆点，按【Ctrl+V】粘贴，即给最值添加了微立体衬底，同时设置【标签位置】为居中。如此，全部设计完成。
利用同样的方法还可以设置多组的最值自动出现的折线图。如图5.1-7所示，是两组最大值、最小值自动出现折线图，采用四个折线图设计，重点在于函数和线条、标签、微立体等设计，其函数比上述单个折线图略显复杂，但原理一致。
▲图5.1-7
2
用堆积柱形图巧绘铅笔数据图表
图表效果如图5.2-1所示。其特点是：铅笔柱形图可随着数据的变化自动变化，可以匹配校园、文案或文字类使用场景。
▲图5.2-1
设计的技术要点是：①借助透明蒙版来实现铅笔各面的明暗对比效果；②用堆积柱形图实现铅笔的笔尖和橡皮部分不变形。
第一步，手绘一组铅笔。如图5.2-2所示。这个铅笔图形就是三角形、矩形、半圆所组成，铅笔各面的明暗对比效果可通过透明蒙版实现，即左侧的面覆盖80%透明度的白色色块，右侧的面覆盖80%透明度的黑色色块。
▲图5.2-2
第二步，绘制堆积柱形图。通过【插入】→【图表】 →【柱形图】 →【堆积柱形图】插入堆积柱形图并修改数据。数据的特点是，中间柱形图对应主数据，即实际的数值大小；两头的柱形图分别对应橡皮和笔尖，数值大小仅作参考，可依据视觉效果进行微调。
▲图5.2-3
第三步，图形复制粘贴。选中右侧图形粘贴到左侧堆积柱形图中，粘贴后的效果如图5.2-4所示。粘贴的时候是有技巧的，复制右侧笔尖或橡皮部分，单击左侧数据图表中的笔尖或橡皮部分的柱形图，按【CTRL+V】粘贴；而笔杆部分，因色彩不同，则要单击两次，独立进行粘贴。
▲图5.2-4
第四步，图表华丽变身。首先根据版式布局或铅笔形状调整图表的宽与高，然后我们再进行如下的操作：
①分类间距调整为80%；
②删除多余的图表元素；
③给笔杆部分添加数据标签；
④将坐标轴的刻度线设置为箭头。
⑤文字或线条颜色优化调整。
效果完成！以后使用时，再直接调整铅笔笔杆部分对应的数据即可。如果需要修改铅笔的颜色，则要保留原始的手绘铅笔，修改颜色后再重新粘贴即可。
3
巧用柱形图与折线图绘制飞机飞行图表
图表效果如图5.3-1所示。其特点是：飞机拉的长烟可以伴随数据的调整而调整。
▲图5.3-1
设计的技术要点是：①用柱形图来实现飞机后面的长烟效果；②利用折线图的标记来放置飞机。
第一步，飞机图标获取。飞机的矢量图标非常容易获取，基本山很多矢量素材网站或网络搜集的PPT图标都可以知道。本案例中的飞机图标来自于矢量素材，下载后在AI中打开，拖入PPT中两次取消组合即可使用。
第二步，绘制柱形图与折线图。通过【插入】→【图表】 →【组合】插入自定义组合图表，一般默认的三个图表组合，删除其中的一个，再将剩余的两个图表设为“簇状柱形图”和“折线图”。如图5.3-2所示。
▲图5.3-2
第三步，修改图表数据。右击图表→【编辑数据】，将“系列1”、“系列2”的名称改为“主数据”、“辅助数据”，并将“辅助数据”的数据通过公式设为与“主数据”的数据相同。设计后的效果如图5.3-3所示。
▲图5.3-3
第四步，图形复制粘贴。将从矢量素材中导出的飞机图标修改好颜色，并分别粘贴到图表中折线图的“标记”处。如果以后要调整飞机的颜色，需要保留原始的飞机图标，修改颜色后再重新粘贴。如图5.3-4所示。
▲图5.3-4
第五步，图表华丽变身。①分类间距调整为50%；②删除多余的图表元素；③柱形部分渐变设置。柱形的渐变设置为角度90°，透明度30%和100%。如图5.3-5所示，效果完成！
▲图5.3-5
4
娃娃头对称圆环数据图表
图表效果如图5.4-1所示。其特点是：半圆参差图表很流行，虽临摹自网络图表样式，但并非手绘，而是可以随数据的变化而变化的数据图表。
▲图5.4-1
设计的技术要点是：取四个同心圆环的一半作为100%并根据具体的数据拆分成多个模块，再通过不同位置圆环及边框设置为透明实现最终的视觉效果。
第一步、绘制同心圆。通过【插入】→【图表】 →【饼图】 →【圆环图】在PPT中插入圆环图表。如图5.4-2所示。
▲图5.4-2
第二步、编辑数据。右击图表→【编辑数据】，将“销售额”的名称改为“主数据”，添加数据为18%，22%，28%，32%（可设公式自动计算出第四季度），右侧另新增三个辅助系列，数据与主数据相同；底侧添加一个辅助类别，数据都设为100%。如图5.4-3所示。
▲图5.4-3
第三步、设置数据系列格式。右击图表→【设置数据系列格式】，将【第一扇区起始角度】调整为270°，【圆环图内径大小】调整为42%.如图5.4-4所示。如图5.4-4所示。
▲图5.4-4
第四步、透明设置。①先将所有的边框设为透明；②下侧的辅助半圆环设为透明；③上侧自左到右的外侧圆环对应位置设为透明；④将未透明的部分圆环边框设为所填充的颜色（以防止圆环之间有视觉上的间隙）。如图5.4-5所示。
▲图5.4-5
第五步、添加数据标签。右击外侧第二层的圆环（这个选择很重要哦），单击【添加数据标签】，即为图表添加了数据标签。如图5.4-6所示。
▲图5.4-6
第六步、美化数据标签。勾选【类别名称】、【值】，【分隔符】选择「新文本行」，同时将底侧辅助数据的标签设为透明，右两个数据设为白色，左两个数据标签设为灰黑色，并适当调整数字标签的大小和字体。如此，即制作完成，一次设计，永久使用。如图5.4-7所示。
▲图5.4-7
5
娃娃头对称圆环图表
图表效果如图5.5-1所示。这是布衣公子偶然看到的一张图片，图中的图表让公子怦然心动，便通过圆环图表的巧妙设置绘出来了，公子将之命名为“娃娃头”图表。其特点是：形状类似“娃娃头”发型，比较有特色，让人耳目一新。
▲图5.5-1
设计的技术要点是：①通过辅助数据的设置巧妙突出要表述的数据；②通过颜色的设置突出要表述数据的色彩。
第一步，设计构思。经过分析我们可以得知，“娃娃头”图表是由主数据的彩色圆环与两个左右对称的辅助圆环（实际上色彩设置为空白）所组成，三组数据之和为100%，因此，辅助数据的数值应设置为“=(100%-B$3)/2”；同时，为了让主数据的圆环置于顶端且左右对称，则需要将第一扇区起始角度设为180°。如图5.5-2所示。
▲图5.5-2
第二步，先设置第一圈头发。通过【插入】→【图表】 →【饼图】 →【圆环图】插入图表后，删除“第四季度”，将“第二季度”改为“主数据”，其他改为“辅助”，同时设置好两个辅助的公式，主数据数值输入百分比数值，且删除全部图表元素。如图5.5-3所示。
▲图5.5-3
第三步，绘制其他头发。将设置好的数据直接向右侧复制，然后修改「销售额」为各年度，并根据实际情况修改“主数据”对应的数值。如图5.5-4所示。
▲图5.5-4
第四步，添加辅助空白圆环。我们看一下最终的效果，各头发之间是有空隙的，因此，我们还要给各年度的数据之间增加空白圆环，同时最里层增加一个灰色圆环（主数据设为100%）。如图5.5-5所示。
▲图5.5-5
第五步，图表的完美变身。我们将图表的【圆环内径大小】设为40%，除最里层的灰色圆环外，其余辅助圆环一律设置透明，所有圆环设置无边框，各头发可以设置不同的主题色，最终的视觉效果完美呈现！如图5.5-6所示。
▲图5.5-6
6
经典仪表盘图表
图表效果如图5.6-1所示。其特点是：该图表完全数据设置完成，而且仪表盘的指针可以伴随着数据的变化而自动调整。
▲图5.6-1
设计的技术要点是：①借助两个圆环图实现仪表盘和数字标签的制作；②借助函数实现指针的生成及自动随数据而变化。没有耐心是完不成这个仪表的，是时候来检测一下自己的耐心和技术水平了！
第一步、绘制组合图表。通过【插入】→【图表】→【组合】→选择系列1和系列2为圆环图，系列3为饼图，同时系列3勾选【次坐标轴】。如图5.6-2所示。
▲图5.6-2
第二步、表盘的数据设置。右击图表→【编辑数据】，接下来要分六小步。
①在数据表中上方新增三行预留使用。
②将系列1的名称改为【表盘值】，数值设为【0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、90】，为什么这么设呢？因为圆环的四分之三即270°拿来设计仪表盘，所以这270°划分为10个27°部分和11个0°部分，0°对应的部分是用来添加刻度值的。
③将类别那一列的名称改为【刻度值】并将类别中与表盘值（系列1）0°对应的表格分别填充为【0%、10%、20%、30%、40%、50%、60%、70%、80%、90%、100%】，其余保持空白。
④系列2名称改为【颜色值】，对应数值是【90、90、90、90】，这个好理解，是为了设计表盘的。
⑤系列3名称改为【指针值】，内容先空着，右侧对应的增加这四个值的名称：指针数值、指针大小、空白区域、输入数值。
⑥单击圆环图表，通过移动数据选框，来修改圆环图表对应的数据，目的是将刻度显示的部分放置在外侧。如图5.6-3所示。
▲图5.6-3
第三步、指针的数据及公式设置。在上方预留的位置设置【指标值】的输入区域，同时，指针大小设为2；指针数值是通过设置公式将输入的指标值换算而得来。公式是“=MAX(0,MIN(C2,100))*270/100”，这个公式的意思概括起来就是当输入的指标数值超过100时，选择100，当输入的指标数值小于0时，选择0。同时，表盘的270°区域对应的是指标的100%，因此，公式中“*270/100”部分含义是将输入的指标值换算成饼图中的具体角度。另外，空白区域即饼图中除去指标和指针部分的角度大小，可设公式为：“=360-D5-D6”。如图5.6-4所示。
▲图5.6-4
第四步、表盘和指针格式设置。①删除图表标题、图例等多余元素；②设置圆环和饼图的【第一扇区的起始角度】为225°；③设置【圆环图内径大小】为70%；④设置【饼图分离程度】为60%，此时饼图各部分分离且变小，我们再将变小的部分聚拢起来，饼图就位于圆环的里侧位置了；⑤再设置饼图和圆环图的各部分填充色彩，使之符号表盘的设计样式，如图5.6-5所示。
▲图5.6-5
第五步、给表盘添加数据标签。右击最外层圆环→【添加数据标签】，并选择数据标签的值为【类别名称】。原来设置的百分比数值即出现了，适当调整数字的字体、大小、色彩等。如图5.6-6所示。
▲图5.6-6
第六步、添加同步变化的指标值。仪表盘的下方，我们准备添加一个随着输入指标而自动变化的指标值，这需要借助一下单元格中的值来实现。在指针值（系列3）的数字下方，另添加一个数值，通过公式设置其等于输入的指标值（C2），然后选中仪表盘的表盘部分（带颜色的圆环），右击添加数据标签，再选择标签的值为【单元格中的值】即指针值的四个数字，设置其他数字的填充颜色为【无填充】，仅保留与指标值相等的那个值，再适当设置字体、大小和颜色即可。如图5.6-7所示。
▲图5.6-7
设计完成后，以后修改使用就非常方便了，如图5.6-8所示，只需要修改的数据，仪表盘的指针就会自动随数据的变化而变化。
▲图5.6-8
7
动态项目进度甘特图
图表效果如图5.7-1所示。其特点是：修改项目日期，则甘特图的条形色块会自动变化。
▲图5.7-1
设计的技术要点是：①需要在Excel中将日期换算成具体的数值；②设置坐标轴的边界使之与日期的数值对应起来。
第一步、绘制堆积条形图。通过【插入】→【图表】→【条形图】→【堆积条形图】插入堆积条形图。如图5.7-2所示。
▲图5.7-2
第二步、日期换算成具体数值。我们以2018年12月份为案例来设计月度计划甘特图，在Excel中输入2018年12月1日和2018年12月31日，选中后右击【设置单元格格式】→【常规】，即将日期换算成了具体的数值。如图5.7-3所示。
图5.7-3
第三步、设置坐标轴格式。先单击图表的横坐标轴，【坐标轴选项】→【边界】，最小值和最大值分别输入刚才日期所转换的数值，同时【单位】设为1；再设置坐标轴数字的【格式代码】为D；接着单击图表的纵坐标轴，在【坐标轴位置】中勾选【逆序类别】。如图5.7-4所示。
▲图5.7-4
第四步、图表数据编辑。右击图表→【编辑数据】→将类别1到类别4改为具体的任务名称，系列1和系列3的内容输入项目开始和项目结束的日期，系列2设置公式，其值等于系列3减去系列1，如图5.7-5所示。
▲图5.7-5
第五步、格式设置。①在图表中缩小图表的数据选区，仅选择系列1和系列2；②系列1对应的条形图设置【无填充】，系列2的条形图根据需要设置个性化的颜色；③单击坐标轴，添加次要网格线；④设置网格线和边框略变粗且颜色加深；⑤最后适当调整文字大小和格式即完成。
第五步中的这五个小步骤操作都比较简单，就不写出具体的动作描述了，无论如何，只有通过自己的动手演练，才能真正学会这些创意图表。
2024年东莞网站建设图表 篇5
前段时间分享的案例，有一些逻辑图案例，呈现出来的效果，设计感非常不错。
页面中的内容逻辑关系也很直观，看一下。
除此之外，还有这种金字塔逻辑图效果。
再比如，这种拆分创意图。
对于这种创意逻辑图表图，用在PPT中，不仅能提高设计感，还能让内容逻辑关系更直观。
那么，这些逻辑图该怎么设计呢？
下面，就以实战案例，跟大家分享几组逻辑图的设计方法。案例1
首先，看一下这种4段内容的优化。
通过内容，可以看出，这里有一个级别关系。
所以可以使用金字塔结构图展示，比如下面这种逻辑图。
然后，根据内容的层级关系，利用金字塔图设计。
为了让版式更加饱满一点，采用两边对称的效果排版。
那么这种效果应该怎么设计呢？
首先，插入一个三角形和小长方形（注：想拆分几组，就插入几个），然后将其拆分。
即可得到一组拆断的三角形，但是没有圆形效果。
此时，需要使用椭圆形补充一下，这个细节比较重要，需要反复调整，看一下。
根据这个方法，其他拆分的三角形片段，都用椭圆修饰。
案例2
除了上面这种金字塔效果，下面这组内容也可以借用金字塔图展示。
这里有上中下三组内容，使用这种三段式金字塔图优化，内容会很直观。
接下来，将内容使用三角形金字塔优化，层级感很强。
对于这种金字塔，设计起来也比较简单。
首先，插入2个三角形，再简单调整一下。
其次，将2个三角形组合，并使用【结合】工具。
再插入一个三角形，去除填充，加粗线框为【16磅】。
然后通过编辑顶点，开发路径并删除上面顶点。
然后，使用【LT】插件，将线条转为形状，点击【LT】—【线条扩展】—【线条扩展】。
转换之后，复制一个并分布，然后使用【拆分】工具拆分。
此时，删除多余的部分，即可得到一个拆分三段的金字塔。
最后，需要再次拆分，点击【LT】—【行1，列2】—【分割图/形】。
拆分之后，是为了更好的修改颜色，更有立体效果。
除此之外，像这种创意的逻辑图表，在【KOPPT】插件中有一堆，不信看一下。
插件素材来源于KOPPT网站
插件素材来源于KOPPT网站
点击【KOPPT】—【逻辑图表】—【最新】，即可查看设计的版式。
案例3
这组5段式内容，设计方法很多，如果使用逻辑图展示，有没有好的效果呢？
当然有，比如使用下面这种逻辑图效果，是不是很有创意。
这种逻辑图设计起来，比较复杂一点。
首先，插入一个饼图。
然后，数值修改一样，并将【饼图分离】修改为【10%】，分散一下。
设置好之后，复制一下，再按【Ctrl+Alt+V】，点击【图片（增强型土元文件）】。
此刻，得到的新的图表，在解组两次【Ctrl+Shift+G】。
解组之后，把中间的饼图拿出来，多余的删除。
处理好分散饼图之后，接下来制作五角星。
插入一个五角星，去除填充并修改线框线宽。
接下来，点击【LT】—【编辑形状】—【圆角工具】—【半径0.8】—【生成圆角】。
然后，在使用【LT】—【线条扩展】—【线条扩展】。
即可将线条转为形状。
接下来，将分散饼图和五角星组合起来。
组合之后，再点击拆分。
拆分之后，删除多余的部分。
再把中间的五角星缩放一下。
最后，调整一下颜色即可完成。
案例4
这种内容，可以将其按照对比关系处理。
我的思路是，使用这种创意线条展示，刚好满足两边内容排版。
怎么实现呢？
首先，插入圆形和长方形并组合，在使用【结合】工具。
再次插入一个矩形，再用【剪除】工具，剪除上半部分。
点击【LT】—【行1，列2】—【分割图/形】。
在通过编辑顶点工具，把路径开放一下。
开放路径之后，在删除不要的顶点。
接下来，在插入一个圆角矩形并去除填充，在通过编辑顶点删除多余的顶点。
费了这么大的劲，就是为了得到两根特殊的线条，将其组合即可。
最后，在通过【镜像工具】复制一组，在中间插入一个圆形。
注意先后顺序，先选择线条，后选择圆形，点击【LT】—【镜像复制】—【左右镜像】。
最后，即可得到一组对称的线条。
以上图片案例素材均来源于网络分享，侵删
关于本次的主题内容，就分享这么多，希望对你有帮助。
下期见！