Web设计师的名片

星期二 04.07.2009 - Posted in 工作分享, - 5,270 views
前天晚上电话意外欠费上不了网,于是做了这个小东西。 几年时间攒了很多公司名片,阅过不少著名公司作品。另外还经常接到设计师的个人名片,感觉特好玩,因为名片最能体现设计师的设...

前天晚上电话意外欠费上不了网,于是做了这个小东西。

几年时间攒了很多公司名片,阅过不少著名公司作品。另外还经常接到设计师的个人名片,感觉特好玩,因为名片最能体现设计师的设计风格、水准和个性,而且因技术领域而异。但是我经常在想,应该如何体现web设计师的风采?如何表现high quality web design?而不是千篇一律的平面设计造型,互联网在某些方面是否会更具优势?

最开始用photoshop画,感觉很不称手,因为效果始终与我所熟悉的手艺不契合。于是突发奇想用web原则来尝试也许是件更好玩的事情,并且根据我的经验,在不断尝试的错误中更能获取灵感。除一贯秉承的信息设计标准,可能唯一的小聪明就是用代码写出来。

第一版设计大标题使用Times New Roman,但我想要凸出效果时被拒绝,因为这个字体竖条太细没法凸出,只好委屈求全换了Microsoft YaHei。继续调整中,打算用400g日本进口象牙卡,有印前高手路过请指正,有兴趣的web设计师不妨也试试。

名片正面图示
名片背面图示

Name Card v1.0
http://rexsong.com/webdesign/namecard/1.0/code.htm

© 一叶千鸟(转载请留原文链接,更新于2009年04月07日0点)

34条评论 发表»

saden says:

恩。。。下面那张是反面吗?

j says:

这个名片成本还不少哦

Bacchus says:

昏倒,还顺带公布电话号码的哦!~

逆行圣 says:

在网页上看起来不怎么出彩,可能印刷品会好些,我建议头像可以处理得艺术些。

rain says:

我没看出来这是 web设计师的片,也没看出来这个片子好看,那个灰底浅色的构图十分让人不舒服鸟~
你在作几个不同版本,跟定比的第一版的要好,强烈建议继续实验下去!!!想看到更好更合适的版本,领真人大照片是印刷中最要求技术的,中国的印刷还是趁早放弃,弄成矢量插画的印刷会容易鸟~

千鸟 says:

@Bacchus
我的手机、邮件本身就公开,裸奔无所谓。请参考如下网址
http://ucdchina.com/club/about

@Rain
印刷方面咨询过了,得进口的,再说吧,况且本身又不是看人。

odinstar says:

交互设计师做视觉设计
正面的色块形状让我想到了viso
背面的字体颜色看得很不舒服

千鸟 says:

@Odinstar
我不是交互设计师,从事过这方面职能,但没有专职做过这个title。
难道web设计就只有交互么?

jobs says:

哈哈,用照片作名片也可以阿

johnny says:

人才!!!!!!!!
不过头像的部分是不是名片背面呢,如果是的话,个人感觉有点太满了,或许可以在缩小或者剪切掉一部分。然后文字部分颜色应该更改下吧。现在看起来不是很明显。个人意见。仅供参考!

蚂蚁线 says:

哥,能有点色彩不,太灰了点!

troy says:

名片的色彩不是那么让人觉得舒服

hauy says:

背面的两行字加了专色?
说实话设计感不是很强

Raymond says:

顶一个,千鸟太帅了!
啥时候发我一张留个纪念。

恕我愚钝 says:

真的有点丑。

头像部分的黄字,正面更是很奇怪。丑死了。。

自由勇 says:

我以前也是用Photoshop设计自己的名片。
我现在用CorelDRAW 9设计名片,印名片的人就不用再设计了。
名片的英文字体我们这几年也是统一用Times New Roman罗马体。

hedyse says:

颜色嘛…不发表意见,前面有人提到了.

中间的两排字那么小还斜体?
实际印刷出来会大些吗?
这不影响识别吗?
一直有一个疑问
名片上面非得把mobile写上去别人才知道是电话号码?
同样,一定要加上mail别人才晓得是邮箱?
如果可以的话,我觉得把这些省掉更简洁,更好.

“因为名片最能体现设计师的设计风格、水准和个性,而且因技术领域而异”

或许领域不同吧~~~

千鸟 says:

@Hedyse
信息传达并不是简单的越少就越好,取舍关键在协调、美观,谁说良好用户体验是一定、必须给用户最少?另外,我想斜体英文还不至于看不清楚吧?

to all,
不要用平面设计的观点来评判美观与否,黑+金色那是个人审美问题。很多朋友忽略了前提,这个风格本身延续了当前个人网站的调子,并旨在先用web技术实现的基础上寻求突破。

传达问题欢迎探讨,个人莫名其妙的主观感受就免了吧,希望不要用论断的形式“建议”。

自由勇 says:

我用CorelDRAW设计的名片,实际印刷的字体感觉都会大一些。
在CorelDRAW里小字体使用7px或6.5px的字体,效果不错。

Mouce says:

这么沧桑了!

yusen says:

中文斜体非常不好,有碍视觉传达。
英文的斜体也是伪斜体,在字体上还是欠考虑啊

yusen says:

此外背面浅灰色调较亮,上面放黄色对比不足。

千鸟 says:

@Yusen
也在咨询印刷方面,得到的意见是字小的问题主要看纸张,有纹路、较粗糙的纸可能够呛。但推荐的印刷效果较好的铜版纸覆膜,我非常不喜欢。
背面在考虑换字体烫金,与网站的一致性不是很好处理。

sanso says:

400g日本进口象牙卡, 我搜索不到这个样版啊.

西乔 says:

四色印刷正面那么小的字号很难印,和纸没关系。出了实品后基本需要放大镜才能看清。实际上连mobile区的文字都偏小了。
另外灰色是最难输出的,很少不偏色,偏黄绿什么的。无论你用激光、彩喷还是印刷。

最后别忘了出血和调成单色黑

jane says:

斜体字看起来还是很费劲的,横向排列的信息稍长,字体行距看着有些累
相片缩小,和名字一起放在正面要联系的更紧一些吧,还可以节省成本,当然,布局就会发生改变了。如果照片放的这么大,不熟悉的人在整理名片时突然看到,不知道心情会怎样呢,会不自觉的惊讶一下吧?
ps.名片最重要的信息是网址么?

千鸟 says:

@西乔
正在调整,AI文件我会请朋友帮忙,谢谢你。

@Jane
因为我的英文名就是网址,合二为一的传达我想会更好。

ZZB says:

以非专业的眼光来看,有失千鸟水准…………

我更喜欢这种http://nihaozzb.cn/635474,呵~~也就是我自己的啦

雷鸟 says:

我觉得你的理论知识很不错,只可惜不能够把这些东西融入到你自己的产品设计中。 建议你还需要多实践,多沟通。毕竟产品设计的最根本还是经验和天赋。

千鸟 says:

@雷鸟
难道我不是提倡多实践么,你看过几个作品?何出此言,或者请留个真实邮件。
关于此namecard的创作意图,请参考18楼解释。

明砖 says:

1. 相对ZZB的风格,个人更喜欢千鸟的简洁,稳重和大方;
2. 使命部分太长,是否影响视觉的聚焦效果,能够更为简炼进行个人品牌定位描述吗?
3. 背面的黑色金子想像印刷出来效果应该不错的,强化个人照片来传递个人品牌要素的效果究竟如何呢?

包菜先生 says:

名片在IE6下联系方式和名字背景和字都是黑色。
用网页写这个,交给印刷商,估计他们会被雷到,实际印刷效果肯定不是这样,用图片的话还要加出血位。
我当年写简历也是,不用word,就直接用EP写简历网页,无非就是对某种技术太过着迷了。

Anyway,最终成品能发挥它应有的作用就行,who care the process.

发表评论

Spammer必读