office设计工具癖

20170203-PPT手速练习-无缝拼接练习

2017-02-03  本文已影响590人  爱睡觉de猪

     随着年龄的增加,总是感觉过年的感觉越来越淡,好在今年有小主在,倒是时时刻刻充满了快乐!

     这段时间没发什么练习,倒不是没做什么,相反几乎每天都在不停的学习,就是大年三十那天还看了一会书!今天正式开始上班了,过年期间的收获和下段时间的学习计划,会逐渐的跟大家分享下,因为感觉2017年会在设计的道路上愈行愈远,挖了一个又一个的“坑”,不过无所谓了,其实做一个“技术男”也是挺好的!


      今天的练习是我比较喜欢的PPT的风格,与其说是风格,但不如说是一种版式,这种版式在淘宝详情页的设计中比较常见,比如2个画面之间衔接的地方,通过一些小的元素,在2页之间进行有效的关联!在PPT的设计里面,我比较习惯叫做------无缝拼接!

        关于这种版式,或者设计的方法,总结下几个特点:

       1.每一页的底部会带着下一页的部分元素

       2.大多通过“推进”的切换方式进行页面切换

       3.画面之间会有关联性的元素

        4.如果连成长图,就是非常完整的画面

       简单介绍之后,来看看今天的练习吧!

01

   既是首页,又算是目录页,左边部分整体概述,同时注意横竖的线条,有的线条是穿透整个画面的,左下角感觉多了一部分像是天空色块的东西,其实就是衔接两页,做到无缝链接的地方,来看第二页!

02

   这时就可以发现,第一页左边穿透整页的线条在这页得到了延伸,同时左上角部分出现了新的线条,通过线条的延伸继续沟通下一页,而且每页的细节,通过小图就行聚焦呈现,同样这页在左下角的位置留出来三角形色块来衔接下一页。

03

     这页在沟通上页的同时,其实也在被上页沟通和链接,比如左上角的黑色三角形色块,其实就是上页部分的裁剪,同时在对接线位置(右下)对下页进行延伸。

04

    这页不同的地方,是线条的变化,不再是单一的横竖设计,而是跟画面的进行了关联,按照山峰区直就行设计,同时这次选择在左下对下页进行衔接,增加版式的整体变化。

05

   最后一页线条回收,不再进行延伸,完成整个的无缝拼接,简单总结下制作的技巧:

  1.每页做全图的时候,尽量在上部多留出来一部分,然后裁剪后放到上页的底部

  2.延伸可以用线条,也可以图片,也可以用色块,只要是完整图形的2部分就好,但是需要注意衔接的位置必须完全对应

 3.除了上下的衔接,其实还有左右的衔接,方法其实是一样的,大家试过就知道了。

  这时我们再来单一看每幅图感觉关联性不大,所以我们做个长图再来回顾一下,感受这种版式的美妙吧!

长图
上一篇下一篇

猜你喜欢

热点阅读