PPT动手—行动

以前看的书还是有用的,尽管那些是空洞的理论,可每次看到或者想到的时候总能对 入座,顿时也就找到问题的根源了。

还是一样,只缺你的行动。


01 小而美的细节

没什么好说的,就为了左下角那种标注姓名的排版方式,所以模仿动手做了这个页面。

大致版式见过在曹将晚上推送文章页面的封面图,居中矩形线框左下角就是横线在上,名字在下的排版形式。

这里面有个我想重点强调的经验点。做PPT,尤其是设计感强烈或者像邵老师那种视觉舒服,简约的PPT。

  1. 你最不能忽视的就是找正确的图片,这里的正确不再是什么与文字内容主题相关,图片质量高清。

  2. 正确的图片——为了你排版的存在,构图合理、色调合理的图片(大部分色调都应该很低调,不会出现太多饱和色或多种色调混合,给人脏的感觉)

分析这个页面的图片:

  1. 图片色调低调,少而有重点(主色红色)。

  2. 构图合理,主体物朝向排版文字,这是正确的,因为我们首先第一眼看这个页面一定是先看到图片主体物,所以能够引导人们的视觉到我们需要强调的文字内容。

  1. 为了数字标题的排版方式而动手制作,以前只是在微博里发了自己对这个排版方式的分析总结,这次动手做出来,希望能加深印象。

  2. 也熟悉了样机素材的使用(左边平板,里面的图片可以替换,如果你们需要手机和平板的样机素材,欢迎后台回复)。

  1. 为了「他是谁」三个字下面的红色线条修饰方式而动手制作。

  2. 这个修饰方式前面已经见过,在延安主题里就有用到。

  3. 喜欢一个东西就是这样,多次遇见,还是心跳加速,恨不得占为己有。

原素材

值得一提的是这个图片素材用了美图秀秀处理,本来原素材不是纯黑背景,最近也在纠结要不要把PS捡起来,纠结在于我思考这个阶段应该针对性捡PS软件的哪些方面,不会再像以前那样大而全的学习下去了。

  1. 显而易见,想得到副标题矩形框的那种修饰方式,陌生。

  2. 以前对矩形框的修饰停留在,要么大到把标题包括在里面强调视觉焦点,要么小到修饰短小的词语人名。其实现在总结来看,矩形框非常适合修饰字数不多、一句话左右的句子。

  3. 希望以后能下意识去运用这一修饰方法。

    1. 为了左上角的修饰三个小竖条色块组成的引导符而动手制作。

    2. 文字排版左对齐,但是「第五章节」处并不这样,自己也就不要再强迫症了。


    02找正确的图片

    不多说了,我觉得很好的图。图片主体在中心,顺其,文字也居中排版。

    构图来看:

    1. 左侧部分信息复杂度高,所以如果文字想在图片上排版,那么选择右边的相对纯白的位置是个很不错的选择,这个页面就是如此。

    2. 为了文字能看得清不受底图亮度影响,所以图片上方盖了一层从右下角到做左上角的黑色透明渐变。

    如果你为了突出文字的意思,那么极力放大标题文字。

    1. 如果你觉得图片主体物挺好看,那么这时候你的文字更重要的任务是修饰图片,再辅助表达意思。

    2. 所以你缩小文字,页面突出图片的主体物。

    1. 典型的图片找的好,符合表达文字意思的意境。

    2. 英文「charpter 1」缩小,给人小清新的感觉。

    与上图同理,构图为居中,文字排版也居中。

    左图右文,所以左图主体物应该构图合理。(与右边形状的倾斜相搭配,甚好。)

    色调单一,很好。


    03线条

    线条的分割作用,区分并列关系的文字段落模块,在阅读型多文字的页面中常会用到。

    1. 这和上图怎么对比,最左边的一条竖线给去掉了。

    2. 这个细节我看不出来,不知孰是孰非。

    3. 都挺好吧。

    无线框

    利兄的解释,页面虽然很清爽,但是文字力场不足,层次感不强。

    线条修饰

    1. 确实美了,线条起到了修饰文字,增加了文字的层次感。

    2. 这里的解释都是借鉴他人,我也不是平面设计专业,只是觉得言之有理而已。

    无线框

    有线框

    1. 其实我只能感受到有线框的情况下确实比较有视觉表现力,但是怎么去解释,我组织不好系统的语言,这里给出的解释还是利兄的。

    2. 无线框情况下,受背景图信息影响比较大,而有线框后加强了文字层的层次。

    3. 自己多对比,就能看出两者的不同,确实是有线框,视觉表现力就越强。

    无线框

    文字距离色块边缘显得很空。

    有线框

    1. 线框给文字一个约束空间,产生了特殊的美感。

    2. 我们要习惯性的这样运用。


    04新知识点

    A

    B

    1. 更喜欢A的左右结构排版,与B相比,至少不显得挤。

    2. 线框的使用让这个页面焕然一新,不然就是普普通通的信息递进模式结构排版(小图片+小标题+解释性文字)。

    邵老师讲的创意两个方法之一的案例。

    1. 第一个是借助物象,比如说你页面中的一个饼图是反映橙子的销售情况,你为了重点突出第四季度的销售情况,所以你会放大饼图第四季度的那个四分之一块。为了有创意感,其实你可以在第四季度四分之一块填充为橙子的图片,而不是普通的颜色填充。

    2. 第二个是放入具体的场景中,这个页面就是,「割草机」在实际使用场景中,然后特别简单,一个指导符加普通的文字排版就是一个很好的产品介绍页面。邵老师在讲解这个知识点时候给出的案例是扎克伯格的 交帝国facebook的使用场景,一条街道上,所有人的口边都是一句「hello?」打招呼的用语,这样来反映facebook的强大。

    1. 很陌生,一直不愿意碰的组织结构图形状。

    2. 这里是用smartart做的,没做之前觉得很麻烦、很难,实际下意识去坐的时候,还好。这真是从未见过的结构图版式,尤其是左边的横线。

    突出的中间红色图标可以与其他圆形图中心对齐。

    同理,可以底部对齐。

    为了突出中间的红色图标,全局蒙版整个页面其他部分。

    为了突出中间的红色图标,局部蒙版所需要的局部部分。

    我也想不到我会模仿制作这么普通的页面用来告诉自己注意呼吸感,页面这里表现在文字排版部分,中间横线距离标题距离小,距离下面解释性文字大,但是都挺适中的,小的不是太小显得呼吸拥挤,大的不是太大显得空洞。


    与时间相处,没有虚假的感觉最好。

    2017年4月26日

    中午 寝室

    声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2017年3月20日
    下一篇 2017年3月20日

    相关推荐