今天又是喜闻乐见的《粉丝改稿栏目》
我们先来看下需求:
这是一份教育相关的《本地新闻总结》,一共包含三页:
我选择了其中最为复杂的一页:
到此,一切看起来似乎还挺正常。不就是多图排版嘛,网上有很多精美的案例,随便抄一个套进去不就好了,比如这种:
但如果你仔细看会发现,网络上的多图模板清一色配的高清精美大图,没有人用一堆“不好看“的图片来做展示。
这就造成了一个现实问题,实际工作中面临的都是具体问题,不可能为了满足你所谓的“美观“需求而去使用一些华而不实的风景图。
于是,迎难而上的我就站出来搞事情了。
今天就来聊聊全是“丑”图的页面如何排版。
依旧是采用惯用的 3 步法:分析内容 —— 梳理逻辑 —— 视觉表达
任何设计第一步都要明确内容。
原稿的设计形式比较复杂,为便于理解。可以先将样式清零,用最简洁的形式呈现:
它主要在讲“亮健”行动,罗列了一些学校及其展示的表演。
这页乍看之下是 6 项并列。但细看会发现,左上角的图没有文字介绍,放大后可见:
里面有很多学校的队列,它其实是在介绍活动背景:XX 市里各小学的代表队在进行文艺汇演,所以它的层级应该高于其他五张:
整体是 1+5 的结构。
内容梳理后,就要思考如何让它变得更美了。
对于正式汇报场合,我更倾向于干净、简洁。所以主要在细节上做了些优化:
圆形换成矩形:
多图排版中,矩形摆放在一起会更规整。(部分图片比例有变形,我也进行了复位)
文字层级加了粗细对比:
可以一眼区分学校和表演内容,层次更鲜明。
同时“亮健”行动是主题,利用错位排版提升设计感:
小细节修改完后,将元素整合就构成了一页合格的设计:
如果你觉得单调,还可以适当加一点变化:
到此,我觉得已经可以了:逻辑清晰,重点突出,干净简洁。
但唯独有个问题就是形式不够新颖,台下的领导看完后可能不会留下什么印象。
很多人在设计时应该都会卡在这一步。如果是你会怎么办呢?简单思考几秒钟
好,时间到。我认为破局的关键在于“变”。在这我有 2 个思路:
将矩形图片换成不常见的图形(如蜂巢状、水滴状、甚至笔刷墨迹等)
优点:形式更新颖
缺点:由于裁剪,部分图片会被遮挡
秉持着信息展示第一位的原则,我没有采用这个形式。
既然二维平面没新意,那就试试升维!
破局点就藏在下面这张图中:
下方的跑道提供了很好的透视关系。我用形状工具沿着跑道的走向向下延伸,并给图片添加了三维旋转置于跑道上:
不仅图片得到了最大化展示,还极具沉浸感。仿佛各个学校正依次在操场上进行才艺展示。
创意还不错对吧,但其实它还有个小问题:阴影方向反了!
仔细看上方队列中人物的影子会发现,影子是朝前的,所以光是从背后打过来的。稍作调整后,就得到了终稿:
值得一提的是: PPT 自带的阴影是向后的,所以目前的阴影是我用编辑顶点画出来的。同时还给图片增加了厚度,更具立体感。
看下改稿前后的效果对比:
你觉得可以打几分呢?
最后分享一个彩蛋,我邀请好友吴沛文(向天歌 PPT 团队的首席设计师)一起参与了这期改稿。
不过由于年底事务繁忙,所以没有很多时间精力来改稿,于是沛神只花了 10 分钟就快速出了两版。
没错,就是我发给他后的 10 分钟内还给我的,对于沛神的手速我表示很吃惊哈哈。
这两版实用性相对强一些,在常规版式基础上又多了一些变化,也一并分享给你供参考。
其实类似这种素材“不好看”的多图排版,我的建议是做到初级美化就足够了:内容准确,层级鲜明。至于创意延伸,就看个人功底了。
本文来自微信公众号:Slidecent (ID:Slidecent),作者:林利蒙
广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。