2019-04-09 11:47

Doodle故事

俊哥哥 1566 19

1-到设计规范title.jpg

跟跟活动专题比起来简单多了,只有三点  :


【尺   寸】:177 X 70

                    非常小...

【大   小】:20K 以内(重点)

                    要知道流量是很烧钱的,所以一定要控制大小!

【三要素】:小游戏logo+ 点明主题+ 节日气氛

                    一定要放的小游戏logo;点明主题一般是有一个节日快乐之类的文案;我们目前只做节日主题,

                    所以可以注意一下节日气氛。


先看看我们要做的是个什么东西~ 对,就是下图左上角这个小~东西,是我们4399小游戏主站的logo。


2-logo位置和排版图.jpg


我在设计过程中,比较喜欢用【拆分法】,也就是把logo拆分成“4399”“小游戏”“www.4399.com”三部分。【拆分法】可以把三部分更灵活的融入设计中,这个方法也是我最近比较喜欢用的排版方式。

               3.gif


                 4.gif


6-常见问题title.jpg


前面说到logo的尺寸非常的小,所以做的过程中会经常遇见一些让人头疼的问题~


1、看不清???

关于看不清的问题,我分为【做之前】和【做完后】两种情况。

解决方式:

做之前:缩略图法

做之前,一般我们需要先找风格或者找参考的素材,因为做活动页面很习惯就找了很大张高清的大图,像这个猪

细节很多感觉很精致好看,但缩小了用在上就很经常出现糊成一团,效果不是特别好。那如果开始就按照这个

风格去画素材,可能后面要调整的时间就 比较多。

7-缩略图1.jpg

【解决建议】:我习惯在浏览花瓣的时候直接浏览缩略图,能在缩略图中看得清楚的素材一般都可以用,或者当

做参考来提取配色和描边粗细等风格方向,在最后的效果中一般都不会出现看不清的问题,从而节省反复调整素

材的时间,提高效率。

8=缩略图2.jpg


做完后:调整

做完了以后  如果觉得不是很清晰的话  可以通过:增强对比度;把素材图相邻的色块颜色改得区别大一些;或者添加描边,改为线性扁平风格。来提高logo的清晰度。


2、上线效果不好???

解决方式:

配色上需要考虑官网的主色调 — 绿色

上线效果不好的问题,其中有一个要考虑的就是 我们官网是这样一个绿色为主色调的页面,有一些颜色搭配起来的效果可能就不是很好~  比如饱和度很高的大红色~


9-压缩技巧title.jpg

前面在设计规范的第二点说到,logo的大小需要控制在20k以内,但是做成gif的话很容易就超过20了。所以经常

都需要用到压缩技巧。

首先需要先【了解】一下:影响gif存储大小的因素 — 颜色、帧数、画面内容、尺寸

因为尺寸是固定不能变的,所以我们可以通过颜色、帧数和画面内容来压缩。


一、减少颜色:

① 在导出的时候设置颜色数量;

② 选择无仿色 和 无透明度仿色 (因为gif最多容纳的色彩最多只有256种   但ps显示的颜色是更多的  其它的颜色就

通过计算机仿色实现,所以这两个也是通过减少颜色值的原理 );    

③ 增大右下角的损耗值(数值越大存储得越小   但是效果可能会影响比较大  可以最后再调试这个)。


10-减少颜色.jpg

二、控制帧数:

一些相似或重复的帧,可以酌情删除,通过调整时间来控制速度(尤其用AE做好导入ps的时候可能会有很多的

重复帧都可以删除)。

11-控制帧数.jpg

三、画面内容:

去掉渐变,尽量使用纯色。渐变在作为gif存储的时候不是只有一个颜色,可能会存好几个颜色,所以可以通过去

掉渐变从而减少存储颜色数量的原理来降低k数;

12-画面内容.jpg

① 百度Doodle

在站酷有每个doodle详细的设计过程和思路:https://www.zcool.com.cn/u/1677094

百度logo平台:http://logo.baidu.com/show

15-百度doodle.jpg

② 谷歌 Doodle

花瓣上可以找到很多doodle的画板~

14-谷歌画板.jpg


③ gif素材

可以参考一些gif的动效,动的方式;一些简单的帧动画,用ps做的同学可以下载下来看每一帧的变化。


                                 15.gif

16-结尾.jpg







19

© Copyright 2024. All right reserved. Powered by UDC   闽ICP备2021012238号-1     闽公网安备 35020302034854号