前不久我在直播中修改了一份医疗相关的PPT,原稿如下:
原稿存在文字胡乱排版、内容分组不清晰等问题,严重影响阅读;并且用到的灰色色块也很显脏。
在做一个不熟悉的主题的设计时,我们可以先多去找一些设计灵感参考:
看了很多案例后,发现医疗风格的设计作品多数是以蓝色、青绿色为主的。
所以这里我选用了一组比较清新的蓝色和青色的配色,符合医疗风格的干净简洁:
字体方面,我们可以使用鸿蒙黑体,通用性强,用在商务和科技等主题的设计都很合适:
原稿文字排版很怪,断行的字直接竖着摆,属于是有巧思但有点过头了
:
美化的第一步,先去掉原稿花里胡哨的东西,把文字按正常的对齐方式排版:
由于原稿信息量较少,没有多组信息来做层级对比,所以我们可以自行创造一些对比。
比如把标题的关键词特殊处理,这里把“医共体”镂空了;并且添加英文:
这里添加一张和主题相关的图片,既有医疗,又有互联网平台、科技感等要素:
由于图片背景细节太多,影响了文字呈现,所以可以添加一层渐变蒙版来凸显文字:
如果想再丰富细节,可以添加一些主题相关的图形,例如十字形、心电图线条、分子结构图标等:
原稿底部金字塔图示绘制的很怪,灰色色块太深导致很显脏;并且色块过多,导致画面很杂乱:
要设计这样杂乱的页面,首先要梳理清楚原稿的内容。
浏览完原稿内容后,会发现底部金字塔的内容主要分为两大模块:
根据这个逻辑,我们可以重新绘制金字塔的样式,并规划好内容的排版布局:
把文字信息拆分成多个分点,并通过颜色、大小等视觉要素区分层级,最后添加图形元素丰富细节:
最后,再优化一下原稿顶部的那段话,拆分成两句话并添加图标:
上图形状太多或许有些小伙伴看了会有压力,那我们就看其中一层。
这组形状由一个梯形+两个椭圆组成,底部的两个形状可以组合后添加渐变,顶部的椭圆用稍深一些的颜色,就能塑造出立体感了
:
原稿的架构图信息整理的挺好,但是视觉上没有很好的区分层级。
其实
架构图页除了内容繁琐外,要优化并不难,
按以下这个
步骤
就行
:
我们先来梳理架构图信息层级,原稿的架构图每组内容都是3个层级:
梳理好内容层级后,
我们可以用
颜
色
由深到浅的色块来呈现这些信息的主次层级关系:
对比原稿是不是清爽多了?阅读体验流畅,
做到这一步已经是很不错的架构图页了。
如果想进一步优化视觉,可以再给单调的关键词添加图标进行丰富:
仔细阅读后会发现内容主要分为两个模块,上面那段话的第一句和下面的信息重合了:
两段内容页,我们可以用规整的卡片型排版,或者中心对称排版: