图片来源：Tuchong：Xuanyou Technology被授权使用Author：Justinmind这是一个时代，一切都变得越来越快。 在Internet上，一切开始发生变化，短片变得流行，Gif图片已经像病毒一样占据了网络的每个角落。 用户使用Gif图片来传达信息，表达情感，甚至记录生活。 您怎么能不爱Gif图片呢？ 但是，像所有美好的事物一样，高质量的Gif图片绝非易事。 无论是创建动态UI界面，还是有趣的表达式，还是有趣的动态小插图，要确保它足以吸引用户，使人们感觉正确并且足够小，这不是一件容易的事。 不过，请放心，有能力设计出合格的Gif。 接下来，我将分享10个技巧，以使您的Gif设计更好。 1.不要提供多余和无效的内容。 尽管设计师会在自己喜欢的项目上投入更多的资金，但是在制作Gif动态图片时，他们应该在传达信息的同时尽量简化内容。 一般而言，制作更少的信息可以使您在制作动画时有更多的自由和可能性！ 确保抵制添加大量内容的冲动。 当用户观看您的Gif时，很容易被太多的内容所淹没，尤其是当您想使用Gif传达特定的情感和感觉时，多余的色彩和内容很容易削弱它们。 不要过度设计。 围绕核心元素和调色板进行设计，使其具有独特性和吸引力。 2.在Gif图片中建立一致的可视Gif图片。 Gif图片是世界上最短的电影。 您可以使用它来传达品牌。 您可以在设计时使用品牌的配色方案进行设计，并在Gif图中显示品牌的图像，LOGO和其他元素，从而可以更动态地展示品牌，企业和产品。 用户可以使用这些元素来与品牌本身相关。 在某些情况下和需求下，Gif图可以帮助用户了解产品功能和其他信息，而品牌色彩匹配可以加强这种关联。 例如，GE在Gif图片中提供了非常令人兴奋的氛围。 在官方的Tumbl中r分享这些有趣的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图片应尽可能小我们知道社交媒体，博客，网站，电子邮件甚至应用程序都是Gif的大用户，而Gif图片已渗透到我们生活的方方面面。 但是，不同地方的图​​片规格不同，使用场景也不同。 因此，Gif必须足够小以与不同需求兼容。 以下是一些可帮助您减小Gif图像大小的方法：尝试将Gif图像的帧数保持在150帧以内，否则，由于它太大，它将在很多地方受到限制。 导出Gif图像时，请将有损压缩设置为5〜10，这样可以更大程度地压缩最终图像大小。 您可以尝试更多，并尝试在质量和尺寸之间找到平衡。 使用尽可能少的颜色。 这不仅是出于设计考虑。 较少的颜色可以大大减小文件大小，这意味着Gif图像可以更小或持续更长的时间，并且加载速度更快。 尽量避免渐变。 透明度是打开还是关闭将直接影响Gif图像的大小。 如果要确保文件不那么大，请尽量避免使用该文件。 10.实际上，您在设计移动设备时应该已经预料到了这种预防措施。 今天的用户将大部分时间都花在移动终端的小屏幕上。 设计时，请注意使用较小的视觉元素，以避免智能手机用户信息过多。 另一方面，如果某些元素需要对用户更具吸引力，则可以使用更大胆的颜色，或者可以使用动画效果。 同时，考虑到图片素材在社交媒体上的显示形式，可以将Gif图片尽可能地设计成正方形，这样可以更好地兼容不同的屏幕和平台，也很方便 削减。 结束语Gif图在设计和创建中非常有趣，但是它也有许多问题和相应的技巧需要注意。 幸运的是，他们没有超出设计师的技能。 相信在这些原则的帮助下，您可以设计出更出色的Gif图。