今天给大家分享的,是一篇常规改稿文章,老规矩,先来看一下原稿材料:
这是一份关于国家电网的答辩汇报,内容整体不难,麻烦的是对风格的把握。
浅色系改稿咱们之前做了很多了,今天咱们来做一期深色的科技风。
在动手之前,需要去找一找国网的标准 logo,最好的方式是直接在浏览器中搜索“国家电网 logo png”,然后在里面挑选清晰免抠的。
但这样还是会有些小问题:找到的 logo 不一定标准。
那么建议换一个搜索关键词 “国家电网 VI 手册”,会跳出一些提供矢量文件下载的网址。
这是我搜索后下载的 Vi 手册文件:
ps:自行搜索是因为没有甲方,或者甲方提供不了对应的素材,如果条件允许,最好还是让甲方提供矢量文件。
有了 VI 手册,接下来定设计规范:
沿用国网绿为主色,并搭配黄色,由于是深色的科技风,所以白色也必不可缺。
接下来,咱们逐页讲解不同页面的修改思路。
首先来看封面页,原稿如下:
找了两张比较有科技感的图片,进行简单的合成:
问题来了,图片的颜色是蓝色的,还需要调整为已经确定好的绿色调。
在 PS 中调整图片,将色调调整偏绿,最后再调整下饱和度即可。
当然,也可以使用 OKPlus 插件的图片调色功能,同样可以将蓝色图片改成深绿色:
在调整好的图片上加一层渐变蒙版,并放上文字:
如果只用纯白色的文字,肯定是有些单调的,文字与背景的对比过于明显。
可以给标题做一些简单的处理,加上白绿渐变,并设置文字的深度与三维旋转,增加一些立体感:
目前文字周围还是缺少些科技感的装饰,试试加些科技边框素材上去:
最后,在标题上加点光效作为装饰,为了进一步增强页面的空间层次感,还额外加了一些圆弧渐变线条:
封面到这里就做完了,来看下一页。
这一页,主要是对技术的关键词解释:
可以看成三段式的内容,不过最后一行字“技术经济分析及应用研究”,放在末尾有些奇怪。
不如将内容重新处理下,右侧的三个小点,是围绕“技术经济分析及应用研究”展开的:
因此,可以将版式做成下图的中心环绕式:
三个部分都画了平行四边形的渐变框,里面加一些小细节,如渐变、虚线、折线等。
将文字内容填进去,再分别加上对应的图标:
第二页就修改完成了,是不是超快?
这页内容偏多,有结构图还有其他文字内容:
简单梳理一下内容,去掉花哨的样式效果:
右侧的指标体系结构不宜做得太复杂,将结构层次清晰地展示出来即可。
区别内容的层次结构,可以从其字号 / 字重来入手,如果想要着重强调,可以在内容下方加一些色块与边框:
可以看到,“传统单层指标体系”、“系统 — 元件层”和“元件层指标”、“系统层指标”的边框略有区别,由平行四边形变化到矩形。
接着处理左侧的内容,可以分成一、二两个部分,并采用上下排版,中间用虚线分隔开。
标题部分加上异形形状作为衬底,并加上图标,使其与上面两个部分的结构一致:
检查一下页面,发现右侧的结构图目前过于扁平和普通,不妨加个立体的平台作为载体,进一步丰富页面层次:
到这里,第三页就修改完成了。
最后一页是框架页面,存在一个逻辑递进关系:
我们先将文字内容提取出来,为下一步的版式优化做准备:
在处理上一页时,我们为了丰富右侧结构图的立体层次,为其添加了立体展台作为衬底。
这页同样可以沿用这种修改思路,将立体展台放大作为一个大支架,再根据内容画上对应的框:
中间的部分做了一些区分,未做立体处理,我们将文字内容挨个填进去:
给每个部分的内容加上箭头,明确内容之间的逻辑关系:
中间部分的箭头改成黄色渐变,以做区分:
到这里,四个页面就都修改完成了。
最后,再来看一下修改后的整体效果: