有段时间没更新修改过的文章了。
所以我今天带着修改过的系列回来了。
与几页改版文章不同,我的一页改版系列有以下特点:
1.更系统一个页面代表一种类型,会更系统的呈现整个设计过程
2.更深每一次改变都会理清背后的设计思路,让你知道为什么,为什么
3.比较实用与注重酷炫形式的风格不同,我的修改稿会更加注重内容文案的拆解,切实解决问题而不是只看着好看
4.更具创新性虽然文稿的类型很常见,但我会尽力想出不同的形式来设计,而不仅仅是完成
好了,不多说就开始今天的内容吧。
今天就来聊聊。
如何更有创意地设计页面PPT
手稿如下:
这是一个很普通的图表页面,主要介绍了上半年一汽解放的车辆销售情况。
面对这个PPT页面,你会怎么修改简单思考3秒钟
如果你也有同感,那么今天的文章一定会对你有所启发。
在我看来,这个页面还有很大的优化空间在这里,我将通过三个步骤教你制作一个独特而有创意的图表页面设计
它们是:统一规范,建立联系和视觉设计。
1.统一规格
先做对,再做好。
任何设计之前,首先要检查内容本身是否规范正确。
以下是我发现的问题:
主要有三点。
1.缺少单元
2.横坐标不标准。
3.配色不合逻辑。
有关更多设计标准,请参见这两篇文章:
对于工作PPT图的设计,看这篇文章就够了。
专业PPT的内页是怎样的。
前两点很好理解。添加公司并修改横坐标名称后,得到以下版本:
如何优化配色。
虽然没有明确的标准来衡量色彩,但我们不妨从结果出发,明确配色的目的是什么。
配色是为了呼应主题,从而更清晰的表达出来。
因此,首先要明确页面的主题。拆开文案,你会发现页面中的两个核心句子,伴伴随着三个核心信息:
它们正好对应三张图表所以我们坚持重要信息突出,次要信息辅色的原则,对图表重新上色
以大多数类型是拖拉机为例进行修改:
原文:配色不合逻辑。
优化后:重点突出。
通过强调色和辅助色的合理分配让拖拉机部分凸显出来,与主题文案多种拖拉机的类型相呼应
其余部分也根据此标准进行了优化:
我们拿到了标准胶片,然后就进入了第二步——建立联系。
建立联系
理清图表之间的内在联系。
如果我们从观众的角度来看最后一稿,会发现它有一个明显的问题:
三张图表相互独立,缺乏内在联系,很难讲出一个完整的故事。
所以要尽量把三者串联起来。你可以从数据本身寻找线索:
圈出数字后,你有没有发现背后的规律。
事实上,这三者之间存在包容关系:
实际销量99辆,分为半挂车65辆,解放主机34辆解放主机分为牵引车,载货底盘,自卸车底盘和自卸车
所以,我们将阐明这种内在关系,并得到以下版本:
与之前的草案相比,是否更有利于理解。
不过此时右侧区域有两个饼状图,略显繁琐。我们不妨借助这种包容关系把它们融合成一个整体:
因此,您会得到一个标准,清晰,简洁的页面:
能够做到这一步,足以应付日常工作中99%的任务。
但是,作为设计师,这远远不够我们还需要使页面看起来更好
3.视觉设计
参考视觉元素,让页面更加生动。
这个时候视觉效果确实丰富了很多,但是左边的车辆都被遮住了如何进一步优化
拉出车辆并按在图表顶部:
是不是很酷然后优化右半部分
方的白长方形,很僵硬,不听话。我们不妨按照图表的轮廓,直接把它变成一个圆,做一些细节上的调整,得到最终的版本:
最终草案
你能找到任何细节吗欢迎留言区让我知道
至此,定制图表的设计完成。
我们来来回回看看最终草稿页面的逻辑:
第一眼:被左下角的车辆吸引,然后看到实际销量高于计划销量,超额完成任务。
第二眼:右边的圆引出99,表示右边的圆延伸99,定义了包含关系。
第三只眼:圆圈红色部分占三分之一,呼应解放主持人占三分之一。
第四眼:逐渐看物品明细,突出拖拉机。
是否美观易读。另外,我试用了这个版本,分享给大家:
最后,我们来看看修改稿前后的效果对比:
总结起来,有三点:
标准化,建立联系和视觉设计。
你学习失败了吗。虽然这只是一页纸的修改稿,但也倾注了大量的时间和精力:
工艺草案
让设计的每一步都有意义,而不仅仅是为了好看。