早啊,小伙伴们,本周的改稿如约而至啦~
和往期一样,也是知乎上的一个提问:
这次的改稿呢,我们先按照原作者的思路,来进行修改美化。
在美化的同时,我也会说出修改的原因,尽量让大家理解每一步为什么这样改,做到有理有据。
美化完成之后,我们再接着尝试其他风格的改稿。
好了,说完大体的修改思路,那我们就正式开始吧。
先看一下原稿:
按原作者的思路进行改稿:
01. 由于没有页边距,导致整个页面看起来非常拥挤
我们先看一下整体,感觉所有内容都非常靠外,原作者似乎想要用文字撑满整个版面,所以没有留一点页边距。
就是因为这一点,使得页面整体看着非常拥挤,阅读的时候会有比较强的压迫感。
明确问题后,我们着手修改一下吧。
将所有的内容都向里靠拢了一些,部分文字也缩小了字号。
02. 背景颜色干扰页面文字的识别性
背景用了渐变蓝色,我们用吸管吸取一下颜色,观察一下具体色值。
发现这些颜色都混入了一定量的灰色,尤其第二个颜色,它的饱和度非常低。
也正是因为这一点,整个页面看着非常“灰”,也就是常说的看着有点脏。
这里背景可以直接用纯白色,有利于内容的展现:
03. 衬底颜色太亮,导致文字看不清
我们看一下这四个五彩斑斓的颜色,有没有觉得很晃眼呢?
观察这些衬底的颜色,发现它们的亮度都比较高。
上方的文字也是纯白色,亮度同样是最高的。
当这这些颜色放在一块,衬底和文字都是偏亮的,没有形成一定的亮度差距对比,文字就会显得不那么清晰。
遇上这种情况,我们可以选择将形状的亮度降低一些,加强与文字的亮度对比。
当然,我调整过后的这四个颜色,还不是很统一,如果大家对颜色感兴趣,可以进一步去调整。
关于这一页,我建议只用一种颜色。
因为这是关于盲道现存问题的研究,可以通过颜色来传达一些冷静的感觉,而蓝色就是非常好的选择。
04. 衬底中的文字过大
观察一下,每一块文字和衬底的大小占比,我们发现文字放的很大,几乎撑满了整个形状。
这里的原理和第一步版心的处理类似,我们把文字缩小到一定程度,四周留一定的边距,看起来更加舒适。
05. 图片内容传达不到位
按理说,图片是辅助我们理解文案的,可是观察这些图片,好像并不能很好地起到信息传达的作用。
比如这张:
是说破损的盲道,不利于盲人行走,结果我们只看到了一小块破损的盲道图片。
周围的环境一点都没有,缺少正常情况的对比,乍一看可能需要反应一些时间,其他的图片也都存在这个问题。
这里直接把这四张图片都换了,调整一下图片的亮度和饱和度,让他们看起来更统一。
需要注意的是,如果这是甲方自己现场拍的图片,不要轻易换图,提前问问能不能更换。
06. 图片和文字内容没有对应上
现在整体看一下页面,发现一个问题,那就是图文不能一一对应。
每一张图片旁边至少有两个内容,没有通过一定的设计指引进行链接,增加了读者的理解难度。
这里可以直接用一个小三角形,放在衬底旁边进行内容指引。
最后,整体调整一下颜色,丰富一些小细节
到此,我们就顺着原作者的思路改完了,如果大家有不同的改法,也欢迎在评论区交流。
融入logo
假设左上角的这个标志,是企业的 logo,同时颜色为蓝色。
现在,让你重新设计这个页面,你会怎么做呢?
这里建议直接提取 logo 色作为主色,进行页面设计,同时试着拆分一下 logo 的元素,将这些元素提取出来,作为装饰放在页面中。
我顺着这个思路改了三页,一起来看看吧。
第一页
观察下这个页面,是不是感觉有点单调呢?
可以考虑在四周放一些 logo 的元素,起到压四角的作用,同时也可以丰富页面的层次。
第二页
仔细检查下方页面,发现整体与 logo 的关联性并不强,大家可以思考一下怎么处理?
我是这样处理的,将 logo 中的元素提取后,分别将其放置在这些地方:
最后,看一下整体的效果:
第三页
做这一页的时候,我就想到了艾迪鹅的这一张案例图:
页面背后的形状,真的和 logo 非常像,所以我直接模仿案例图做了一张。
模仿其他页面的质感
平常做练习的时候,如果觉得灵感匮乏,或者页面已经排好了,但是不知道怎么优化质感。
这个时候,我们就可以考虑借鉴一下其他页面。
第一页
先说一下我借鉴的是哪一个页面:
这在我们以前一篇灵感文中分享过,感兴趣可以去看看:
上面这个图做的很精致对吗?我们总结一下它的特点。
橙色衬底上的花式纹理;
灰色背景上的波点纹理;
小卡片周围的白色描边;
橙蓝互补色的应用。
根据上面的总结,我做出了如下版面:
第二页
由于前面我们做的都是浅色系,这次换一个口味,改成深色。
这回借鉴的页面是这个:
案例来自于俄国公司 Presium,这家公司的案例,之前我们也进行了整理:
总结一下这个页面的特点:
页面背景不是纯黑色,而是带有一点紫色;
人物介绍下方的衬底颜色为渐变,左上方偏亮一点;
logo处的背景相较其他地方偏亮些,起到引导阅读视线的作用。
总结完成后,我们就可以着手美化了。
关于 logo 下方颜色偏亮那一块,由于这个页面没有 logo,所以我直接在页面左上方加了一层光效。
好处就是,可以和渐变形状做到光源一致,使得整体页面看起来更融合。
改稿到这里就结束了,最后我们整体再看一下 6 张页面吧:
以上,就是改稿分享的全部内容,如果想要修改后的文件拆解学习,自取吧:
——
公众号:自律的音律
原文链接:我这一张ppt做的好糟糕,怎么修改?