zsign 发表于 2009-7-16 17:22:56

[原创]从摄影网站学PPT设计——图片展示的思维

<p>0.jpg :&nbsp; </p>
<p>因为触类旁通,所以学无止境... &nbsp; 图片是ppt设计中的重要组成元素,很多相关的书籍和文章中都有过这样的介绍,“一张好的图片说明,胜过大段的文本” 这里,我们不讨论“好的图片”的来源或产生过程,而是研究一下如何有效的展示图片,获得最佳的演示效果。 &nbsp; </p>
<p>从摄影网站中,我们可以学到一些这样的技巧。 &nbsp; </p>
<p>1.应用黑色(深色)背景,获得最佳的对比效果 &nbsp; </p>
<p>1.jpg : </p>
<p>WEB:Bottle Bell Photography &nbsp;</p>
<p>&nbsp;5.jpg : </p>
<p>WEB:Brent Stirton &nbsp; </p>
<p>黑色或深色背景的对比下,能够让图片的色彩更加鲜艳。以下为Nordri设计的ppt图片展示页面 &nbsp; </p>
<p>a.jpg : &nbsp; </p>
<p>&nbsp; 2.放大到满屏的图片与文字 &nbsp;</p>
<p>&nbsp;2.jpg : </p>
<p>WEB:Daniel Kennedy Photography &nbsp; </p>
<p>如果就是为了展示图片,建立印象,将图片放大至ppt整个页面(保证图片质量)是个不错的选择。如果需要给图片添加文字描述或是标题,为了不破坏画面的效果,将文字放置在页眉或页脚,以一条黑色/深色色块衬底。这样的“规矩”板式,虽然“低调”,但能够让整个页面更有档次。 &nbsp; </p>
<p>3.突出设计的感觉——图片的不规则边缘 &nbsp; </p>
<p>4.jpg :</p>
<p>&nbsp;WEB:Rankin &nbsp; </p>
<p>所谓的不规则边缘,实际上是图片背景色与页面背景色的融合,或者是应用一些png透明背景的图片,而非那种矩形四边的图片。在之前的一篇:从web界面中吸取ppt设计的灵感 http://www.nordridesign.com/blog/article.asp?id=126&nbsp;中就介绍过这样的内容。相比与一张四四方方的图片,这样的效果会更具设计感,让你的ppt脱衣而出。利用ppt中的透明工具、导入png透明背景图片或是导入图片背景色和ppt页面背景色相同的图片,都可以得到这样的效果。 ppt页面设计:</p>
<p>&nbsp;&nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/l200971617217.jpg"/> &nbsp; </p>
<p>4.宽屏展示效果</p>
<p>&nbsp;&nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/s200971617238.jpg"/> </p>
<p>WEB:Your Beautiful Photography &nbsp; </p>
<p>ppt默认的页面是按照4:3的传统屏幕设置的,图片的宽屏展示效果会让人眼前一亮。图片的宽屏效果,实现起来很简单,在保证图片最大宽度下用自带的裁剪工具减少高度即可。 &nbsp; </p>
<p>5.图片的裁剪 &nbsp;</p>
<p>&nbsp;<img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/b200971617257.jpg"/> </p>
<p>WEB:Chase Jarvis &nbsp; </p>
<p>这是一幅相当精彩的摄影作品。仔细留意一下,除了色彩的对比强烈的吸引我们意外,摄影师创意性的构图也给人留下深刻的印象。我们认为的精彩,与众不同很大程度上来自于画面内容的“不完整”性。而在ppt设计当中,我们可以发挥这样的概念,不要受制约一张完整图片,利用好裁剪工具,对整体的展示也会起到意想不到的好效果。以下是ppt设计效果:</p>
<p>&nbsp;<img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/0200971617323.jpg"/> </p>
<p>裁剪之前 &nbsp;</p>
<p>&nbsp;<img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/m200971617339.jpg"/> </p>
<p>&nbsp;</p>
<p>裁剪之后</p>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; 6.灰度的应用 &nbsp;</p>
<p>&nbsp;<img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/u200971617358.jpg"/> </p>
<p>WEB:Paolo Boccardi &nbsp;</p>
<p>&nbsp;黑白灰是永恒的经典。ppt的“图片”工具栏中有个“颜色”按钮,可以将图片快速调整为“黑白”“灰度”等。利用这些工具,可以改变图片的色彩效果,让页面的主题和内容更加突出。以下ppt设计(Marketing 3: On Accountability)来自于http://blog.futurelab.net/&nbsp; 完整内容请参考(http://www.nordridesign.cn/viewthread.php?tid=567&amp;highlight=market)</p>
<p>&nbsp;&nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/y200971617416.jpg"/> &nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/b200971617448.jpg"/> &nbsp; &nbsp;</p>
<p>&nbsp;&nbsp;7.边框效果 </p>
<p>&nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/1200971617553.jpg"/> &nbsp;</p>
<p>WEB:Isabelle Ribeiro Photography </p>
<p>&nbsp; 边框能够让图片变得更加“规矩”。在ppt设计时,一页排列多个图片时,给图片加上边框能够给人专业、严谨和统一的感觉。关注于网页就会发现,web2.0后的设计风格,网页中的图片展示很喜欢用边框,同时留足一定的空白边距,也是给人一种规整的平静感,避免淹没在信息当中,而无从点击。 &nbsp; 借助与苏芮生老师的培训PPT来说明这个问题:)(原内容参见 http://blog.hjenglish.com/suruisheng/articles/1386280.html) &nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/n200971617610.jpg"/> </p>
<p>之前 </p>
<p>&nbsp; <img alt="" src="http://www.nordridesign.com/blog/attachments/month_0907/e20097161772.jpg"/> </p>
<p>之后,当然,我认为再应用一下黑色的背景,这个页面的展示效果还会更好。<br/><br/><br/><br/><br/><br/><br/></p>

jackycheng001 发表于 2009-7-17 10:44:00

<p>讲的很有道理,收藏了</p>

zhanghm123 发表于 2009-7-17 14:33:31

非常棒!

jasonwong215 发表于 2009-7-17 15:04:59

<p>有道理。。的</p>

Emour 发表于 2009-7-21 11:23:53

&nbsp;&nbsp;&nbsp;不错,裁减精彩部分不展示全幅很受启发。&nbsp;

知行僧 发表于 2009-7-26 14:04:11

不错。

xbsrs 发表于 2009-7-26 23:46:08

<p>zsign的这个帖子给人启示很大,从学习进步的方法和帖子本身的内容都值得大家学习哦!</p>

ldmmic2100 发表于 2009-7-28 22:10:16

很有启发!

舒群 发表于 2009-7-29 09:06:08

good

alexlui 发表于 2009-7-29 09:28:54

<p>lz是不是经常上smashing magazine,嘿嘿</p>
页: [1] 2 3 4
查看完整版本: [原创]从摄影网站学PPT设计——图片展示的思维