大家好呀~
由于今年的特殊性,很多朋友应该都会被要求做疫情相关的页面设计吧
![](https://oss.ppter8.com/2021-12-24/1640317612_61c542ac29ca3.png)
我不久前就做了一份,趁此机会就来和大家聊聊我的思路 我们先来看一下原稿长这样子
![](https://oss.ppter8.com/2021-12-24/1640317620_61c542b4ae99d.png)
拿到文字稿之后不要着急去设计,先思考一下这个页面的重点应该是什么。
![](https://oss.ppter8.com/2021-12-24/1640317629_61c542bd3f3da.png)
第一步:梳理文字层级
![](https://oss.ppter8.com/2021-12-24/1640317637_61c542c59d6ad.jpg)
我们可以发现这页的文字信息层级是很简单的
分别是 主标题 【众志成城 共抗疫情】, 副标题 【预防新型冠状病毒肺炎知识宣传栏】和Slogan 【坚定信心 同舟共济 科学防治 精准施策】
第二步:收集灵感
我们可以上各种设计网站去浏览相关主题的海报
![](https://oss.ppter8.com/2021-12-24/1640317658_61c542dab9175.png)
或者是电视的待机页面,超市里的宣传栏
![](https://oss.ppter8.com/2021-12-24/1640317670_61c542e696a14.jpg)
甚至是电梯里的广告都可以作为我们的灵感来源。
![](https://oss.ppter8.com/2021-12-24/1640317682_61c542f2d735d.png)
我有一个习惯,在看到好看的设计的时候就会掏出手机随手拍下来,有空的时候就把它模仿着做出来,放在我的素材库里。
![](https://oss.ppter8.com/2021-12-24/1640317694_61c542fea4abb.png)
当我做PPT缺素材或者觉得页面有点空的时候就打开素材库,找到一个合适的摆放进来,这样子就不用每一页PPT都苦思冥想,一个一个素材去画了~
![](https://oss.ppter8.com/2021-12-24/1640317709_61c5430d08e3b.png)
扯远了,我们继续来说这个页面,在进行灵感收集之后脑袋中有个大概的雏形:
主色调是红色、病毒、医护人员、口罩等是主要的元素,画面要有一定的冲击力。
![](https://oss.ppter8.com/2021-12-24/1640317725_61c5431dcb4cc.png)
第三步:寻找素材
正所谓“一图胜千言”,所以我们一定要在背景上下足功夫。在搜索背景素材的时候用关键字【病毒】可以搜索到一堆图片,我用到的是这张。
![](https://oss.ppter8.com/2021-12-24/1640317739_61c5432b43753.png)
既符合我们红色的主色调,也cue了病毒的主题,但是要注意像这种主体非常鲜明的背景一般不能直接拿来用,不然就会变成下面这样子
![](https://oss.ppter8.com/2021-12-24/1640317750_61c543367c28b.png)
不仅画面混乱,而且找不到重心。 所以我们需要给它添加一个蒙版,置于背景层上方,把背景的存在感减弱一些,突出我们的文字部分。 这里我用了一个由上到下的渐变,参数如下:
![](https://oss.ppter8.com/2021-12-24/1640317761_61c5434125ae9.png)
![](https://oss.ppter8.com/2021-12-24/1640317774_61c5434eb9752.png)
添加蒙版之后画面就变成这样子,文字部分可以看得清了,准确地把我们的观点呈现给别人了
![](https://oss.ppter8.com/2021-12-24/1640317788_61c5435c4d197.png)
第四步:页面设计
这一步就是把画面做得更美观一些,首先先对文字下手,改变一下字体与排版,加一些修饰元素强调突出内容。
![](https://oss.ppter8.com/2021-12-24/1640317818_61c5437a25679.png)
这里我把主题字的字体改成了【演示镇魂行楷】,字号96加粗,然后在副标题的下方添加了一个白色的色块(这个色块就是上面说的素材库里面找的)
接下来用取色器把字体改成和背景一样的颜色。最后把Slogan放到上方,在每一个短语后面加一个短斜线装饰。 开始有点内味了对吧~
![](https://oss.ppter8.com/2021-12-24/1640317836_61c5438cc2be1.png)