您的当前位置:首页->链接知识-> 文章预览
链接知识

在制作 GIF 图片的时候,这10个细致事项帮你做得更好

标签:制作,图片,时候,细致,致事,事项,帮你,做得,更好  2018-12-17 11:39:36  预览114101

图片来源图虫:已授站长之家使用

作者 : Justinmind

这是一个什么都在变快的时代。在互联网上,统统都开始动起来,短视频开始流行,而 Gif图早就已经像病毒一样占有了网络的每个角落。用户用 Gif图来传达信息,来表达情绪,甚至记录生活。怎么能不爱 Gif图呢?

但是就和所有的好东西一样,优质的 Gif图从来都不是轻易得来。无论是制造动态的 UI界面,照旧风趣的表情,又或者是好玩儿的动态小插画,想要确保它充足吸引用户,让人感觉对味,还充足小,这并不是一件简单的事情。

不过,不用忧虑,设计一个称职的 Gif图是有技巧的,接下来,分享的 10 个技巧,能让你的 Gif图设计得更良好。

1、不要提供多余无效的内容

虽然设计师会在本身所热爱的项目中投入更多,但是在做 Gif动态图的时候,在传达信息的同时,要尽量简化其中的内容,一样平常而言,更少的信息能够让你在制作动画的时候获得更多的自由和可能性!

肯定要胁制住加入大量内容的冲动。用户在观看你的 Gif图的时候,很容易被过多的内容所吞没,尤其是当你想要借助 Gif图来传达特定的情绪和感受的时候,多余的色彩和内容很容易弱化它们。

不要过度设计。围绕着核心的元素和调色板来设计,让它们充足独特和诱人。

2、在Gif图中建立同等的视觉

Gif图是世界上最短的电影。你可以借助它来进行品牌化的传达。

你可以在设计的时候使用品牌的配色来对它进行设计,将品牌的形象、LOGO和其他元素在 Gif图中呈现,让品牌、企业和产品以更加富有活力的体例呈现出来。

而用户则能够借助这些元素,来和品牌自己产生关联。在特定的情形和需求之下,Gif图能够帮助用户了解产品的功能和其他的信息,而品牌化的配色则能够强化这种关联。

比如 GE 就在 Gif图当中提供了特别很是值得期待的氛围,在官方的 Tumblr 当中分享这些风趣的 Gif 图,展示 GE 在科学和机械设计上的造诣。借助 #badassmachines 如许的标签,让他们在社交媒体上进行更有用的传播。

3、删除Gif图中所有的额外帧

当你在设计 Gif图的时候九寨沟旅游租车,无论你使用哪种类型的动画,Gif图中,总会有某些时刻是状况制止的,创建好 Gif图之后,应该通过调整,删除掉额外的、制止不同的帧。

删除额外的帧,仅保留其中一帧,并根据动画的状况和节奏来调整该帧的时长,可以缩减 Gif图的大小和播放时候的压力。

如许的调整不仅能够让 Gif图团体质量保持不变,而且同时可以削减不需要的空间占用。

4、在上传Gif图的时候,保持优秀的可访问性

作为设计师,你应该认识用户群体,并且将 Gif图中可能会分散精力的视觉内容给去掉。

最典型的,假如你所面对的用户群体当中有视力停滞并且使用屏幕阅读功能或者癫痫患者,那么尽量兼顾到他们的需求,笔墨内容尽量放在 Gif 之外,单独表现,并且避免频繁的闪烁结果。

赓续移动的 Gif图会很大程度上转移用户的细致力,在一屏当中使用多个 Gif图的时候,尤其要细致这一点。假如有大量文本内容的时候,Gif图中的色彩和殊效尽量控制数量,由于它们可能会过多抓取用户细致力。

避免 Gif图自动播放,如许让用户感到可控,并且可以节省流量。

5、借助故事板来梳理Gif图的内容

许多时候,Gif图自己的简单形态使得它看起来不复杂,但是这其实使得许多设计师因此不锈钢垃圾桶而出错。通常,Gif图自己迷人之处就是在于它的故事性,即使再短,它当中也包含着叙事,故事性,甚至复杂的迁移转变和多变的转场。

基本的故事转变和元素,这些是 Gif图制作的基础。在设计动画的时候,我们很容易忘掉这些东西,借助故事板,可以帮你更好地梳理故事的走向,镜头的转变,情节的走向,值得细致的关键情节和迁移转变。

尤其是当你不是一个人来制作 Gif图的时候,整个团队可以借助故事板,将进度同一起来,极大的改善沟通和同一的题目,加快创作过程。

6、假如你使用PS来制作Gif图,请务必保持整齐简练

在设计 Gif图的时候,许多设计师会选择使用 PS 来制作。一方面是充足风俗,充足顺手,但是另外一方面,PS 自己的图层管理和制作机制照旧很容易导致紊乱的。

PS 中元素和图层管理必要兼顾的太多app应用,以至于在制作 Gif图的时候,稍微增删或者移动一些内容,就很容易输出一个不理想、不可控的 Gif图。

同时,假如没有精确地标注图层,之后又进行了相对复杂的操作之后河北人事考试网,很容易导致多米诺骨牌一样的错误。更令人头疼的是,修改一个地方之后,后续许多图层都必要进行调整和修改,最终会带来大量的重复性的工作。

所以,在 PS 中制作 Gif图,要尽量保持整齐,层次清晰。

7、增长创意元素,并保持循环

Gif图在绝大多数情况下会自动循环播放,而用户许多时候也乐于长时间的循环观看,但是想要让它平滑天然地循环并非易事。

假如你想让 Gif图中保持循环,那么我建议你尽量从一个简单的设计元素入手,比如几何外形之类的东西。如许可以更容易进行首尾位置的匹配。

在 Gif图当中创建循环很大程度是盼望留住用户,由于任何不和谐和错位都会让人细致到,不够完善不够平滑,就会让用户感到跳出感,从而移开细致力。而这种要求,也意味着设计师要细致每一帧的设计。

当然,努力的最闭幕果是值得的!

8、活动状况要保持模糊结果

Gif图当中的模糊结果,其实和老式相机中的活动抓拍结果是同等的,许多处于中央态的活动,其实是不那么清晰的。而这一点和我们的视觉是保持同等的。现在相机的成像质量越来越高,但是我们的眼睛并没有随之快速的进化。

在 Gif图当中,帧数通常不会太高,假如图片的细节始终保持清晰则容易呈现出跳帧,活动状况的物体适当保持模糊结果,则更接近我们日常观察的细节,从而让 Gif图带来接近视频拍摄的结果,用户也会因此感到真实和精彩。

9、Gif图要尽可能小

如你所知,社交媒体、博客、网站、电子邮件,甚至APP 都是 Gif 使用大户,Gif图片已经深入到我们生活的方方面面。但是不同地方的图片规格不同,使用场景也不一样,因此,Gif 必要充足小才能兼容不同的需求。下面是一些帮你缩小 Gif图尺寸的方法:

尽量让 Gif图的帧数保持在 150 帧以内,否则在许多地方都会被限定,由于太大了。

导出 Gif图的时候,请将有损压缩设置在5~ 10 之间,如许将更大程度的压缩最终的图片尺寸。你可以多加尝试,尽量探求质量和尺寸上的平衡点。

使用尽量少的颜色。这不仅仅是出于设计的考虑,更少的色彩能够很大程度上降低文件的大小,意味着 Gif图可以更小,或者持续时间更长,加载更快。

尽量避免渐变。透明度是开启照旧关闭会直接影响到 Gif图的大小,假如想要确保文件不那么大,尽量避免吧。

10、针对移动端设备进行设计

这个细致事项其实你也应该早有预料。现现在的用户绝大多数的时间都消费在移动端的小屏幕上了。

在设计的时候,细致使用更小的视觉元素,避免智能手机用户信息过载。另一方面,假如某些元素必要更加吸引用户的细致力,可以使用更加勇敢的颜色,或者借助动画结果,都是可以的。

同时,考虑到社交媒体上图片素材的显现情势,可以尽量把 Gif图设计成为方形的,如许可以更好的兼容不同的屏幕和不同的平台,同时也方便裁切。

结语

Gif图在设计和创作上都特别很是风趣,但是它也有许多必要细致的题目和响应的技巧,荣幸的是,它们并没有超出设计师的技能范畴。借助这些原则,信赖你能设计出更加良好的 Gif图。