Icon for QQmail

这是面试腾讯视觉设计师的复试题目,不用猜测啦,我只是面试结束后请求面试官给我发的复试题目,权当练习。最近感冒发烧拖了几天才完成,做完后都没心思看了。

每次做完都是首发iconfans,经过大家批判后再到自己的blog上,最近老揪着自己的饭团感叹,那是相当的饿啊…然后顺利跟老大iconbox讨到5个饭团。(听不懂我在说什么对不对,我只是没话找话说而已 :smile:

好,先附上题目要求:

腾讯面试题目——视觉设计(Internet mail)

您好,收到您简历。
给您发一份面试题目:
QQ邮箱里面的几个特性功能,标签、文件中转站、超大附件、发邮件、记事本、
要求:有想象力的,令人印象深刻的。
尺寸:256*256px
风格:用自己擅长的
时间:一周内完成。

可以参考业界的表现方式,但不可以抄袭,尽可能有自己的想法。
期待见到你的作品。

图标的顺序是从文件中转站开始,然后分别是超大附件(有参考dReamixs的盒子)、记事本、标签,最后是发邮件,越做到后面越迷茫了…所以最后都有些惨不忍睹。 :!:

第二天收到回复:

你好,遗憾的通知您,结果我们的讨论和研究,您未能进入下一轮面试。
感谢您对这次面试题目的专注和投入,同时希望您在其他公司能得到很好的发展。

你好,遗憾的通知您,结果我们的讨论和研究,您未能进入下一轮面试。 感谢您对这次面试题目的专注和投入,同时希望您在其他公司能得到很好的发展。

并不觉得有什么意外或者遗憾的,我还年轻,有着为理想为生活奋斗的激情,so…继续努力,好好加油!

iconfans推荐作品使用的英文字体

转自iconfans,作者老大iconbox。

最近看到一些会员提交的作品在字体上的使用,也有朋友在网上对我说在字体上的运用无从下手。
我整理了一下我经常使用的几种字体,这几种字体是非常正规,且在细节上非常讲究的字体。推荐大家在以后的设计作品上使用。

下面我介绍一下这几种字体:希望能对大家有所帮助。

Myriad Pro:

这个字体只要安装adobe软件就会在系统中有。不必重新安装。

是一个adobe非常正统的字体,有非常多的粗细和斜体可供选择。

Calibri:

间距略小,很精致的一款字体,尤其是在小写字母上对原有的老字体上进行了改造。

Candara:

微软新出的一款字体,目前在Vista上应用。非常精致,在活泼与正规之间徘徊,做的非常适中。

不过数字部分有写过于活跃,在使用上数字方面要注意应用。

Tahoma:

经典字体之一!如果你打算使用像素字体,那这款字体将是最佳选择。这款字体是任何Windows系统中自带的字体。

所以,在软件设计中,其9号字体在像素情况下表现最佳。但是在放大后稍微有些硬和老。

Verdana:

这款字体也是一款老字体,精致耐看。他和Candara有些相似,但是又偏向正规,由于也是系统默认的字体,在各个方面应用较广。

在像素状态下表现也还不错。

PS:我用Tahoma和Verdana这两款多点,另外推荐Handel GotD字体。

IE9预览版界面 VS Maxthon3.0界面

来自livesino的报道:

“微软内部在 4 月第一天编译的 IE 9 平台预览版已经泄漏,从截图来看,IE9 将完全采用 Metro 界面,配色方案会根据站点主体颜色而切换。而 Metro UI 也正是 Zune HD 和 Windows Phone 7 系列所用的界面/体验。

新版 IE 9 平台预览版的标题栏,整合了地址栏、工具栏、搜索框、状态栏。点击页面标题即可显示地址栏(兼搜索框、收藏夹管理、访问历史查看器),网站完成加载的情况下,地址栏部分仅显示页面标题。”

IE9预览版 UI

IE9的首次亮相,是不知道是否受Chrome的刺激把自己简洁过头了,都不知道标签栏放哪了。不过还是挺期待的,毕竟重写了代码和UI,也彻底抛弃了对windows XP的支持,这种高效实用、简洁而不简单的设计不禁让人猜想windows 8是否也是这种风格。(一直想不明白为什么微软就不能放出个补丁把所有IE6都强制升级到IE8呢)

顺便附上IE 9预览版的下载地址:http://ie.microsoft.com/testdrive/

用了那么多浏览器还是觉得Chrome最好,现在也一直在使用它,而Maxthon曾是我使用最久的浏览器之一。今天特地关注了下Maxthon3.0的情况,嗯还不错,已经推出了Maxthon 3.0.8.11 Alpha 最终版,告别开发将近一年的Alpha,Beta版应该很快就可以见面了,同样值得期待。

Maxthon3.0使用的Webkit核心已经不是单纯的“壳浏览器”研发,而是凝聚了中国软件工程师智慧,与Safari、Chrome等浏览器并驾齐驱的Webkit核心,3.0.8.11加入了对Aero特效的支持,大家能在下图中看到全新的UI在Aero下美丽而朴素的效果。目前尚未加入对Win7所有特性的支持,功能完善后会在后续版本加入。

Maxthon3.0 Alpha版UI

4月3日更新:愚人节还是躲不了的,玩笑开大了 T T,今天 livesino发表了篇日志 澄清:IE9 Metro UI 确实为愚人节之作;另附同系列截图一枚

QQ2010beta3测试版泄漏 腾讯微博今日公测

今天是四月一日愚人节,刚过12点便传出QQ2010 beta3的测试版下载地址,腾讯暂时未有相关介绍。

QQ2010 Beta3  what’s new:腾讯微博打造全新沟通体验,随时随地获取资讯、与好友一起分享生活点滴。此次更新无缝集成腾讯微博,使用QQ可以很方便的发布微博,利用QQ平台扩展业务一直腾讯的杀手锏。

第一时间下载安装,以下是安装截图:

官方下载:http://dl_dir.qq.com/qqfile/qq/QQ2010/QQ2010Beta3_Trial.exe

遗憾的是普通用户无法登陆,弹出登陆框提示需要权限,而腾讯户体验中心暂时没有放出测试消息。不过前几天QQ会员贴吧城市达人有活动可以获得限量公测名额,获得邀请的用户可以在零点过后抢先体验腾讯微博了。

另外今天登陆腾讯微博页面变化也挺大的,用蒲公英形象作为Logo表达传播的价值,这点还算满意。首页有刘翔的微博语录,最新公布的“V”认证介绍中赵薇是代言人,腾讯微博一向走的是草根路线,若以名人带动效应的话就是刘翔和赵薇了,但奇怪的是腾讯总裁马化腾(pony)居然没有“V”认证。

下面是月光博客为我们展示的腾讯微博界面:

布丁丁丁同学有收到豆瓣twitter小组的豆油,是腾讯博客编辑贾嘉发来的邀请,那么恭喜布丁丁丁同学顺利入住腾讯微博。以下是他的体验:

腾讯微博特异功能其一:在腾讯微博输入框里输入部分文字后,无论在网站里如何上窜下跳,或甚至关掉浏览器,下一次回到输入框时,原来输入的未发布文字仍然会完整保留。

腾讯微博特异功能其二:自动同步qq上的个人信息,包括性别生日手机号。

:twisted: 最新号外:在本篇日志发布之前收到布丁丁丁同学的建议,可以试试发一封邮件到 809103297@qq.com ,告诉她自己的Q号、昵称和个性域名,这个是腾讯博客编辑的邮箱。马上提交申请,嘿嘿~

Join EIDcenter

昨天约了Way在EIDcenter见面。由于路程比较远需要转车,到达EIDcenter比计划迟了近半个小时。我们在一间不大的休息室开始聊天,Way先让我自我介绍下,然后讲述了EIDcenter以及UI行业的发展,并对我的作品作了简要分析和评价,很高兴得到Way的肯定。

他说我们代表未来,要用前瞻性的眼光去观察和发现。付出不一定有回报,但坚持下去才能体现和创造更多的价值。交谈过程中我谈到自己的团队和过程中的一些问题,而我也坦露自己某方面的缺点,坦诚是人与人之间最好的交流方式。整个谈话过程都比较轻松愉快。

在简单的谈话中可以感受到Way是个很随和的人,拥有白羊座的韧性和Team Leader的魄力,他说话有亲和力,会换位思考,更多时候我是在倾听他的想法。有趣的是他们喜欢用星座了解对方性格和处事,而我和Way是同月同日出生的,那么不用多说便大致了解对方的性格。

小肥是我在EIDcenter认识的第二个人。她其实并不胖,戴着大大的黑框眼镜让我想起IQ博士里面的小云。从Way的讲述得知小肥是个很有责任心的女生,病了不肯休息还同时抓几个项目。她总是很不识趣的打断Way说话,还瞪大眼睛去观察我脸部的表情,正是这些不经意的小动作让我感到EIDcenter成员间那种融洽和无拘无束。

我很喜欢玻璃板上画的那些构思和总结,至今我仍然保持着随手记录的习惯。休息室柜子上方有一副EIDcenter团队的合影,二十多张笑脸齐齐开放。公司的环境还没有仔细参观,认识的人也不多,但我肯定这就是我一直期待的工作。

下周就要EIDcenter工作了,如果顺利的话三个月后我将正式成为EIDcenter的一员。希望能够尽快融入团队和投入工作,为EIDcenter创造更多的价值。 我为EIDcenter而感到自豪。

iPhone GUI

好了,你们看到的这份作品是临摹JJ.Ying的飞机稿,耗时4个小时完成,效率还是很低唉。刚临摹完时头脑热乎乎的有立刻发出去的冲动,平息之后却老感觉某些地方不对劲,看多了便察觉出其中一些细微之处,于是有了延迟发作品的习惯,这次足足延迟了四天。

第一次做手持设备界面设计还算轻松,有了前面图标的练习感觉上手很快。一些细节只要把原作放大800%便可大致分析所用的技法,但困难还是有的,譬如毛边的处理。于是跑去iconfans上图求助JJ.Ying前辈。以下是我的提问和JJ.Ying的回复。

1.做界面和图标一般需要多少分辨率的?

界面和图标的大小应该还是看需求的吧,比如iPhone的屏幕分辨率是320×480,那上面的界面就按照这个来,比如你favicon的尺寸固定是16×16,那就照着这个做。

2.分辨率限制了字体大小的选择,譬如我用175dpi,结果用4号字小了点用6号字又大了点,5号又不清晰容易毛边,这个怎样处理呢?(据说在ps里奇数字号容易出现锯齿,有待考证中)

你可以试试看5.5号字,5.55号……或者换一个字体,比如Helvetica家族好多款不同粗细的(对不起,我承认我错了,收费全是我非法下载的)。

3.出现毛边怎么处理呢。PS里用路径1px的描边仍然容易出现毛边,把JJ.Ying的图放大800%发现…像是铅笔工具画的像素,一些细微的东西只能用铅笔画吗?

我没很多朋友那么牛,也比一般人懒,铅笔工具点出来修改就困难了,所以我基本不大用……还是路径画好然后clean一下像素对对齐。

4.RSS用其他工具画不来那么精致,放大后可以看出是有渐变的,这个怎么画哦?(这个问题我先自我鄙视一下>_<)

很不好意思让你失望了……那个wifi(不是rss,呵呵)是…截图截出来的…整个顶部状态栏都是iPhone原生的。

5.最后赞一个,JJ.Ying画的东西真的很细致,小图标和文字周围都有一些白色的,呃..这个是怎么画的呢,图层样式做出来的效果很毛很边.

再次让你失望了,我就是图层样式直接搞出来的…我是个粗人,平时都是路径+图层效果直接偷懒的……

JJ.Ying的回答很幽默,虽未能全部解答但仍然受益匪浅,同时也让我对界面设计有了一些新的启发,今后继续多观察多思考。后来J.max跟帖回复说,界面设计和图标设计不一样,更注重元素权重的分配,有的地方必须压一下特效。这点和汉业跟我提的建议相似,一份好的作品是极具感染力而不失主体的。

接下的几天是出产一套原创图标。拭目以待吧~

ps:这里有必要名词解释一下:飞机稿,也叫“Scam Ad”即是假广告。根据一个创意原点做创意,无拘无束做不考虑客户要求和人群,只为把一个创意原点表现得精彩绝伦的一般很有想象力的稿子。飞机稿通常为广告人平时作为专业练习,或广告公司作为参加行内奖项评比之用。那些自我感觉良好,但是被客户毙掉的设计稿子都是“飞机稿”。

今天我22岁,在路上。

今天是新历22岁生日,我度过了人生浮华的年纪,此时此刻为理想为生活努力,我坚信五年改变我的人生,今年是第一年。

开始过一个简单而正式的生日。某人曾经对我说过,生日是自己最重要的一天,就算没有一个人记得,就算全世界都不给自己过生日,自己也要给自己过。我接受了这个想法,要懂得爱自己,庆生是表达祝福和感悟生活的一种方式。以后都过新历生日了,把农历那天留给老妈,打个电话问候是我一直以来的心愿。

从没想过会收到那么多祝福,无论是通过短信、电话,还是QQ发来的贺卡和微博上的留言,我都收到了。你们有这份心意我很开心,也很感激,真的,谢谢你们。

最后感谢我的两位兄弟小西和饼干,谢谢你们陪我完成自助餐计划。

PS:在享用自助餐时,钢琴旁的女孩弹奏了一首《红豆》,那个熟悉的旋律让我想起很多人,有说不出的感动。

Share Music:

张悬 – 红豆(live)

王菲 – 红豆

梁静茹 – 红豆(live)