文章 - 496 评论 - 881 收藏 - 7 粉丝 - 48 访问量 - 957240

在我接到很多读者投稿中,很多是IT界人士,他们经常遇到一个问题,需要结合自己的软件界面讲解一些知识给听众。

所以我今天想讲讲如何结合软件界面图片来做PPT,当然这些图片都是通过截屏得到的,针对不同讲解内容,图片大小难免难以统一,对排版也是很大压力。

正好我最近新书《榨干百度谷歌-搜索引擎广告大赢家》出版,已经有读者请教问题,我干脆做一个《百度推广,你知道多少》的PPT,做一个说明示范,如何利用软件截屏图片来做PPT.

任何讲解软件的场合,都涉及一些专业知识,这个PPT对读者专业知识还是有一些要求,可能有个别内容你看不懂,不要紧,你先百度一下,看看能不能知道,我不想一一解释,这个实在是太累了,或者你按我PPT上显示的关键字自己先搜索下,别什么问题都依赖别人,自己一搜也许就明白了。

这个PPT我用百度Logo的蓝红二色为主色,另外考虑每次分享的PPT很多朋友说看不到字体效果,干脆这次就用黑体和宋体,避免失真。PPT涉及一些具体技巧操作你不清楚的,就别写信问我了,把写信的时间用来自己下载后面的附件,操作下就明白了。

整个PPT算一个教学示例半成品吧,美感我自认还有很大欠缺,希望抛砖引玉,吸引更多朋友在我基础上完善,尽量完美。

或者分享你的好作品心得给我(可以发邮件zhangzhifs@gmail.com ),我再在博客上给大家分享。

先看PPT吧:

第一招:直接套取软件界面做封面

在设计这个封面时,我直接借用百度搜索界面,其实很多软件界面很好看,完全可以做自己的PPT封面。

这里有两个小技巧:1)我用白色形状挡住了百度界面上无关内容;2)文本框内文字可以用“打印机”动画特效弹出,有现场输入文字的情景感。

e5b9bbe781afe7898712

第二招:圈出关键信息

很多人只知道放图片,他以为有了图片读者就知道他讲到哪里,其实不是这样的,把你要讲的信息用醒目标志圈出来。

一个技巧是:可以用用动画一个一个出现圈选部分,出现一个后可以消失一个,避免信息过载。

e5b9bbe781afe7898721

第三招:用组合框从图中套出信息块

当界面图片上要表达成组信息时,可以用一组大小一致,间隔均匀图框套出内容,这样可以引导观众注意力从图片到块,便于下一步内容讲解。

这个PPT继续设计可以用渐入动画,先出现左边图框,然后是线条擦除,最后显示结论框。

e5b9bbe781afe7898731

第四招:给图片加一个外框和阴影

这张图片不大,放在PPT上缺乏层次感,我就加上一个外框和阴影,制造漂浮感。

e5b9bbe781afe7898741

第五招:线条和文本框结合,把图片上不同位置的相关信息串联起来

这个就不多解释了,给标注框换了个形式,另外也要配动画,先出现线条,再出现框,最后是解释文字。

e5b9bbe781afe7898751

第六招:让一组界面图片大小一致

界面图片截屏往往大大小小,所以要用裁剪功能处理成大小一致的,这样不管怎样排版,都还过得去。

e5b9bbe781afe7898762

第七招:用醒目文字代替原来的图片上文字

这张图片上本来有一个推广小字,但如果用圈的方式,字太小,所以我加上半透明蒙版盖住相关内容,然后用文本框加上“推广”两个字和注释,这样在阅读视觉效果上就好很多。当然配合动画效果更好。

e5b9bbe781afe789877

第八招:用蒙版突出区域,而不是图片的细节

很多界面图上有大量细节,听众往往想看清楚细节,但这些细节无助我们沟通的核心内容,怎么办?就像我这样,为界面上的某个区域加上带点颜色的蒙版,至于透明度选择多大合适,就取决于你的实际需要了。

e5b9bbe781afe7898781

第九招:用加粗颜色框套出你要强调的区域

这个蓝色框内的部分是要强调的部分,我习惯用比较粗的形状套住边界比较清晰的区域,这样听众视线很容易被引导过去。

e5b9bbe781afe7898791

第十招:用红色线条引导重点文字

当然红色线条出现时最好是带动画,这样更醒目。

e5b9bbe781afe78987101

第十一招:直接上全图

只有少数界面图片才适合上全图说明。一般而言,不配文字的图片别人是看不懂的,越专业的软件界面越是如此。

e5b9bbe781afe78987111

第十二招:裁剪去掉图片上的无关信息

很多人截的软件界面图片带底部的桌面状态栏,这很不专业。

另外你可以用“说服力-让你的PPT会说话”做百度视频搜索,你就发现,原来的图片上有广告,我通过画图软件把无关的广告信息裁剪了。

假如你的图片中有很多界面无关要表达信息,那我的建议是裁剪吧,顺便提醒下,裁剪未必就是矩形,完全可以尝试不规则多边形裁剪。

e5b9bbe781afe78987121

第十三招:拼图

很显然,你去百度百科搜索“榨干百度谷歌:搜索引擎广告大赢家”词条,你会发现我们肯定无法抓到这样的一张屏幕,这是我分三次截屏后,然后合并到一个图片上的结果。

这样就可以用一张图片反映最紧凑的信息,这也是一种常用的界面图片合成的办法。

拼吧,让关键信息更集中。

e5b9bbe781afe78987131

第十四张:图文配字注意关联性

一般人图文配字往往是文在图片上方,或下方,或左方右方,我这个“亮点在这里!”的文字就用框把文字和对应界面信息关联上了。

如果要效果更好,就应该把其它无关信息界面加上半透明蒙版。

e5b9bbe781afe7898714

当然,图文配字排版变化可以说是无穷的,希望这篇文字对各位有启发。

PPT下载地址是:http://www.uudisc.com/user/zhangzhifs/file/3821288

我有一个小愿望,有没有朋友下载后愿意继续美化这个不漂亮的PPT?或者加上动画?

然后作为作业交给我,如何?期待你的行动!我邮件是zhangzhifs@gmail.com 。

发表于: 2011-01-10 09:05 秋叶 阅读(2413) 评论(1) 收藏 好文推荐
# re: 《百度推广,你知道多少》--兼谈PPT中处理软件界面型图片的14招
2011-01-10 10:08 | 熊东旭 | 1楼
学习了~!

发表评论(网友发言只代表个人观点,不代表本网站观点或立场。)

您尚未登录,请先【登录或注册