首页 >

怎么能做出让别人喜欢的excel表格 – CSS – 前端,css中a的active

叮叮书店代码css,ie透明css,css加空格教程,css边框立体突出效果,css方块中间空白效果,css魔方鼠标点中散开,css中a的active怎么能做出让别人喜欢的excel表格 - CSS - 前端,css中a的active

有不少知友夸偶做的表格漂亮,经常有人问偶是不是有什么秘诀,秘诀就是多练,有针对性地练。

还有的就是,偶你们看到偶的漂亮的大多是图表,而不是表格。

个人认为一个漂亮的Excel表格应该兼具:漂亮+实用+高效的特点。那今天重点聊聊如何把表格做得漂亮+实用。其实,想快速提升一个表格的颜值,最快是模仿别人漂亮的表格。

E01.在哪里寻找好看的表格?

01.参考Excel系统新建模板

直接在Excel系统,【新建】选项卡里面找好看的表格对应练习。

01.项目计划甘特图

实用程度:★★★★★

漂亮程度:❤❤❤❤❤

出来工作的同学,在做项目计划图时候,免不了要做推进表或计划图。对于Project的专业软件需要大量时间成本学习,Excel画的条形 甘特图又不能满足需求。

这个项目计划图就是福音,可以通过如图工期,开始时间等数据,后面就能自动补充可视化。界面是如此干净+漂亮+实用。

配色

02.公司考勤表

实用程度:★★★★★

漂亮程度:❤❤❤❤

一个公司除了财务,用表格最多应该是行政,统计员工提成、销售业绩、考勤情况,都少不了Excel的数据统计和汇总。

而这个Excel模板,可以选择员工就能看到他一整年的考勤情况,这个拉下菜单就是大家提到的【动态图表】原理。只需要你在【休假表】【员工姓名】【假期】三个工作表填上员工的信息,该考勤表就能自动汇总统计,非常省事。

配色

03.库存清单

实用程度:★★★

漂亮程度:❤❤❤❤❤

用得上这个是家庭清单,想必是位土豪。配色采用了青色系+橙色装饰,显得有种素雅之感,小图标为整个图表加分满满。

PS:公司的库存清单可以参考这样的设计,绝对加分满满。

配色

04.库存清单表

实用程度:★★★★★

漂亮程度:❤❤❤❤❤

当仓库的某物品低于续订水平,整行显示灰色,提醒要订货;当某产品工厂不再生产时,则显示删除线。这样做仓管就不怕忘记订货,而失去了成交量。

配色

05.区域销售表

实用程度:★★★★★

漂亮程度:❤❤❤❤

销售表的表+图的结合,是该模板最大的 特色,当大家输入数值图表就能自动更新,该方式适用于项目固定的统计展示。

配色

关于Excel自带的表格暂且举栗子到这里,Excel系统还有不少优秀的Excel模板。大家也可以到偶的【蚣众呺:Excel数据可视化】,回复关键词:免费模板,即可下载多套Excel模板。

二、模仿还原Excel模板

最快直接的学成的方法就是把原来表格的样式清楚,自己逐个模仿。在这之前,给大家归纳一下这些好看表格的共同点与好看的点在哪里。

E01.借鉴其中配色搭配

Excel这个配色搭配绝对吊打大部分人的配色,整体颜色亮度、饱和度都使用,不会显得过暗或者过于刺眼。

对于小白配色建议,直接模仿上面的配色即可,或者模仿其他一些优秀的配色网站。想快就直接模仿上面的。

所以总结归纳一下,在版面占用比教多的颜色,集中是在这一部分红色区域取颜色。

取主要颜色配色,选择这中间的8/2区域的颜色,点缀的亮色,就再网上8/2的颜色。

如何选择同色系的内容是如何搭配的?

这图片是精华

同色系去深浅,滑动这条东西即可:

相信学到这里你已经懂得如何运用好配色,接下来如何设置表格内容。

E02.借鉴表格的标题设置

首先声明一下,这个标题是用于展示表就是这样设置,如果用于存放大量数据源的工作表,不要设置标题,直接放表格数据源即可,否则不方便后续的数据分析。

共同点:都是用主题色写得足够大的字当标题,一些表格会要求记录时间,需要+上日期等

E03.借鉴表格的表头设置

A.表头用线条分割:

B.用深色底白字做表头:

E04.借鉴表中网格线与底色设置

A.行与行间隔填充

白色与灰色间隔填充是大家看到最多的表格内美化方式。

B.列与列间隔填充:

该表格填充间隔是列与列跟大家日常惯用的行与行之间的填充有所区别,主要是因为该计划表的走向是从左往右→延伸,所以就从左往右填充。

大家上面的表格例子,他是上面表头固定,补充物品是上往下延伸,所以用行与行填充更合理。

C.填充+纵向网格线

+网格线主要是因为周一至周日的数据有重复项,向右端延伸较长,所以用网格线加以区分。

共同点:

01.采用白灰双色分割数据;

02.均弱化或去掉表格原来的网格线,更突出数据。

01.如何快速填充白灰双色间隔?

先设置一行白色,一行灰色的底色。

02.是否去掉网格线的区别

A.拥有黑色的网格线

B.无网格线的效果

黑色网格线

白色网格线

综上:

1.尽量不要网格线!

2.不要四条边都有网格线,真的丑!

2.要加网格线,记得用浅色、灰色的网格线!

E05.汇总行借鉴

用底色与原来的表格内容进行区分

E06.借鉴图表中添加小图标元素

这些表格添加了图标,让表格内容更直观,注意图标的颜色和大小尽量保持统一

01.哪里下载图表元素呢?

大家可以在【阿里巴巴图标网站】(网址:https://www.iconfont.cn/)下载好PNG小人素材。自己用微博登录即可免费下载素材。

选中图标即可下载

多重下载方式

02.如何保持图表大小和颜色统一?

01.大家将png图标插入Excel中,选中png调整颜色,选择跟主题搭配的颜色。

02.如果图标的大小不太统一,大家可以统一给他们+上容器。

07.借鉴使用的条件格式做可视化

图标集+自定义单元格式

图标集+自定义条件格式

自定义条件格式↑

数据条

叮叮书店代码css,ie透明css,css加空格教程,css边框立体突出效果,css方块中间空白效果,css魔方鼠标点中散开,css中a的active怎么能做出让别人喜欢的excel表格 - CSS - 前端,css中a的active


怎么能做出让别人喜欢的excel表格 - CSS - 前端,css中a的active
  • css怎么把四个角 |css3 烟雾 动画
  • css怎么把四个角 |css3 烟雾 动画 | css怎么把四个角 |css3 烟雾 动画 ...

    怎么能做出让别人喜欢的excel表格 - CSS - 前端,css中a的active
  • 网页头部的声明应该是用lang - CSS - 前端,css3线性运动动画
  • 网页头部的声明应该是用lang - CSS - 前端,css3线性运动动画 | 网页头部的声明应该是用lang - CSS - 前端,css3线性运动动画 ...

    怎么能做出让别人喜欢的excel表格 - CSS - 前端,css中a的active
  • tplink无线路由器怎么设置wifi - CSS - 前端,网页设计教程css
  • tplink无线路由器怎么设置wifi - CSS - 前端,网页设计教程css | tplink无线路由器怎么设置wifi - CSS - 前端,网页设计教程css ...