行业关键字
UI设计UI理论和资料 → 正文
PenGUIn之GUI冠军赛设计花絮
作者: 腾讯PenGUIn团队 来源: 视觉同盟 时间: 2009年1月14日

我们涂鸦墙上的所有参赛图标, 浩浩荡荡千军万马…

1. PenGUIn设计花絮
1.1 启动会
早在七月初,我们收到本次GUI冠军赛信息后就开启了一次参赛启动会,当时二十来位设计师参与了会议,启动会上主要分析比赛发布的信息,全程一路上由我们的恋恋同学进行了专业的翻译!我们的目标不在参赛结果,而是在过程中的互相学习、团队建设以及设计展示,这次不少非界面视觉的设计师都来参与了,大家对图标设计都很感兴趣,我们要尽情展示我们设计上的新想法!
1.2 设计想法、风格以及合作方式讨论
由于每位设计师都有工作项目上的压力,上班时候是基本上抽不出时间做本次比赛设计的,只能凭设计师的热情在业余的时间去试探想法。后来我们又开了几次设计想法与草图PK会,一些先有想法和草图的设计师在会上去分享和PK他们的作品,感谢这几位设计师,他们的开头激发了其他设计师的激情。
合作方式的讨论:
综合06年的比赛经验,同时这次因为有更多的设计师参与,一开始我们就希望团队内部的风格是走差异化的,避免“撞衫”,从易用到个性、从2D到3D,从写意到写实,从抽象到具象等等,我们的想法和风格将覆盖大部分的风格。而最终我们提交的也正是我们所计划的!我们还在内部BBS上建立了本次活动的讨论专题。以下为PenGUIn团队在做合作方式讨论时做的分组初步图,结合设计师的兴趣做了平衡分布:

当时做的项目初步时间规划:

草图阶段的讨论:
Mojo大人起草的一只环保的小动物,讲述他的环保故事…

鸟Key画的兔子等形象的各种尝试,同时建议两套主题间的关联性,譬如A做的猫主题,B做的是鱼的主题,两者情节上有所关联…

雏形阶段的讨论:
当时A子提出来极至佛风概念的想法,她觉得风格已经在业界都被用上了,要么就做一种细致到别人都很难达到的效果,她当时开始着手的几个图标让整个团队砸开了锅,四面尖叫!想看她的佛风吗?在后面未曝光的作品中会呈现给大家!
 
 Mojo大人的手绘航海主题也让设计师相当振奋!

小螃蟹本来是规划一套海族的设计,后来考虑到时间成本,就演变成后来的海怪了…

还有安迪同学带领的3D团队尝试的易用性图标:

1.3 挫折挑战
当然我们也会有挫折,参赛团队很大,每位设计师平时工作项目也都很忙,这让项目的进展遇到很大挑战,有一段时期甚至完全没进展。中途甚至策划只让几位有时间、核心的设计师参赛就可以了,预计提交六七个作品也够了,但在最后冲刺阶段在这几位先有作品的设计师影响下,很多设计师已经暗自出力,设计师的竞争激情与展示欲望一下子在团队中砸开了锅,如春笋般又冒出了好几套作品出来跟大家一起交流分享,最终总共居然有15个作品出炉,完全超乎想象以至喜出望外!
1.4 冲刺
冲刺那段日子真叫人刻骨铭心,在最后一个月的时间里大家都已经不知道周末和下班的味道,眼里只有图标,公司就是我们的家… 在最后打包时刻又体现了团队中暖暖互助的精神,打包是个烦琐的过程,已经打好包的同学就以自己的经验又帮别人打包,这里要特别感谢坚爷,他独自一条老汉帮很多很多同学解决了打包的问题,堪称包神!冲刺那段真的很累很累,几乎每晚都到凌晨,甚至想到放弃,但在累中我们更多的感受到团队的互助、交流与温暖,为了同一个PenGUIn团队,我们坚持到最后一刻… 

 1.5 部分作品的设计分析
Icon Store:
恋恋的Icon Store是在易用中融入创新点的设计,既易用又有新意,第一感觉也很清爽。

很多网友来咨询恋恋是谁,作者真人也跟图标一样清爽:

Lineless Design:
Ben的Lineless Design创意着实让人眼前一亮,也是本次的获奖原创作品,虽然奖品仅是一堆软件产品的使用权,但还是很振奋人心的,当晚为了慰藉他那脆弱的心灵,立马为他P了个牛比闪闪的金牌!

Buddha In My Heart:
超人的Buddha In My Heart除了主题有深厚底蕴外,还有另外一大特色:每个图标都是Flash画的,这让很多设计师目瞪口呆,服了,Flash也可以画这样细腻的图标…

Cosy Style:
骑士一直是本次比赛参与的中坚力量,是获得最新消息和与外界沟通、反馈、宣传的重要接口!本次骑士设计的Cosy Style希望成为用户最易用和长期使用的图标,走细腻舒适易用风格。

Fight:
坚爷做了6年多UI后一心想颠覆图标的一贯表现形式,这次他和徒弟采用了泼墨描边,笔随型走的理念贯穿到图标中。国外评委给出的评价:“One of the most original designs in the 2008 GUIC. I love the look and feel of the art and how it reinterprets standard icons.”

Pirate’s Logbook:
Mojo大人一直想尝试一种素描风格,希望桌面是一张旧素描纸,图标是画在上面的小素描画,这正是Pirate’s Logbook的想法源头。是的,Pirate’s Logbook每个图标都是作者先在纸上以素描的风格手绘的,然后扫描PS加工,相当壮观!

FOXY Lady:
FOXY Lady是作者想尝试的一套敏感话题的性感设计。在图标对应关系上花了不少时间去构思,加上整套图标都是AI矢量画的,还有官方截至时间的调整,最终晚了两天才提交作品,错过了本次比赛,网友也无法在官方下载到IP包,正好印证了:得不到的女人更美好!FOXY成为永远得不到的Lady!

这里简单介绍一下当时FOXY Lady部分图标设计的想法来源:
为什么是橙?
首先橙等水果一般是女士们的最爱,同时造型类比于地球,在做Network Service图标时用了兔女郎跟橙结合的概念,如果有兔女郎为您做网络服务,您会不乐意吗?不会多一点幻想吗?而Network Connections图标刚好用了吸管与橙的连接。而墨镜也是性感女郎的必备,通过墨镜浏览世界…

为什么是烟、火机?
有时候抽烟女人的某个角度很是性感,而烟盒造型刚好与Hard Drive对应。而烟被抽出时表达内容与外部有连接,正是对应Network Drive。烟断了也就Offline了。而移动硬盘的火机来呼应成一个系列:

为什么是纽扣、蛋糕?
FOXY Lady中文件图标都是用的女式的手帕,而纽扣对应播放文件的圆形,也刚好以三孔播放符号缝在布料上。而蛋糕除了是女式的喜爱外,也希望是给Office上班用户的一个缓解和歇息。

为什么是门锁、沐浴?
Set Program Access and…是系统的“设定程序访问和默认值”图标,FOXY Lady应用了酒店门牌“请勿打扰”的概念,门牌表达了用户是否可以进去访问,而留下唇印的门牌让人产生更多联系空间,Do not disturb? What’s up inside? 而“My Documents”图标运用了钱包文件夹加panties,让我的文档更有隐私感和幻想空间。而Subscriptions图标的双箭头对刷联系到了沐浴,而出水芙蓉的女人最美!

2. 设计曝光
2.1 我们未提交的设计作品
以下首度曝光A子的佛风,也是团队未提交的箱底极品,走极至细腻风格… 但后来由于时间成本太高和中途的突发情况,最终这个作品没有全部完成,很可惜但效果确实震撼…

3. 设计应用
3.1 作品在QQ拼音上的应用
我们这次参赛的作品当然不只是花瓶,我们已经开始与公司的产品结合,在最新的QQ拼音1.6版本中,FOXY Lady和Fight两套图标已经应用到拼音的黄金之心、粉红宾尼、船长记忆、碧玉之魂四套相框皮肤中,喜欢的同学赶快装起:http://py.qq.com/

4. 团队活动
4.1 我们的合照
最后在团队合照中我们又萌发了“与图标沟通”的想法,好不容易才把设计师全部集合在一起,大家摆好各自与图标沟通的Pose,然后每位接龙把自己的图标P上去,也是在团队的共同努力下才有了封面的合照效果。过程中我们拍了好多个版本也发生了很多趣事:

4.2 瑜伽活动
比赛结束后我们去体验了从未玩过的团队活动:瑜伽,为之前劳累的身心做一次宁静的呼息,就这样十几条友踉踉跄跄的学了一次初级瑜伽…

5. 结束语
CDC视觉设计团队PenGUIn成立于2006年,是对外的视觉团队统一品牌。除了视觉设计我们更强调产品设计的想法与创意。对外我们参加了两次 GUIC,我们的目的不在于任何比赛本身,而在于同各地的设计师做更多的交流,同时也是我们团队内部合作力量的展示与团队建设,推进大家的共同进步,同时我们将延伸触及业界的更多地方。
最后感谢团队里每位设计师对本次设计活动的不懈努力,PenGUIn将走出更宽广的路…

(责任编辑: 杨志鹏

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版