码迷,mamicode.com
首页 > 其他好文 > 详细

GO!自制一款【不丑】的名片

时间:2014-06-04 22:47:50      阅读:372      评论:0      收藏:0      [点我收藏+]

标签:设计   书讯   

bubuko.com,布布扣

大概每个人都有自己的名片,也见过不少名片。我敢打赌,你经常觉得许多名片“不咋地”,虽然不是所有人都具备一定的审美眼光,但实际上每个人都具备较高的“审丑”眼光。设计蹩脚的宣传海报、宣传册、网站动不动就“空降”污染大家的视野,可能我们说不出其中的道道,但这些东西总会让大家在视觉上产生一定程度的“不爽”。而设计精美的东西会给人留下良好的印象,好吧,暂且不说这个,“精美”离零水平人员比较遥远。我们不是专业设计人员,当然,以我个人为例,连个业余人员都算不上,PS刚学会打开文件,移动文件,刚刚能辨认不同的图层,刚刚能输入几个文字,仅此而已。但是,即使这样的水平,我也能跌跌撞撞拼凑一款不丑的名片,当然,这要感谢Robin Williams。

废话不表,我就以绝对的屌丝身份,示范一下如何设计(pin cou)一款不丑的名片。就拿图灵君作为例子吧,我没有搜索企业名片的制作方法,也没有查看任何模板,只是单纯将一些名片上需要的信息拼凑在一起,然后阅读Robin Williams的《写给大家看的设计书》中的一些指导标准,来调整自己的半成品,直到摆弄出一个我觉得不丑的成品。

以下是我设计这款名片的过程。

(1) 确定名片尺寸。我见的一些名片都是横版的,尺寸为90*55或者90*50,也有85*55及其他尺寸。个人觉得这个参数没那么重要,基本不太离谱大家都能接受。我这里采用的大小是90*50(以上单位均为mm)。也有些竖版的名片,直接将横版的长宽反过来即可;不过竖版较为少见,可能是因为横版已经成为主流,也可能因为竖版对设计要求更高一些。


(2) 确定名片上需要添加的信息。这个其实很简单,要是个人名片的话,把自己的对外信息清晰简单地表达出来就好了。企业名片跟个人名片相差不大,以图灵君为例,名片上应该包括图灵教育的logo,公司名称、官方微信(turingbooks,因为图灵访谈ituring_interview是个极具特色的微信,所以也放进来了)官方微博(@图灵教育)、公司的联系电话、公司的地址。


(3) 用铅笔绘制大体的信息摆放位置(胸有成竹者可以不绘制,我个人觉得绘制有一定帮助)。


(4) 在PS上拼凑图灵君名片1.0版。

bubuko.com,布布扣

bubuko.com,布布扣

1.0版采取的主要设计原则有:对齐(如logo和二维码左对齐,所有的文字信息右对齐),对比(突出公司名称,字号最大,字体为黑体,颜色为蓝色)。


(5) 查看Williams的建议,第一条居然就是不要在角落里放东西!好失落啊,仔细想想,四周填满,中间留白太多,貌似真的不是很好看,那就调整呗!调整的过程中我发现自己无意违反了一个重大的设计原则:重复,图片采用左对齐,文字采用右对齐——于是在2.0版中我统一使用了左对齐。另外,Williams认为英文字体最好不要使用Times、Arial或者Helvitica,会给人很老旧的感觉。同理,中文字体也不应该老用黑体、宋体,否则也有点out。好吧,貌似每一条错误都会犯,以下是修改后的2.0版。

bubuko.com,布布扣

bubuko.com,布布扣

这里的修改包括整体布局,字体字号(用四大设计原则检查一遍,发现字号方面运用“对比”不彻底,你发现了吗),字体颜色(修改原因是文字的蓝色跟logo的蓝色相差较远),另外电话号码忘记了区号,这里添上。


(6) 不知道2.0版算不算得上不丑?总是觉得哪里不对劲,对比Williams给出的n个示例,发现图灵君的信息貌似有些散,于是我重新调整了一下,最终将四个板块的信息整合为两大块,得到了3.0版。

bubuko.com,布布扣

当然,这样的名片非常简单,基本没啥设计感,但起码在布局上已经不丑了。懂设计的朋友可以添加更多元素,或者修改更具设计感的字体,慢慢地,你手里的东西就不low了,高大上的感觉就来了。

PS:名片设计原则及指导参见《写给大家看的设计书(第3版·精装版)》

bubuko.com,布布扣

GO!自制一款【不丑】的名片,布布扣,bubuko.com

GO!自制一款【不丑】的名片

标签:设计   书讯   

原文地址:http://blog.csdn.net/turingbooks/article/details/27219787

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!