首页 > 优化 > 关键词 > GIF图片设计最新资讯 > 正文

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

2018-12-17 09:11 · 稿源:优设网

策划.jpg

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

作者 : 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 中元素和图层管理需要兼顾的太多,以至于在制作 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图。

网友热搜:

  • 相关推荐
  • 大家在看
  • iOS14系统GIF键盘功能怎么使用

    苹果公司在iOS14系统中开放了不少新功能,比如NFC功能对外开放,又比如这里GIF键盘可自定义,这在以前苹果封闭式设计下都很难想象到的,这里我们就来看下GIF键盘功能具体是什么样的吧。

  • iOS 14、iPadOS新细节曝光:重新设计UI、优化手写功能

    明天凌晨开幕的WWDC开发者大会,iOS 14等一大波儿新系统可能并不是苹果的重点,而真正的是主角是基于ARM自研Mac处理器。据最新消息称,即便重点不在新系统上,但苹果依然为iOS 14准备了不少新

  • 抖音五个猫咪摇头蹦迪表情评论图文教程 5猫咪摇头蹦迪gif表情怎么发

    最近在抖音上一张五个猫咪摇头蹦迪的gif表情包火了,很多朋友都想知道这个五个猫咪摇头蹦迪的表情怎么发在评论里,下面就来为大家详细的介绍一下教程。

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 一张图片卖到3000元天价,收费图片网站哪家更好?

    新媒体人常用的收费图片网站主要有以下八个,都是需要在线注册,PC端下载。每个特点都有所差别,并没有哪个面面俱到。

  • epic登陆验证图片显示不出来怎么解决

    Epic平台上出现了登陆时图片验证显示不了,显示不出来的情况,这是怎么回事,要如何让图片显示出来登陆账号呢,这里我们来教大家处理这个经常容易出现的问题。

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • 安卓版Chrome新功能来了:支持图片编辑

    6月25日消息,据XDA报道,谷歌在Android版Chrome上加入了图片编辑功能。XDA指出,Chrome内置了截图编辑器,用户截屏后可以在Chrome内完成编辑、分享等操作。据悉,谷歌已经将这项功能加

  • 谷歌将对图片进行事实核查 以遏制虚假信息传播

    为了遏制平台上虚假信息的传播,谷歌本周一表示将对谷歌图片搜索结果进行事实检查。那些误导性、深度伪造的图片、视频的虚假信息危害性往往比文本内容更大。目前,各大科技公司也正努力解决平台上猖獗传播错误信息的问题。

  • 2345看图王业内首创:支持查看AI和HEIC格式图片

    近日,2345看图王发布V9.3版本,通过对图片引擎库进行技术升级和业务集成,业内率先支持查看AI和HEIC格式图片,用户可通过直接双击或右键选择使用看图王打开图片,过程流畅无卡顿。完善的格式兼容能力,支持69种图片格式设计师往往需要搜索大量的图片来获取设计灵感,同时,设计师也会采用多种设计来生成不同格式的图片文件。一般情况下,图片软件支持主流的几种图片格式即能满足绝大部分用户需求。看图王的用户有很大一部分是设计师,而AI格

  • 外媒:三星One UI 2.5截图泄露 看15秒广告才能解锁

    手机广告一直是人们所诟病的,虽然大部分手机厂商在手机中都会内置广告,但是基本上都可以手动关闭。而三星的一个新系统似乎显示了不一样的广告功能。6月8日,据notebookcheck消息,偶然发现了

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • iPhone 12内部设计图流出:刘海大小未变、仅6.7寸配激光雷达扫描仪

    也许只有等到苹果发布前的最后一刻,关于iPhone 12造型的传言才会终止。日前,知名苹果媒体EAP拿到了一张iPhone 12系列的全新CAD设计稿,其中透露出三个信息:1、iPhone 12系列的刘海面积并

  • 荣耀X10 Max设计图曝光:2020唯一5G大屏手机

    【TechWeb】虽然近年来大屏手机的热度不断下降,但前不久荣耀总裁赵明还是明确表示,荣耀今年不仅会推出新的跨界大屏手机,更直言这款手机会将之前的荣耀8X Max、荣耀Note 10结合起来做一款大屏产品。现在有最新消息,近日有知名数码博主爆料称,该机或被命名为荣耀X10 Max,并且该机的设计图也被国外爆料网站晒出。从国外爆料网站SlashLeaks最新晒出的谍照显示,与此前曝光的消息基本一致,全新的荣耀X10 Max从命名上来看属于刚刚

  • 三星Galaxy Fold 2设计图和详细参数曝光:内外双双开孔屏 超强超轻薄

    6月13日消息,去年,三星率先推出了全球首款折叠屏手机GalaxyFold,不过由于屏幕得到原因经历了不少磨难,但仍不可否认,这一创新形式在手机圈获得了广泛的关注。据外媒此前透露,三星有望在今年下半年上市新一代Fold手机——Galaxy Fold 2,其型号为SM-F916。现在有最新消息,近日有韩国媒体晒出了一张据称是该机的外观设计图和详细参数。据韩国媒体最新发布的消息显示,与此前曝光的消息基本一致,全新的三星Galaxy F

  • iPhone 12内部CAD设计图流出:刘海并未缩小 仅“皇帝版”配激光雷达扫描仪

    综合当前比较可靠的消息,今年秋季苹果的年度旗舰iPhone 12系列将依旧提供iPhone 12、iPhone 12Max和iPhone 12 Pro、iPhone 12 Pro Max两个版本共四款机型。如今6月已经过去一半,距离iPhone 12系列旗舰的亮相又近了一步。现在有最新消息,近日有外媒拿到了一张据称是iPhone 12系列的全新CAD设计稿。根据知名苹果媒体EAP最新晒出的这张据称是iPhone 12系列的CAD设计稿来看,与此前曝光的消息基本一致,全新的iPhone 12?

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议