职场中的你,需要设计一个“像样”的名片!

发表于 讨论求助 2020-10-04 15:49:46

本文转载自公众号 大猫设计

大家好,我是大猫,今天给大家带来的是名片排版的基础原则,希望大家喜欢!


大家都知道名片设计并不简单,很考验设计师的排版功底。虽然名片是个很小的东西,但麻雀虽小却五脏俱全,小小的一张名片设计却包含了字形选择、功能分区、信息成组、对齐等基础的平面设计原理。只有了解了这些才能做出合格的名片。




在我们正式设计之前先来了解一下名片是什么。

官方的解释为:

谒见、拜访或访问时用的小卡片,上面印有个人的姓名、地址、职务、电话号码、邮箱、单位名称、职业等。

也是向对方推销介绍自己的一种方式。


也就是说,名片最大的功能就是介绍自己,告诉别人我是谁,我是干什么的,我是什么公司以及我的联系方式等。所以有效的信息传达对名片非常重要,下图就是个很好的例子。


脸书CEO的名片,信息传达简洁有力,姓甚名谁、干什么的、通讯地址及联系方式也非常清晰。



下图的名片基本信息也比较明确,但他是一个好名片嘛?


显然不是,虽然他基本信息都比较明确,但并不美观,看到后甚至都不想再去看第二眼,这在一定程度上反而降低了视觉传达的效果。


所以 信息明确并不等于好设计,好的名片是信息传达+美观结合的。





何为功能分区呢?打个比方,我们家里都有客厅、卧室、厨房、洗手间的区分,不同的房间提供不同的功能,这个就是功能分区,房间的功能分区能让我们住的更舒适。


名片和其他版面也是一样有功能分区的概念的,那么了解名片的组成能更好的为名片划分功能区。


一般的名片都有公司LOGO、姓名及职位、电话、邮箱、网站、地址等,个别的还会有二维码。


功能的分区其实就是对这些信息进行分类。何为个人信息,何为联系方式,何为地址等等。


我们看一个案例


这个名片给人感觉相当凌乱,我们甚至都不知道该怎么阅读,视线在版面是游离的。



为什么会这样?因为这张名片没有划分功能区,下图橙色的地方都是联系方式。


我们可以看到联系方式分布太散,另外没有对齐方式,整体太过随意。



那就这个名片而言我们划分好功能区后是怎样的呢?


瞬间清爽了很多,也更利于阅读了。我们可以看一看这张名片功能区的划分,如下


我们可以看到相关信息都被排到一起了,不相关的信息用留白分割,整个名片分为个人信息、联系方式、地址和LOGO四部分。



看一下功能分区后的前后对比








这点就比较简单了,就是尽量使信息简洁一点。比如电话、手机、邮箱等用英文首字母 M、E 就可以表示,也可以用 ICON 来表示,此时就不需要用“电话”“邮箱”等来标示了。


上图这个就是一个反面教材,所以我们能用简洁的形式就用简洁的形式。当然也并不是所有的名片都要用简称,具体视情况而定。



这个名片用全称也不好,因为“Phone”“Tel”之间的长短差别太大了,所以用全称的时候会留下空白,不美观。所以解决此问题,用简称或 icon比较好。




另外信息简化的一点就是不要加入莫名奇怪的色块,尽量保持版面干净美观。如果要加入图形元素,那一定是与他们品牌VI相关的。随意加色块非但不美观,而且会降低他们的品牌识别。


下图这个是反面教材。


可以感觉到这些色块的加入,使名片飘起一股强烈的素材网站的模版风。



除了色块也不要加入任何与品牌和公司无关的元素,包括图形和图像。


这个名片画面中的楼宇和右上角的线框元素与品牌本身毫无关联。所以不要轻易添加。



当然,也不要去更改人家的品牌色,人家好不容易做了一套VI出来,结果你名牌给人家乱填颜色,肯定会影响品牌识别,下图为反面教材。


完全不知道哪来的黄色系列。






名片的字体该怎么选择呢?答案是最好根据项目气质来选择正文字体。注意是正文字体(普通的黑体或宋体),不是杂七杂八的标题字。


比如项目是文艺类型的气质,那么可以用宋体,项目是稳重类型的可以用黑体。



我们再拿这个Teamtop的名片来举例子


小字还是有点看不清,我们局部放大看看。


除了人名之外,其余的信息用的都是卡通类型的字。这是一个科技控股投资公司,表现的肯定是稳重、成熟、现代的气质。而卡通类型的字是淘气的、调皮的,与项目气质相悖。



这个作品中用了宋体,宋体具有文艺的气质,但科技、稳重、现代的气质很弱,所以也不是这个项目的理想字形。





这个作品就更不可取了,将人物的英文名放这么大,而且用了一个古典主义衬线体,显然与项目气质相悖。另外编排的太随意,背景莫名的布料皱褶也拉低了品牌印象。




这个名片用的不是正文字体,而是标题类型的美术字,这种类型的字体做标题还凑合,做内文会带来及其差的阅读体验,所以也是不可取的。


在没有对每种类型字体的气质理解透彻的时候建议用普通的正文字体就可以了,至少是非常保险的。




就这张名片来说用黑体是最好的选择。黑体能够表现出现代、简约、科技、稳重的气质,与项目的气质非常契合。






很多朋友在做设计的时候,出现了二维码就不知道该怎么办了,黑黑的一坨,面积又大,感觉放到那里都不对劲。如下面几个案例,放的位置都比较尴尬。



其实二维码的放置并不是难题,有一个技巧,我们可以把他看成一个大面积的色块,放置在版面的四个角落之中。


四个黑框的位置均可以放置二维码。





拿这个图来说,我们只需要把布局换一换,二维码放到角落上,立马就没这么奇怪了,如下


当然,二维码的颜色太黑了,我们可以适当降低一下透明度,使之与小文子的色彩匹配,如下







之前这些都是参加的同学交过来的,我们接下来进入案例演示的环节吧,还是这个名片,首先我们看一下文字内容。


乍一看文字信息还是挺多,也挺乱的。所以我们做的第一步就是梳理信息,把每个信息区的功能理出来,如下



我们所有的信息都分成了四部分,分别是个人信息、联系方式、公司信息和地址。


接下来我们只需要把每个部分都给编排好,首先是个人信息部分。


我们可以做成这种单一的组合关系,注意总裁跟人名之间的留白,中英文名与职位。


也可以做成下面这种中英文分开的两种组合关系。



个人信息编排好后再编排联系方式。

这里为了契合他们企业的气质我用了DIN系列的英文字体。电话、邮箱等统统用了首字母标识,字重方面与详细的信息也有所区分。像 M、T、E 单独三个字母在左对齐的情况下略显怪异,所以更适合如上图右侧做居中对齐。



然后是地址信息的编排。


地址信息因为英文太长了,所以我们将中英文分别作两种组合。



最后是公司信息。



其实每个版面都是由这些零散的局部零件构成的,我们将零件处理好之后拼凑版面,可以大大的提高效率。现在就把这些零散的部件放到版面上就行了。



首先把版心确定下来



根据二维码在四角的原则把二维码放上,另外注意二维码不要太黑了,可以用灰色或者LOGO的品牌色,这里我用的是蓝色品牌色。



接下来把我们编排好的详细信息依次放置在版面中就可以了,注意对齐形式,任何元素都不是随意放在版面中的,而是有对齐的关系。



细心的同学可能会发现LOGO和企业信息没有出现,因为这稿正面已经放不下多余的信息了,所以我们可以把信息移到背面,如下。


虽然背景我没有用纯色,而是一张位图,但是我已经把色调调成他们的品牌色了,另外这张图传达给人的感受也是与品牌气质相符的,这种关联性和品牌色的结合是完全可以用的。


所以,基础理论并不是不能突破,而是要根据项目气质来活学活用,要有理有据,切忌胡乱使用。



另外,因为我们的详细文字已经编排好了,所以略微改一下布局位置就会形成新的一稿,十分有效率。比如我将公司信息和LOGO同时安放在正面,只需要略微调整一下布局就可以,如下。


调整的时候也要注意潜在的对齐关系,至于用不用网格系统那就要看实际情况了。




用这种方法再排几稿也是十分快的。那么到这里我们名片编排部分也就结束了,最后看一下贴图的效果吧,因为时间关系这里只展示第一稿。


本文版权归原作者所有,本平台仅限学习交流


..........................................................................................................

扫描二维码或微信搜索“shejifm

加入群聊

和各路设计师一起“探讨设计”

    

设计FM,寻找有梦想的你们!

...........................................................................................................


最后,点击“阅读原文”观看

“设计FM”原创视频集

发表