YouTube Channel Thumbnails 打造油管专属缩略图|YouTube设计诀窍

推荐指数

本文最后由 Demo Marco 更新于 2024-01-22. 如有资源已失效,请留言反馈,将会及时处理。 【推荐:不翻墙访问被墙网站方法 | 自用高速专线机场 | 高速CN2线路 | 高质量家宽住宅IP

YouTube Channel Thumbnails打造油管专属缩略图|YouTube设计诀窍

作者:AdGeek


教育网站

教育商店


试试这些引人注目的YouTube 缩图设计秘诀,并且吸引观众点阅频道后还会继续点击。

缩图是Youtube 影片的可点击预览画面,会在使用者的YouTube首页动态或浏览时出现。不起眼的缩图也许很小,但若经过精心设计将会成为频道的最佳利器。缩图的任务就是吸引点击并鼓励观众观赏更多内容。

缩图是给潜在观众的第一印象。

深入了解如何精心设计Youtube 缩图使其发挥最大功用。

在打造频道品牌的同时也要包含缩图设计。


什么是Youtube 缩图?

观众在浏览Youtube 时,可以藉由缩图快速浏览你的影片。缩图是特别设计的小图或者是预设萤幕截图,出现在Youtube 使用者首页或开启影片的侧边(电脑)或下方(行动装置)。

在行动装置上,缩图会出现在使用者首页、频道页面和开启影片的下方。图片投稿人ART PAL

技术上可以挑选Youtube 自动产生的三张缩图。或者,也可以自行设计更有品牌辨识度或独特的缩图。


为什么缩图设计如此重要?

缩图虽然小但却很强大,可以吸引潜在观众点击和观赏影片,是强大有力的工具。因此,设计横幅和影片内容时,花一样心思设计缩图是值得的。

的确,你可能会觉得缩图这么小,而且视觉效果并没有其他频道艺术功能那么有冲击。但其实不然!

请记住,缩图是频道和大部分观众的第一个接触点。

你的缩图会跟许多建议影片一同竞争,设计精美的缩图可帮助你的影片脱颖而出。图片投稿人Artem Mashchenko

大部分观众会透过与你的内容相关影片找到你的频道。举例来说,有个人正在寻找美妆教学影片,Youtube 就会将你的美妆主题影片显示在侧边栏推荐给对方。无论对方是否点击你的影片或其他建议影片,主要都是以缩图印象决胜。

印象深刻的缩图会带来新的观众,然后观众在点击第一个缩图之后,其他设计精美的缩图会引导他们继续在你的频道上观看其他影片。这样观众多半会订阅或在推荐影片中观看你的影片。


缩图的适合大小为何?

Youtube建议图片大小解析度为1280×720(宽度至少为640 像素)。这样可以确保你的缩图在大型电视或电脑萤幕上看起来清清楚楚。

请记住,观众会在各种大小的萤幕上看到你的缩图。

档案大小不得超过2 MB并以JPGGIFPNG格式上传。


如何设计可点击缩图?

你可以使用任何2D 平面设计软体(例如Adobe PhotoshopAdobe InDesignAffinity Photo)来建立Youtube 缩图。

Photoshop的「储存为网页用」功能特别适合最佳化缩图大小。当然,还有很多其他免费线上图片压缩软体可以做到,例如:TinyPNG

使用Photoshop 的「储存为网页用」功能来调整和最佳化缩图大小(档案>汇出>储存为网页用)。

我利用Adobe InDesign设计了如上图所示的图片,该软体可以轻松控制排版和图片。接着使用Photoshop 的「储存为网页用」功能将成品汇出并调整大小。

探索设计可点击缩图的主要秘诀:从完美配色到推荐的照片与字型风格。


照片与插画

你会注意到Youtube 缩图大多使用照片而不是插画。除非影片是动画,不然大部分缩图都是影片中的截取画面。不过,针对儿童的教学影片、幻灯片及内容,插画会比照片效果来的更好。

不少有理想的Youtuber 会打造一个具个人风格的主题,像是日常生活Vlog、化妆教学或烹饪课程。在这情况下,你自己就是频道门面。你必须确保你自己(或影片中的主角)的照片是缩图设计的重点。

你的面容(或频道主角的面容)就是重要门面。

人物脸孔必须是图片的焦点。正向活泼的脸部表情会向潜在观众传达一种愉悦的感觉。此外,直接眼神接触也有助于和观众交流。手指指向标题也是一种额外视觉效果,可以暗示观众点击。如果手边有摄影设备,利用鱼眼镜头拍摄的大头照会让整个画面就像从缩图中跳出来,看起来更加有自信且身历其境。

或者,显示正在从事某项活动的图片,有助于健身课程或城市导览这种活动型影片。这样观众就会更了解会在整部影片中看到什么内容。


色彩

请遵循以下简易色彩指南来加强文字和标识的易读性。

为确保文字在缩图较小时仍清楚易读,调整文字与背景对比到最高阶。白色文字在大部分画面复杂的照片和背景中最为清楚;黑色文字则适合较淡的背景。

醒目的霓虹色可在适当的背景下使用。但要注意的是,明亮的颜色并不总是像简单的黑白一样有效果或可点击。单色文字不仅易读,也能吸引观众注意且不会分散注意力。

除非你使用黑白照片作为缩图,否则缩图照片应该要有生动的色彩。因此,文字颜色则采用简单的对比以设计出平衡的缩图。

多方尝试各种不同的文字色彩,但要记得目标是清晰易读。

最后,增加照片色彩饱和度以达到更生动及更有吸引力的效果。强眼色块搭配也有助于让图片脱颖而出,例如:穿着红色上衣站在粉红色背景前面。

有些颜色较容易吸引观众的目光。红色虽然具有冲击性但却很抢眼。另外,黄色代表明亮和阳光,散发更多光彩让缩图呈现乐观气息。

揭开「红色」面纱:起源、理论和设计应用


字型

只要字体清晰易读,便可依喜好设计缩图排版,这在设计小尺寸图片时非常重要。

虽然衬线体(Serif)和装饰字体(Display style fonts)看起来很引人注目,但是最容易阅读的大写和/或粗体字型还是非衬线体(Sans-serif)最适合,对有视力障碍的使用者来说,也是最好阅读的字体。

试试GilroyOpen Sans来设定易读又有型的标题文字。

非衬线体(Sans-serif)可增加文字易读效果

外观

确保缩图在文字、照片和标志各个层面都是平衡的。外观包含照片和文字的情况下,观众很少会点击单以照片或文字为主体的缩图。所以,务必让缩图的文字与图片相辅相成。

然而,除非你拥有主流、易辨识的标志或品牌名称,就另当别论。在这情况下,可以只使用图片结合标志或品牌名称来设计缩图。

一般来说,大部分Youtube 频道都是从零开始努力赢得广泛品牌认可。如果不是大公司,所以使用者大多没有听过你的品牌,所以你需要精心设计缩图。

虽然缩图尺寸很小,但仍是保有编排摆放的弹性。

请注意,观众在浏览的时候,影片时间会出现在缩图右下角,所以你必须避免将重要内容(例如:标志或文字标题)放在这个区域。

保持缩图画面平衡为设计首要。

以下为建构缩图外观的两种排版选项。

在本范例中,标题和图片的平衡比例相等。照片主体没有在缩图边缘;标题则置于外观左半边上方,并与图片大小相等。标志或品牌名称置于左下角才不会被影片时间挡住。

包含与影片相关的资讯,不须加入繁杂的元素。

以下第二个例子中,标志更加凸出明显。如果品牌已成立一段时间并有知名度,这是个不错的排版选择。将标志90度旋转并置于黑色背景上,可增加大小和可见度,而且不会占用太多版面空间。

凸显标志或品牌名称以达到利用名气的效果。

虽然照片和标题位置已翻转对调,但两者平衡仍保持不变。右下角一样留给影片时间。


结论:设计可点击缩图

不起眼的缩图可说是成功知名频道的无名战力。它不仅吸引新的观众,还让使用者不断点击更多影片。

在本文中我们已探讨如何大大利用缩图设计的关键秘诀,从摄影风格、字型和色彩,让设计更加引人注目;还有调整外观上的元素彼此平衡相衬。

为第一个缩图建立成功公式之后,可以将设计存成范本。这样一来就可以重复使用并为之后的影片做调整。透过Photoshop 或InDesign 调整文字和照片内容,就可以更容易快速更新外观。

储存设计范本供未来影片使用以及维持频道外观一致。

您的支持与帮助

  • FCP7.com的域名含义是Final Cut Pro 7,是珍藏后期最喜欢的非线编工具。The domain name FCP7.com means Final Cut Pro 7, which is my favorite non-linear editing tool.
  • 珍藏后期耗费了大量的时间和精力分享自己对视频行业的技术研究以及视频后期解决方案,网站运营与维护需要持之以恒的坚持,如果您觉得对您有所帮助,也请您打赏支持我们。This website has spent a lot of time and energy sharing its technical research on the video industry and video post-production solutions. The operation and maintenance of the website require perseverance. If you think it is helpful to you, please also support us by giving a reward.
  • 对于部分产品加入了自己的理解和分析,方便学习和测试使用。如果您喜欢这篇文章或者觉得它对您有所帮助,或者发现有不当之处,欢迎评论。更欢迎您分享这个网站。For some products, I have added my own understanding and analysis, which is convenient for learning and testing. If you like this article or find it helpful to you, or find something inappropriate, welcome to comment. You are more than welcome to share this website.

联络渠道|技术支持

幕后英雄,加入专业会员,优化工作流程和体验正版效率!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

You May Also Like