用PPT中的表格工具模仿优秀的网页设计再造一个全新的页面
时间:2023-02-28 11:47:58
“只要肯留心,处处皆学问”,这句话用在PPT学习上真的是再确切不过了。随着PowerPoint软件的升级换代,PPT在视觉呈现方面能力越来越强,可以说是由“体现结构”升级为“展现画面”,由“示意图”升级为“效果图”。如果在做PPT的时候还一点“美观”都不讲究,一点“布局”都不掌握,那最终的效果恐怕很难被听众所接受。
初学PPT的朋友可能会觉得自己没有学过平面设计,做不出来好看的效果。其实,理论方面的东西并不需要掌握太多,只要能留心观察,就能从身边各种各样的设计中学习吸收优秀经验,海报、网页、广告、杂志,都可以成为我们学习的范本。
以网页为例,熟悉网页制作的朋友都知道“栅格化系统”的概念——看起来是一个整体的页面,其实是由事先规划好的一个个小块的图片格子组合而成。正是这一个个的格子搭建起了网页的骨架。做PPT的时候,也同样需要有这样的栅格化思维。大家可以通过这个教程和我们一起用PPT中的表格工具来模仿优秀的网页设计再造一个全新的页面。
1、打开《地心引力》的官方站点,它的首页是这样的:
2、用表格化思维来观察这个网页的布局,其实它是这样的结构:
3、开始模仿:使用插入-表格-插入表格功能,创建11×7的表格。
4、将表格的尺寸调节到和图片一致(由于单元格内字号大小以及单元格边距的限制,单元格无法无限缩小,有时会卡在某一个尺寸无法继续缩小,此时则需要对上述参数进行调节,具体方法是将字号设置为1,将单元格边距设置为“无”)。
5、将表格和图片调整到完全一样大小之后,Ctrl+X剪切图片,选中表格,右键设置形状格式,并设置图片填充。
6、根据原图调整表格布局,这一步需要一定的耐心,表格调整的操作牵一发动全身,初学时不太好掌握,多练习练习就能找到窍门。
7、调整表格属性(边线、单元格边距、背景图片等),填入自己的内容。和原版的网页对比一下,是不是也同样有范呢?你也来试试吧!
最后再提醒一下大家,如果不习惯使用表格工具排版,你也可以使用参考线工具来达到同样的目的。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
怎么强制删除文件夹?文件夹强制删除技巧分享
![](https://img.aspxhome.com/file/2023/7/a331828_0s.jpg)
细数Win10系统下经常使用的快捷键
![](https://img.aspxhome.com/file/2023/26/a227117_0s.jpg)
打开方式有以下几种方式种: (说明一下:方式一打开的窗体没有默认对象
wps里空格大小不一怎么办
![](https://img.aspxhome.com/file/2023/3/a163853_0s.png)
WPS Excel表格怎么放大打印
![](https://img.aspxhome.com/file/2023/3/a185613_0s.jpg)
如何利用PS将视频制成GIF动图?
XP共享打印机连接超过最大值的解决方法
Win11打游戏声音发闷怎么办? Win11玩游戏声音有杂音问题的解决办法
![](https://img.aspxhome.com/file/2023/27/a238933_0s.jpg)
excel表格内文字显示#怎么办
2021笔记本应该怎么选?2021笔记本CPU最新天梯图
![](https://img.aspxhome.com/file/2023/6/a324562_0s.jpg)
WPS Excel中通配符怎么使用
![](https://img.aspxhome.com/file/2023/9/a185779_0s.jpg)
激光打印机和喷墨打印机哪个好?激光打印机和喷墨打印机的区别
![](https://img.aspxhome.com/file/2023/6/a325513_0s.jpg)
单条件求和SUMIF函数(二):两个实际案例
![](https://img.aspxhome.com/file/2023/2/a157162_0s.png)
win10更新失败怎么办_win10更新失败无限重启解决方法
![](https://img.aspxhome.com/file/2023/3/a297975_0s.jpg)
Windows 7系统还原、映像修复全攻略
win7系统中word2003文件打不开的解决方法
![](https://img.aspxhome.com/file/2023/0/53230_0s.png)
PowerPoint演示文稿中如何设置自定义动画
![](https://img.aspxhome.com/file/2023/10/a347658_0s.jpg)
在Word文档中怎么制作安全标示?
![](https://img.aspxhome.com/file/2023/0/28840_0s.jpg)
在Word中快速输入"着重号"妙招
![](https://img.aspxhome.com/file/2023/7/19407_0s.png)
如何在word文档实现先固定图片文字后写入文字不受影响
![](https://img.aspxhome.com/file/2023/2/33482_0s.jpg)