• 黑白的力量与一些版式

    日期:2010-10-27 | 分类:版面


    太花了......

    换成黑白后统一了版面,好看多了

    版式一

    版式二

    版式三

  • 继续做道场

    日期:2009-07-10 | 分类:版面

    现实中,很多PPT多字,多图表,而且不能修改文字,这样的案例碰到了不少,因此想探讨在这些情况下的一些版式处理,可以实际意义会比较大。列出的这些页面由于制作匆忙,所以图片的选用并不是十分切合文字的,我只是利用手头现成的资源做的,没有花时间找。目的只是对各种排版的试验,和大家探讨。






    感觉上如果处理得好,页面虽然多字,也还看得过去。当然,“尽量减少文字”依然是做好PPT的一个重要原则。


    实例参考下载

  • 小议空间再造

    日期:2009-06-29 | 分类:版面

    如果讲究的话,每个PPT页面似乎都是一个平面,看厌了插入一幅大图加几个字的话,就要在版面设计上如何突破平面做文章。但是PPT设计毕竟不是平面,也不用太复杂和花俏吧,有时候只要简单借鉴下,就能创造出空间感。

    示例1:简单的变化

    页面标题栏,直直的一条是比较常见的,稍微变化一下,空间感就出来了。


    示例二:基本型

    这个是创造空间的基本型,为什么这个页面看起来比较舒服呢?仔细分析一下,首先背景简约但不简单,灰色中有部分渐变,看起来不那么单调,其次用白色框单独区分出一个空间,平面不平了,再次加上倒影和小海星,打破一点点平衡。小海星换成logo也是蛮漂亮的。这个基本型可以变化出很多。


    示例三:基本型的变化

    也是很容易做的吧。

    示例四:故意创造不规则空间

    这个其实不容易把握,搞不好就弄巧成拙,需要跟显示内容,背景图片的走向结合起来。但偶尔一用,效果还是挺特别的。

    示例五:特别的区域

    这个页面最吸引人的地方,还是标题栏的特别处理,虽然只是单独的一小部分,也算是起到了画龙点睛的作用。

    示例六:透视

    利用透视自然能创造出空间感,其中一项的变化能突出重点,这个版式用在目录页也挺不错的。

     

  • 图版率和视觉度有相似的地方,但视觉度是指视觉表现力的强弱,而图版率则指相对于文章而言,图片所占的比例。没有图只有文字的PPT版式图版率就是0%,而只有图没有文字的PPT版式图版率就为100%。设计PPT版式的时候,考虑一下这个页面的图版率为多少好,是个很好的开始,表明了你已经有意识的开始进行“设计”了,有研究表明,一般来说,插图,照片增加,受众的好感度也会增加,图版率在50%左右的话,好感度会急剧上升。那么是不是图版率越高越好呢?也未必,任何事情都是相对的,一旦图版率超过90%的话,好感度反而会降低,文字的地位还是不能代替的。

    图片包括了照片和插图两种风格,那么选用照片还是插图好呢?这也是一个问题,一般来说,插图的视觉冲击力要强于照片,但也显得更随意。所以需要亲和力,营造活泼气氛的时候,插图比照片的效果要好。但是如果表达严肃,专业,高级感的时候,照片要比插图好。

    当然,上面说的前提都是建立在选择了合适的图片的基础上。
  • 看不见的线

    日期:2008-05-17 | 分类:版面

    这几天,一直在关注着远方那突如其来的灾难,不是说我有多爱国,也不是说我想表达泛滥的爱心,而是对生命脆弱的感慨,和那些无辜的受害者以及大家所表现的一切时常让我忍不住泪下。这是个技术型博客,我不想展示自己过多的情感,让我们以各自的方式为他们祈祷吧。

    在实际设计中,我们经常会说有一条“看不见的线”在引导着我们,其实看不见线的是观众,设计人员是必须看见的,下面以版面设计为例举一些基本的原则,这些原则可以举一反三帮助我们在排版上稳定版面,进而突破。

    1.版心线
    这是最基本的,如果心中有版心线的概念,排版和版面上至少不会很难看。

    2.十字
    十字天生具有平和稳定的感觉,医疗,宗教上采用这个结构不是没有道理的。

    当然,还可以左十字,上十字,下十字。
    3.三分原则
    中国人叫九宫格,是最被大家熟知的构图原则,在摄影,网页设计上也被大量采用,PPT版式中如果图片放在上三分一,就有了“天”,放在下三分一,就有了“地”,关于天地我一直很另外想写一篇文章,以后吧。

    4.黄金分割,黄金比率
    知名度太高了,ipod的设计也是按照黄金比率来的,上面的三分法其实在某种程度上也是黄金比率的一种。黄金比率由很多表现形式,最简单的如下:

    5.收纳框
    有较多图片或文字的时候,设计PPT时不妨设定几个假象框把它们收纳起来,版面就会显得干净。

    只要我们记得“看不见得线”,作出稳定干净的版面就没有了问题。只要我们心中有看不见的线,我们就会牵挂着远方的人。
  • 突出文本的几种方法比较

    日期:2008-05-12 | 分类:版面

    1.下划线
    下划线对阅读的干扰其实是很大的,所以如果可以的话应该尽量少用下划线

    2.加大字号
    对于中文字体来说,至少要加大字号2-3级才能起到突出文字的作用,但是应该避免在同一段文字中使用不同的字体。

    3.斜体
    斜体也不易于阅读,相对于粗体,我宁可使用粗体

    4.颜色
    颜色或许是对中文字体来说最好的突出方式了。

    5.反衬
    反衬在吸引注意力方面也是非常有效的

    6.闪烁
    闪烁应该只能用在表示非常关键的字词,而且可以马上关闭才行,试想一下紧急状态灯闪呀闪的老不关掉,头不头晕?这个也是极力反对在PPT中使用GIF动画的原因,不但是GIF,其他动画如没有必要也应该少用,不要为了动画而动画。

    总结:
    既然是突出重点,但就应该是少数部分文字,原则上不应该超过1/10,否则的话突出还有什么意义?

  • PPT目录设计的几种方法

    日期:2008-04-21 | 分类:版面

    PPT可以有目录,也可以没有目录。如果页数比较多,在结构上有目录能更清晰,对于听众来说可以了解框架,对帮助理解是非常有用的,如果使用了目录页,建议在每一段内容开始前再出现一次目录,突出该段要讲的内容,我们不妨把它叫做转场。
    一.常规设计:添加背景,这是被最常用的手法。背景最好跟目录有一定联系,书本,黑板,笔记簿等等。


    二.图标法。在每一标题前添加图标,要注意的是图标必须符合标题的内容,以帮助听众能更好的记忆,否则为图标而图标就没有意义了。在转场的时候,将其他图标黑白化,将其他标题淡化,来突出本段主题。


    三.图片法。同样的图片也必须符合标题,在转场的时候利用图片的放大来凸显章节主题,以我自己的经验来说,对听众的感染力很强。

    四。TimeLine。这个方法我是从Garr哪里学来的,非常棒的想法,我们应该告诉给我们的听众是次讲解大概要花所少时间,每一章节的时间安排,这样能够更有效让听众理解。转场效果上我创新了一下,用三维突起来突出主题。

    五.Web导航法。顾名思义,这个方法是学习web的导航菜单,这种方法特别适合于学生自学用的课件,或者由观众自行播放的演示。利用菜单颜色的变化指示当前的章节,也可以将菜单放进模板中去,设定好链接,这样使用者就可以随心所欲的观看所需要的页面。专业一点的还可以将每个菜单利用自定义动作,作出鼠标移过或按下的效果,总之这个方法有很多可以的作出的变化和效果。

    以上只是一些抛砖引玉,期待你更精彩的设计和我分享!