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

2016-12-023lian8 的分享

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

TA发布的帖子

602

收藏

613