十佳电子签名设计赏析及设计技巧

十佳电子签名设计的案例分析——附赠自我签名设计小技巧

人人都说,第一印象十分重要,那么最终印象呢?

如果你通过电子邮件进行交易,那么你的电子签名往往是消费者与你的服务或品牌交流的最终印象。

好的电子签名往往简洁、丰富、专业且要点突出。但这并不代表你的签名必须看起来墨守成规、枯燥乏味。有很多方法可以从你的电子签名中获取大量信息。让我们一起来看看这十个简单易行的技巧和例子吧!

01.电子签名中避免涵盖过多信息

对于电子签名,人们常犯的一个错误就是把它当做迷你自传,夹塞各种链接、引用以及大量信息。满满当当的信息会让你的签名变得像老太太的裹脚布一样又臭又长。这不仅不会吸引别人的眼球,更不可能让别人浏览、点击你的链接。

相反,你要抓住签名的主题,为你的品牌进行量身定制。你是不是避免通过电话进行交易呢?要不要把电话号码从签名上抹掉呢?你是不是在推特和脸书上特别活跃呢?考虑考虑给这些简介添上链接吧!

请看Murdock设计的这个简单精致,小巧玲珑的签名。它仅仅包括此品牌的一些重要信息,即品牌标志、邮件署名、职位名称、电话号码以及Skype用户名。这个设计不仅小巧简单,而且易于浏览。

02.调整调色板大小

当你设计你的调色板时,请记住这样一条黄金法则:宁缺毋滥。更具体一点就是:尽量只用两三种颜色。这一点在设计电子签名反面尤为重要。

你看,如果你使用过多的颜色,就很有可能会导致色调不协调,设计内容繁多,让人眼花缭乱。所以,要设计出有效、美观的作品,你必须限制颜料的使用,并时刻关注颜色使用的种类和时机。

选择色彩的一个小妙招就是从你的任意图形元素中进行取样—比如你的品牌标志。

请看下面Zippy Sig设计的这个样例,它借助了品牌标志上的绿色来设计签名,来突出整个签名中的其他元素。这种技巧不仅使调色板上的颜色变得小巧简单,同时也创造了更具有凝聚力的设计,给观众对绿色和你们品牌之间的联系留下了深刻的印象。

但如果你的品牌标志是纯黑色,没有醒目的颜色供你使用时又该怎么办呢?那么,恭喜你,一切都在你的掌握之中了。选择一种特别的颜色与你的外在品牌相搭配,要像Chaya MKanner 设计的一样令人耳目一新。

你可以使用一条霓虹蓝的色彩来突出网站以及重要的社交媒体链接,这些特点非常引人注目、易于点击。

03.调整字体面板大小

所以我们已经在调小你的调色板方面达成了共识,那么你的字体面板又该如何处理呢?你猜对了——把它也弄小一点。正如选择颜色一样,使用过多的字体会湮没你的签名,阅读起来会加大难度且容易分心。

人们使用花样繁多的字体的常见原因是,他们觉得需要突出某些标题和信息,所以他们就在这些繁杂的事物中又引入新的字体。但是只要使用一种更为灵活的字体,就能轻易解决这个问题。

找到带有一些字体样式和粗细选项的简单字体,你就不用重新选用别的字体,你只需在必要时混搭一下字体大小、粗细抑或颜色即可。此外,找到这些可用的字体轻而易举。你可以在Canva上面找到一堆如图中Raleway这样的灵活字体。

一旦你找到一种可以接受的字体,通过使用高亮的颜色、不同的粗细和字体大小,你就可以在保持简单、干净的设计的同时,创造出无数种不同的印刷效果。

请看Themesforce设计的这个签名,观察它是如何通过添加一些字体的颜色,混搭大写以及小写字体,调整字体粗细来进行动态设计的。

当然,使用一种字体也不是完全不行。如果你决定要在你的设计中加入多种字体,请试着将它限制在一种额外的字体上,这样才能保证设计的简洁性和连贯性。

举例来说,请看Sombras Blancas Design设计的这个签名。这个例子只使用了两种字体—一种是衬线字体,另一种是无衬线字体。这赋予设计以复杂的风格,却又体现出一种干净、简单易读的类型。

所以,这个故事的寓意就是:不需要排斥使用一种以上字体,但是你一定要确保所使用的字体具有明确的目的性和意识性。

04.利用层次感引导审美

任何使用字体来传递重要信息的设计都要有极强的层次结构。正因为你的电子签名也是由一些重要信息组成的,所以层次就显得尤为重要。

当涉及到字体设计、使用比例、颜色搭配、字体粗细,来向你的电子邮件收件人发送视觉信号时,应该让他们先浏览哪种要素呢?也许是发信人的名称,也许是品牌或公司名,不管怎样,一定要确保这个关键字更高级。

这个由Themesforce设计的具有强大层次感的签名就是一个绝佳的例子。它将电子邮件作者的名字放大,从而更加吸引眼球。从那开始,一些字体就进行了加粗着色处理来显示其重要性以及从逻辑上帮助指导眼睛浏览整个设计。

当你决定好将哪个设计元素放在首位时,不要试图突出签名中的其他元素,这会使你以失败而告终的。所以,你应该明智地选择你想表达的亮点。决定好你最想让人注意到签名的哪一个部分,然后把它推到层次链的顶端。

想要了解更多掌握层次结构艺术的小技巧,一定要多花点时间看看这条准则哦!

05.使用简单的图形设计元素

当涉及到在你的电子邮件签名中放入图形元素时,要继续保持“宁缺毋滥”的主题,尽量限制自己只用一两张图,避免设计杂乱。把许多不同的图形塞入一个电子邮件,会让它看起来更像一个拼贴画,而不像一个标志。

在电子签名中包含一个普通图形元素就会成为你的品牌标志。这是一种能让人们快速识别邮件来源的最佳方式,并且能够使人们对你的品牌产生更强烈的认同感。

签名中广泛使用的另一个常见的图形元素是电子邮件写信人的头像。只要你确保使用的是一个光线明亮、拍摄得体、水平专业的形象,那么将名称和头像对号入座,就是建立更多亲密关系,营造信任感的一种简单、有效的方式。

这是由Chanelle Villena设计的电子签名。她通过在电子签名中同时使用头像和品牌标志的方式达到了两全其美的效果。但是,一定要注意,这些图形元素已经与一个简约的设计取得了绝佳平衡。

06.使用社交媒体图标带来流量

你的品牌对社交媒体有十足的掌控能力吗?其实,你可以在电子签名中加入社交媒体图标的超链接,来显示你的独到之处。在你的社交媒体页面添加链接不仅会为你的在线内容带来流量,而且还能帮助邮件收件人找到联系和关注你的新渠道。

如果在社交媒体简介中添加链接已经引起你的兴趣,可以考虑使用图标取代链接或者网址。为什么要这么做呢?其实,正如Neomam Studios证实的那样,人类大脑只需150微秒的时间就能处理符号,100微秒就能赋予它意义。这就是速度!此外,图标还有一个额外的优点—节省空间。它能让你避免使用冗长的网址。

请看Nakro是怎样利用自定义的社交媒体符号,来完成签名的设计,并在读者和各种简介中架起桥梁。为了让一切看起来更加具有连贯性,试着模仿你的设计元素,采用图标模仿圆形框架、单一轮廓笔划的类似手法,选择或创造类似的社交媒体符号。

之前的例子使用各自社交媒体的颜色,来增添设计的活泼性。接下来Email Signature Rescue设计的作品仅仅使用简单的平面黑色图标,就能弥补设计的尖锐轮廓和极简设计,而不需要从黄色板块中去除。

如果你打算在设计中加入社交媒体的图标,最好花点时间寻找能与你的设计相互交融、相得益彰的东西。如果你感到迷茫,无从下手,就一定要浏览这49个最好的网站清单,寻找免费图标哦!

07.调整签名设计的排版

告诉你一个小秘密:一个整洁有序、效果显著的签名与一个看起来胡乱拼凑的签名之间的区别就在于排版。

只要简单地将你的图片、字体以及图标以一种简单富有逻辑的方式进行对齐,就能瞬间为你的设计带来尽然有序的和谐之感。

举例来说,请看Matt Coneybeare的这封电子邮件签名。该设计将主体模块的字体与标识的x高度对齐,创造简洁、紧凑且排版精美的设计。试着在你的签名中找到某种轮廓,以某些方式让你的元素与之对齐,从而创造出一个整洁美观的签名。

花些时间和心思在页面上对齐你的签名也是非常重要的。正如Email Signature Rescue在例子中所展示的那样,大多数的电子签名都是左对齐的,因为左对齐通常最便于浏览阅读。

08.利用分隔的空间

当你的内容繁多而面积狭小时,空间就显得尤为珍贵了。因此通过使用分隔符,你就能在有限的区域内放置大量信息,而不会让一切看起来过于繁杂、拥挤。

从Graphic River的示例中,我们可以看到一种分隔符是图形分隔符。通过使用简单的蓝色图形分隔符,各个部分的信息和内容都整理的干净整洁、易于理解。

另一种划分内容的方法是通过符号分隔。一个常用的符号是竖线(|)。请看本例中Email Signature Rescue是怎样让“|”发挥作用的:

通过使用“细管”符号来分隔同一行上的不同碎片信息,可以避免笨拙的行长度,节省大量空间,并提高设计的可读性。此外,如果你不喜欢图形分隔符,这是一种能减少签名中图形元素数量的一种简单方法。

09.移动设备友好型

数据表明:随着时间的推移,通过移动设备打开电子邮件的人数正在不断增加。实际上,正如Campaign Monitor所指出的那样,41%的人是通过移动设备而不是台式电脑上打开电子邮件的。

要让你的电子签名回应度高且支持移动设备,有很多技术方面的问题需要考虑,但让我们来谈谈设计。

你首先要记住的一件事就是规模。移动设备比台式机要小得多,所以你要确保你的字体和图像在缩小的屏幕上都清晰可见。

举例来说,Instant Entity的这个签名图像就是一个可能无法很好地缩小的例子。图案标志周围的字体非常小,当缩小到移动设备上时可能会变得难以辨识。这种情况不是一个大问题,但是我们一定要注意。

如果你在自己的品牌标志上碰到这个难题,可以考虑用使用一个更简单的版本或者具有扩展性的标志签名来代替你的标志,

另一件你需要考虑的事是,当你从电脑桌面切换到移动设备上时,要确保你的链接是可以访问的。这就意味着你的链接不能太小或者太靠近,否则你的拇指可能试图点击推特的图标,却触碰到相邻的图标,结果跳转到脸书的页面上。

在Xink的这个例子中,他已经小心地将社交媒体图标整齐地排放好,确保轻松的导航。包括品牌标记、字体大小和图形元素也都是可伸缩的,并且在较小屏幕上也能轻松阅读。这并不是说你应该在你的设计中扩展每一种元素,而是应该记住,不是你发送多大的签名,别人就能看到相同大小的签名。屏幕大小一直在变化,预测变化并做到未雨绸缪总是一件好事。

10.找到自我平衡点

最后一条建议就是:要确保在设计中保持平衡。这不仅意味着在元素之间保持表面的视觉平衡非常重要,而且在各个元素之间保持平衡也很重要。当你开始设计的时候,拿起你的杀手锏,你想用使用三种以上颜色吗?太棒了!你只需要仔细选择颜色,然后运用一个特别简单的设计来平衡它们即可。举例来说,这个由Miguel Oliva Márquez设计的签名在图形条上运用了多种颜色,但是一些非常简洁、颜色单一的字体与之达成了平衡。

同样,如果你想要在设计中加入很多社交媒体的链接或是图标,试着尽量减少其他内容,确保你的设计不会过于繁杂。做到Karen Mareš展示的简洁美观即可。

现在起,轮到你设计你自己的电子签名啦!

电子签名虽然不起眼,但在你建立自己的品牌业务和专业形象方面却举足轻重。它不仅可以为你的电子邮件收件人提供有价值的信息和链接,而且也能从视觉上展示你的品牌。

你有创造漂亮的电子签名的技巧或诀窍吗?或者你有没有看到一些让人才思泉涌的签名呢?快来在下面的评论区一起分享吧!

在你设计电子签名时,可以从中获得乐趣,但是要尽量保持简单。你要尽量保持字体清晰、图案优美、图形可以伸缩,并且能给所有邮件联系人留下完美无缺的最终印象。

想创建自己的电子邮件签名吗?

Hubspot已经开发出一款超级流行的电子签名生成器。你只需填写所提供的表格,工具就会自动生成你的签名,你可以把它添加为你的电子邮件供应商。