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

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

时间:2017-04-16 16:57:55      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:错误   logo   原则   没有   印象   也有   应该   app   int   

技术分享

大概每一个人都有自己的名片。也见过不少名片。

我敢打赌,你常常认为很多名片“不咋地”。尽管不是全部人都具备一定的审美眼光,但实际上每一个人都具备较高的“审丑”眼光。设计蹩脚的宣传海报、宣传冊、站点动不动就“空降”污染大家的视野。可能我们说不出当中的道道。但这些东西总会让大家在视觉上产生一定程度的“不爽”。而设计精美的东西会给人留下良好的印象,好吧。暂且不说这个,“精美”离零水平人员比較遥远。我们不是专业设计人员。当然,以我个人为例。连个业余人员都算不上,PS刚学会打开文件。移动文件,刚刚能辨认不同的图层,刚刚能输入几个文字。仅此而已。

可是。即使这种水平,我也能跌跌撞撞拼凑一款不丑的名片。当然,这要感谢Robin Williams。

废话不表,我就以绝对的屌丝身份。示范一下怎样设计(pin cou)一款不丑的名片。

就拿图灵君作为样例吧,我没有搜索企业名片的制作方法。也没有查看不论什么模板。仅仅是单纯将一些名片上须要的信息拼凑在一起。然后阅读Robin Williams的《写给大家看的设计书》中的一些指导标准,来调整自己的半成品,直到摆弄出一个我认为不丑的成品。

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

(1) 确定名片尺寸。

我见的一些名片都是横版的,尺寸为90*55或者90*50,也有85*55及其它尺寸。

个人认为这个參数没那么重要,基本不太离谱大家都能接受。我这里採用的大小是90*50(以上单位均为mm)。

也有些竖版的名片,直接将横版的长宽反过来就可以;只是竖版较为少见,可能是由于横版已经成为主流,也可能由于竖版对设计要求更高一些。


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


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


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

技术分享

技术分享

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


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

好吧。貌似每一条错误都会犯,下面是改动后的2.0版。

技术分享

技术分享

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


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

技术分享

当然。这种名片很easy,基本没啥设计感。但起码在布局上已经不丑了。懂设计的朋友能够加入很多其它元素,或者改动更具设计感的字体。慢慢地,你手里的东西就不low了,高大上的感觉就来了。

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

技术分享

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

标签:错误   logo   原则   没有   印象   也有   应该   app   int   

原文地址:http://www.cnblogs.com/brucemengbm/p/6719158.html

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