栖息谷-管理人的网上家园

标题: [原创]从摄影网站学PPT设计——图片展示的思维 [打印本页]

作者: zsign 时间: 2009-7-16 17:22
标题: [原创]从摄影网站学PPT设计——图片展示的思维

0.jpg ：[attach]133292[/attach]

因为触类旁通，所以学无止境... 图片是ppt设计中的重要组成元素，很多相关的书籍和文章中都有过这样的介绍，“一张好的图片说明，胜过大段的文本” 这里，我们不讨论“好的图片”的来源或产生过程，而是研究一下如何有效的展示图片，获得最佳的演示效果。

从摄影网站中，我们可以学到一些这样的技巧。

1.应用黑色（深色）背景，获得最佳的对比效果

1.jpg ：[attach]133293[/attach]

WEB：Bottle Bell Photography

5.jpg ：[attach]133294[/attach]

WEB：Brent Stirton

黑色或深色背景的对比下，能够让图片的色彩更加鲜艳。以下为Nordri设计的ppt图片展示页面

a.jpg ：[attach]133295[/attach]

2.放大到满屏的图片与文字

2.jpg ：[attach]133296[/attach]

WEB：Daniel Kennedy Photography

如果就是为了展示图片，建立印象，将图片放大至ppt整个页面（保证图片质量）是个不错的选择。如果需要给图片添加文字描述或是标题，为了不破坏画面的效果，将文字放置在页眉或页脚，以一条黑色/深色色块衬底。这样的“规矩”板式，虽然“低调”，但能够让整个页面更有档次。

3.突出设计的感觉——图片的不规则边缘

4.jpg ：[attach]133297[/attach]

WEB：Rankin

所谓的不规则边缘，实际上是图片背景色与页面背景色的融合，或者是应用一些png透明背景的图片，而非那种矩形四边的图片。在之前的一篇：从web界面中吸取ppt设计的灵感 http://www.nordridesign.com/blog/article.asp?id=126 中就介绍过这样的内容。相比与一张四四方方的图片，这样的效果会更具设计感，让你的ppt脱衣而出。利用ppt中的透明工具、导入png透明背景图片或是导入图片背景色和ppt页面背景色相同的图片，都可以得到这样的效果。 ppt页面设计：

4.宽屏展示效果

WEB：Your Beautiful Photography

ppt默认的页面是按照4：3的传统屏幕设置的，图片的宽屏展示效果会让人眼前一亮。图片的宽屏效果，实现起来很简单，在保证图片最大宽度下用自带的裁剪工具减少高度即可。

5.图片的裁剪

WEB：Chase Jarvis

这是一幅相当精彩的摄影作品。仔细留意一下，除了色彩的对比强烈的吸引我们意外，摄影师创意性的构图也给人留下深刻的印象。我们认为的精彩，与众不同很大程度上来自于画面内容的“不完整”性。而在ppt设计当中，我们可以发挥这样的概念，不要受制约一张完整图片，利用好裁剪工具，对整体的展示也会起到意想不到的好效果。以下是ppt设计效果：

裁剪之前

裁剪之后

6.灰度的应用

WEB：Paolo Boccardi

黑白灰是永恒的经典。ppt的“图片”工具栏中有个“颜色”按钮，可以将图片快速调整为“黑白”“灰度”等。利用这些工具，可以改变图片的色彩效果，让页面的主题和内容更加突出。以下ppt设计（Marketing 3: On Accountability）来自于http://blog.futurelab.net/ 完整内容请参考（http://www.nordridesign.cn/viewthread.php?tid=567&highlight=market）

7.边框效果

WEB：Isabelle Ribeiro Photography

边框能够让图片变得更加“规矩”。在ppt设计时，一页排列多个图片时，给图片加上边框能够给人专业、严谨和统一的感觉。关注于网页就会发现，web2.0后的设计风格，网页中的图片展示很喜欢用边框，同时留足一定的空白边距，也是给人一种规整的平静感，避免淹没在信息当中，而无从点击。借助与苏芮生老师的培训PPT来说明这个问题：）（原内容参见 http://blog.hjenglish.com/suruisheng/articles/1386280.html）

之前

之后，当然，我认为再应用一下黑色的背景，这个页面的展示效果还会更好。

作者: jackycheng001 时间: 2009-7-17 10:44

讲的很有道理，收藏了

作者: zhanghm123 时间: 2009-7-17 14:33
[em50]非常棒！

作者: jasonwong215 时间: 2009-7-17 15:04

有道理。。的

作者: Emour 时间: 2009-7-21 11:23
   不错，裁减精彩部分不展示全幅很受启发。 

作者: 知行僧 时间: 2009-7-26 14:04
不错。

作者: xbsrs 时间: 2009-7-26 23:46

zsign的这个帖子给人启示很大，从学习进步的方法和帖子本身的内容都值得大家学习哦！

作者: ldmmic2100 时间: 2009-7-28 22:10
很有启发！

作者: 舒群 时间: 2009-7-29 09:06
good

作者: alexlui 时间: 2009-7-29 09:28

lz是不是经常上smashing magazine，嘿嘿

作者: goldenboy 时间: 2009-7-29 10:39
谢谢楼主分享

作者: ________乐儿 时间: 2009-7-29 22:57
很受启发  谢楼主

作者: zsign 时间: 2009-7-31 11:07

QUOTE:

以下是引用alexlui在2009-7-29 9:28:54的发言：

lz是不是经常上smashing magazine，嘿嘿

呵呵，alexlui好眼力，

很早开始关注的，web技术和页面的改变开始主导设计的风格，都属于表现设计，形式追随功能，欢迎多交流哈~

作者: steven1977 时间: 2009-8-1 17:06

太棒了

作者: lijiayn 时间: 2009-8-3 23:47
谢谢分享！

作者: alexlui 时间: 2009-8-6 07:58

QUOTE:

以下是引用zsign在2009-7-31 11:07:43的发言：

呵呵，alexlui好眼力，

很早开始关注的，web技术和页面的改变开始主导设计的风格，都属于表现设计，形式追随功能，欢迎多交流哈~

呵呵，过奖。两者都属多媒体，很多地方可以借鉴，比如色彩、用图、版面、字体；不同的是PPT多了一个人，所以文字的使用可以更简洁。

多交流哦！我的QQ是104096960

作者: dimyfeng5233 时间: 2009-8-6 15:13
非常不错，自己的水平还差远了。

作者: zdmcd 时间: 2009-8-7 14:03

不错！

作者: hewm99 时间: 2009-8-11 07:52
哈哈写得不错,哈哈学习了

作者: c4 时间: 2009-8-11 16:32
有道理学到了不少知识

作者: zsign 时间: 2009-9-12 18:59
感谢各位的支持，欢迎探讨交流

作者: ququ12345 时间: 2009-10-15 09:09

这个总结得好。学习了。

作者: haiyangshy 时间: 2009-10-17 02:43
hao

作者: lubesale 时间: 2009-10-17 04:00
不错的见解。

作者: zm200866 时间: 2009-10-26 23:14
说得有道理，学习~~~

作者: 飞鹰教练 时间: 2009-12-11 14:21
学习了。感谢分享。

作者: 柠檬酸酸 时间: 2010-4-9 11:07
很不错，

作者: dujuan66 时间: 2010-11-1 22:24
谢过了！

作者: 奔流不息 时间: 2010-11-2 12:38
很有道理

作者: joyz1980 时间: 2010-11-3 12:17

学习了

作者: cm0508 时间: 2010-11-5 22:56

太有才了

作者: chensusan 时间: 2010-12-18 15:37
标题: 好好学习

受益匪浅！

图片的构造！好好学习！

作者: 血之泪 时间: 2011-2-24 14:23

受教了非常感谢确实有功力

作者: arwen168 时间: 2011-2-25 14:21
[em224]嗷嗷感谢

作者: 纪文波 时间: 2011-6-25 11:07
有道理，这也是我一直在思考的一个问题

作者: 刘洋 时间: 2011-6-25 15:12
很不错，好看！~~~

欢迎光临栖息谷-管理人的网上家园 (http://bbs.21manager.com.cn/)