这是一份中学化学课件:
原稿介绍二氧化碳相关的内容,如果是你会如何设计呢?简单思考几秒钟
好,下面逐页来分享下我的设计思路。
01.封面
用了一组线描的实验图片,挺有当年化学考卷的味道,但并不好看,且没有封面的感觉。
因此建议找一组化学相关的图片辅助设计:
你会选择哪一张呢?
或许你第一反应可能会选择左下角手拿烧杯的,有种做实验的感觉,但背景出现了 DNA 双螺旋结构,更像是生物学,同理排除左上角。
接着会考虑实验室的照片,大致效果如下:
其实这个还可以。
但网上的实验室照片都偏概念化,大部分中学应该都不具备这种条件的实验室,第一感觉和二氧化碳制法这一主题契合度不高。
最后,还剩烧杯的照片:
它与原稿封面的元素一致,且很容易让人联想到化学实验。
于是挑选其中一张,将主题加上去:
由于烧杯本身占比较大,文字被挤压到上方,构图有些满。于是考虑使用左右布局:
通过裁剪将主体放在右侧,左边则放置主题,画面呼吸感就出来了。
这版其实就蛮不错了,但灰白的色调稍显暗淡,索性替换成蓝色的照片就会好看很多:
中间的折痕是在图片裁剪拼合时出现的,但恰好有种画册折页的感觉,高级感十足。
02.图文页
一大段文字加图片,非常常见的页面类型。
但由于图片不够好看,影响了美感,因此先找一组更好看的图片替换进来:
并且将大段文字拆分成 2 段,会更利于阅读。
最后再做点图片版式上的创新就完成了:
之所以选用圆形,是因为它与气泡的意向吻合,与二氧化碳气体这个意向呼应。
关于图片排版的创意,还可以查看这篇文章:
03.实验页
介绍实验注意事项,左边大片文字有些拥挤,连接线也很混乱。可以做个初步梳理:
接着要建立图文关联,线条连接的方式可以保留,但要避免线路交叉。
那么中心布局的方式就可以很好的解决这一问题:
文字均匀地排布在实验图两侧,为线条连接提供了操作空间。
04.用途页
介绍二氧化碳用途,但全是文字,稍显枯燥。
加入几张真实照片更能让人有直观的感知:
最后稍加细节就完成了:
来看下前后效果对比,这是原稿:
这是修改后的:
本文来自微信公众号:Slidecent (ID:Slidecent),作者:林利蒙
本文由LinkNemo爬虫[Echo]采集自[https://www.ithome.com/0/668/164.htm]