5个设计技巧来区分你的广告系列与从众

已发表: 2016-12-07

当您需要将筹款活动赶出公园时,设计就是一切。 没有它,就更难吸引注意力、建立信任并为你的事业煽动行动。

然而,随着网站不断提高优秀设计的标准,消费者的期望也随之提高。 今天,您的活动设计不仅要满足这一标准,而且要真正让您的支持者“惊叹”,这一点至关重要。

但是这个目标引出了一个问题,“好的设计”是什么样的? Design for Founders 的所有者和运营商 Heidi Pun 鼓励组织将设计视为不仅仅是视觉美学。

好的设计对商业有好处。 可衡量、有利可图且对客户有帮助。

这很容易适应您的非营利组织。 您希望筹款活动的设计能够吸引新的支持者、获得更多捐款并鼓励社区采取行动。

为了帮助您创建一个视觉上令人愉悦并促使您的社区采取行动的活动,我们编制了 5 个设计技巧,可将您带到一个新的水平。

结构决定一切

所有伟大的电影都遵循一种旨在让观众从头到尾进行旅程的结构。 沿着这条道路,他们获得了了解屏幕上正在发生的事情所需的信息,与角色建立情感联系,并在电影的分辨率中找到结局。

把你的竞选想象成一部电影,把你的支持者想象成电影的英雄。 通过大胆的图像、视频和文本激发他们的行动。 就像引人入胜的电影台词一样,您希望您的设计美学易于记忆并与他人分享。

特里·布雷斯基

优雅的设计师

当与电影并列时,您的筹款活动并没有那么不同。 设计您的页面,以便让您的支持者踏上一段旅程,让他们了解您的非营利组织的背景、相关人员以及他们通过捐赠所产生的影响。

就像一部好电影一样,你必须组织你的活动,这样人们就不会迷路或困惑。 大多数设计师支持建立一个层次结构的想法,从上到下引导观众的视线,触及中间的一切。

Classy 的新筹款套件内置了这种层次结构的概念,但这是标准方法:

  • 标题中的公司徽标
  • 大英雄形象
  • 按钮上的“立即捐款”号召性用语,与筹款进度条配对
  • 有关组织和活动的相关信息
  • 解释捐赠如何具体帮助的影响块
  • 有关该组织的其他背景信息
  • 筹款活动,例如最近的捐款
  • 带有联系信息和品牌的页脚

正如 Terry 建议的那样,您希望您的筹款活动令人难忘且可分享——就像伟大的电影台词一样。 但是,如果没有结构,您的广告系列就会变得乱码、难以记忆且无法共享。

内置设计层次结构后,您可以将设计精力用于执行页面的其他部分,例如字体、配色方案、视觉效果和图像。

三种字体就是你所需要的

许多设计师声称排版占所有设计的 95%。 因此,您选择的字体可能会影响 95% 的整个广告系列美学。 但是,当您有这么多选择时,选择正确字体的决定似乎是压倒性的。

困难不在于在 Times New Roman 或 Calibri 之间进行选择。 相反,它选择的字体在美学上与您的品牌标志、颜色和筹款活动信息一致。

例如,如果您的筹款活动围绕着为被遗弃的动物寻找家园,您可能不想使用 Impact 字体。 这很难,大胆,并且全力以赴。

屏幕截图 2016-12-01-at-11-19-33-am

在此示例中,您可能会考虑一种在字母周围有更多呼吸空间的字体,例如 Verdana,它的感觉要轻得多。

屏幕截图-2016-12-01-at-12-17-11-pm

Heidi Pun 为您的页面推荐两种字体,但您可以选择三种。 请记住,您使用的字体越多,您的页面就会显得越脱节和混乱。 使用不同的字体:

  • 英雄方块
  • 头条新闻
  • 正文副本

它为您的文本提供了更简洁的设计,有助于您的广告系列层次结构从上到下流动。 目前,Classy 平台有七种字体可供选择,以获得一致的页面。

将您的选择限制在三个范围内,以确保您的听众获得顺畅和积极的阅读体验。 无论您选择什么,您选择的字体都会影响您讲述的故事的情感感受,以及您的广告系列颜色。

选择互补色

颜色传达特定的情绪。 与字体类似,您要确保您的选择具有战略性并限制您使用的数量。 为避免在您的广告系列页面上让访问者感到不知所措或感到困惑,请为您的网站使用两到三种颜色,最多使用五种颜色。

要确定要使用的颜色,重要的是要考虑可以很好地协同工作的配色方案。 例如,同一页上的柠檬绿、芥末黄和霓虹粉不太可能令人赏心悦目。

这不仅仅是让某些东西看起来不错,而是让它变得有意义。 设计基本上是解决视觉问题。 始终考虑筹款活动的目的,并设身处地为观众着想。

雷切尔·利克

优雅的设计师

有一些方法可以确保您的颜色组合在一起时有意义,并有助于您的广告系列的整体主题。 考虑您选择的颜色可能如何与您的组织相关联,并求助于配色方案生成器,如 Coolors.co 或 Adob​​e Color CC,以查找互补色集。

无论您使用哪种配色方案生成器,每种颜色都会附加一个十六进制颜色代码。

屏幕截图 2016-12-01-at-11-27-07-am
Coolers.co 具有十六进制颜色代码的配色方案生成器

使用新的筹款套件,您可以复制并粘贴十六进制颜色代码标识符,以将其快速合并到您的页面中。

配色方案
十六进制颜色代码示例,复制并粘贴到 Classy 的 Campaign Designer

绘制您的广告系列以匹配您想要的情感感受。 这有助于您更有效地讲述您的故事,并推动支持者的更多参与。

效果需要微妙

当您设计筹款页面并调整颜色和效果时,您想要记住的最重要的词是微妙的。 效果越微妙,您的设计美感就越清晰。

请记住,您的筹款页面需要将您的观众带入一个直接且切中要害的旅程。 像颜色和字体一样,您希望通过视觉效果在简洁的一面进行宣传,这样您的主要信息就不会淡入背景。

鉴于最近的设计趋势,Classy 的新筹款套件融合了图像不透明度、模糊和背景颜色这三种流行的视觉效果。 我们建议对这些效果中的一种或两种进行抽样,以使您的广告系列的某些部分脱颖而出。

专家提示
通过将页面的背景颜色设置为黑色来突出标题,然后将不透明度降低到 75% 左右。 这使得白色文本非常流行、闪耀并脱颖而出。

Classy 平台利用的另一个设计趋势是固定和覆盖效果,您会在大多数网站上注意到这一点。 当前景颜色块和文本滚动或覆盖它时,它将背景图像固定在适当的位置。

另外,不要忘记负空间或空白。 这是使用空白空间作为设计工具,将注意力吸引到广告系列页面的某些元素上,例如特定图像。

你的形象定义你

与任何字体、颜色或视觉效果一样重要的是用于填充页面的图像。 切勿在没有体现您的非营利组织信息的高质量图像的情况下建立页面。

虽然内容为王,但设计必须让访问者轻松掌握该内容。 讲述你的故事,但不要用段落来描述它们。 使用照片和图形来唤起您的使命的概念和情感。 如果您没有设计师,还有很多资源,例如 Pixabay、Pikwizard、Pexels 和 Creative Market,可以让您以很少甚至免费的方式获得出色的设计。

斯泰西

优雅的设计师

Classy 在新的筹款套件中集成了 Pixabay(一个免费且获许可使用的照片库),以帮助您找到与您的使命相符的图像。

屏幕截图 2016-12-01-at-11-38-40-am
Classy 的 Campaign Designer 中的英雄图片上传器,集成了 Pixabay

此外,您在个人库中拥有的任何图像都可以直接上传到标题或英雄图像插槽,并直接上传到正文文本块。 为了增加一点趣味,您还可以在任何可以上传普通图像的地方上传 GIF——它们甚至可以与固定滚动和封面滚动一起使用。

把它带回到电影隐喻中,把你的图像看作电影中的主角。 乍一看,这些都是吸引人们投入时间、精力和精力来关注你所制作的东西的原因。

从结构一直到字体、颜色、视觉效果和图像,您页面上的每个设计元素都协调一致地为您的受众造福。 无论您的最终目标是什么,这些设计技巧都将有助于推动您的选民采取行动。

新的筹款套件让您可以创造性地控制从上到下设计您的动作。 有兴趣了解更多信息吗? 立即注册一个免费的 Classy 帐户并亲自试用。


如何在 Classy 上设计一个令人惊叹的活动页面

立即观看