用PPT中的表格工具模仿优秀的网页设计

时间:2023-01-14 10:21:22 


只要肯留心,处处皆学问”,这句话用在PPT学习上真的是再确切不过了。随着PowerPoint软件的升级换代,PPT在视觉呈现方面能力越来越强,可以说是由“体现结构”升级为“展现画面”,由“示意图”升级为“效果图”。如果我们在做PPT的时候还一点“美观”都不讲究,一点“布局”都不掌握,那最终的效果恐怕很难被听众所接受。

初学PPT的朋友可能会觉得自己没有学过平面设计,做不出来好看的效果。其实,理论方面的东西并不需要掌握太多,只要能留心观察,就能从身边各种各样的设计中学习吸收优秀经验,海报、网页、广告、杂志,都可以成为我们学习的范本。

以网页为例,熟悉网页制作的朋友都知道 “栅格化系统”的概念——看起来是一个整体的页面,其实是由事先规划好的一个个小块的图片格子组合而成。正是这一个个的格子搭建起了网页的骨架。做PPT的时候,我们也同样需要有这样的栅格化思维。大家可以通过这个教程和我们一起用PPT中的表格工具来模仿优秀的网页设计再造一个全新的页面。

1、打开《地心引力》的官方站点,它的首页是这样的:


2、用表格化思维来观察这个网页的布局,其实它是这样的结构:


3、开始模仿:使用插入-表格-插入表格功能,创建11×7的表格。


4、将表格的尺寸调节到和图片一致(由于单元格内字号大小以及单元格边距的限制,单元格无法无限缩小,有时会卡在某一个尺寸无法继续缩小,此时则需要对上述参数进行调节,具体方法是将字号设置为1,将单元格边距设置为“无”)。


5、将表格和图片调整到完全一样大小之后,Ctrl+X剪切图片,选中表格,右键设置形状格式,并设置图片填充。



6、根据原图调整表格布局,这一步需要一定的耐心,表格调整的操作牵一发动全身,初学时不太好掌握,多练习练习就能找到窍门。


7、调整表格属性(边线、单元格边距、背景图片等),填入自己的内容。和原版的网页对比一下,是不是也同样有范呢?你也来试试吧!

最后再提醒一下大家,如果不习惯使用表格工具排版,你也可以使用参考线工具来达到同样的目的。所以我们这一则教程的标题才叫学习“表格化思维”,只要有了一双善于发现表格的眼睛,是否使用表格工具,就不再那么重要了。

标签:单元格,图片,网页,表格,PPT制作教程
0
投稿

猜你喜欢

  • 两种方法在Excel2010中绘制斜线表头

    2023-05-25 12:30:29
  • 增加C盘容量大小的解决方法

    2023-06-25 04:28:13
  • 如何解决wps文字打开出现乱码问题

    2022-10-25 05:45:23
  • wps2019英文总是自动换行怎么办?wps2019英文单词自动换行的解决方法

    2023-09-11 17:32:02
  • win10蓝屏Ntfs.sys丢失损坏无法开机

    2022-11-12 09:08:01
  • wps文字排序行距设置

    2023-10-27 05:45:19
  • 如果WPS文本插入图片没有完全显示怎么办

    2022-06-23 07:58:49
  • Win11删除提示需要管理员权限怎么解决?

    2023-04-01 04:22:16
  • iOS 14.5正式加入AirTags寻找功能,抢先看设置配对界面

    2023-05-29 01:58:28
  • Win10如何开启Administrator超级管理员帐户?

    2023-08-12 15:55:52
  • 3dmark压力测试选哪个-3dmark压力测试选择介绍

    2023-01-27 16:18:37
  • 新发现: tfp0 漏洞或可用于 iOS 13.6 越狱

    2022-12-05 07:06:38
  • 不用打开word文档,也可以知道有多少页

    2023-05-04 06:17:05
  • Win10安装应用提示错误0x80070490的解决方法

    2023-03-08 14:30:05
  • excel2007中如何删除行和列

    2022-06-09 09:53:33
  • 低配电脑装什么系统_低配电脑系统安装推荐

    2023-02-26 07:15:03
  • EXCEL怎么设置隔5个数就取最大值?

    2023-07-30 11:14:17
  • 在Word2013中给文档制作精美封面

    2023-12-13 02:10:22
  • 电脑WPS文档大纲视图中怎么显示首行

    2023-04-22 23:21:05
  • Win10系统卸载应用商店自带应用的方法

    2023-06-09 17:25:05
  • asp之家 电脑教程 m.aspxhome.com