2019-04-09 11:47
Doodle故事
跟跟活动专题比起来简单多了,只有三点 :
【尺 寸】:177 X 70
非常小...
【大 小】:20K 以内(重点)
要知道流量是很烧钱的,所以一定要控制大小!
【三要素】:小游戏logo+ 点明主题+ 节日气氛
一定要放的小游戏logo;点明主题一般是有一个节日快乐之类的文案;我们目前只做节日主题,
所以可以注意一下节日气氛。
先看看我们要做的是个什么东西~ 对,就是下图左上角这个小~东西,是我们4399小游戏主站的logo。
我在设计过程中,比较喜欢用【拆分法】,也就是把logo拆分成“4399”“小游戏”“www.4399.com”三部分。【拆分法】可以把三部分更灵活的融入设计中,这个方法也是我最近比较喜欢用的排版方式。
前面说到logo的尺寸非常的小,所以做的过程中会经常遇见一些让人头疼的问题~
1、看不清???
关于看不清的问题,我分为【做之前】和【做完后】两种情况。
解决方式:
做之前:缩略图法
做之前,一般我们需要先找风格或者找参考的素材,因为做活动页面很习惯就找了很大张高清的大图,像这个猪
细节很多感觉很精致好看,但缩小了用在上就很经常出现糊成一团,效果不是特别好。那如果一开始就按照这个
风格去画素材,可能后面要调整的时间就 比较多。
【解决建议】:我习惯在浏览花瓣的时候直接浏览缩略图,能在缩略图中看得清楚的素材一般都可以用,或者当
做参考来提取配色和描边粗细等风格方向,在最后的效果中一般都不会出现看不清的问题,从而节省反复调整素
材的时间,提高效率。
做完后:调整
做完了以后 如果觉得不是很清晰的话 可以通过:增强对比度;把素材图相邻的色块颜色改得区别大一些;或者添加描边,改为线性扁平风格。来提高logo的清晰度。
2、上线效果不好???
解决方式:
配色上需要考虑官网的主色调 — 绿色
上线效果不好的问题,其中有一个要考虑的就是 我们官网是这样一个绿色为主色调的页面,有一些颜色搭配起来的效果可能就不是很好~ 比如饱和度很高的大红色~
前面在设计规范的第二点说到,logo的大小需要控制在20k以内,但是做成gif的话很容易就超过20了。所以经常
都需要用到压缩技巧。
首先需要先【了解】一下:影响gif存储大小的因素 — 颜色、帧数、画面内容、尺寸
因为尺寸是固定不能变的,所以我们可以通过颜色、帧数和画面内容来压缩。
一、减少颜色:
① 在导出的时候设置颜色数量;
② 选择无仿色 和 无透明度仿色 (因为gif最多容纳的色彩最多只有256种 但ps显示的颜色是更多的 其它的颜色就
通过计算机仿色实现,所以这两个也是通过减少颜色值的原理 );
③ 增大右下角的损耗值(数值越大存储得越小 但是效果可能会影响比较大 可以最后再调试这个)。
二、控制帧数:
一些相似或重复的帧,可以酌情删除,通过调整时间来控制速度(尤其用AE做好导入ps的时候可能会有很多的
重复帧都可以删除)。
三、画面内容:
去掉渐变,尽量使用纯色。渐变在作为gif存储的时候不是只有一个颜色,可能会存好几个颜色,所以可以通过去
掉渐变从而减少存储颜色数量的原理来降低k数;
① 百度Doodle
在站酷有每个doodle详细的设计过程和思路:https://www.zcool.com.cn/u/1677094
百度logo平台:http://logo.baidu.com/show
② 谷歌 Doodle
花瓣上可以找到很多doodle的画板~
③ gif素材
可以参考一些gif的动效,动的方式;一些简单的帧动画,用ps做的同学可以下载下来看每一帧的变化。