Archive for 2010年9月29日

Window live spaces — shutting down? 微软博客即将关闭

今天得知微软的Window Live Spaces 将在11年3月停止使用了,用户可以把已建的博客链接并上传到Wordpress.

从很久之前就看出微软没有要继续发展space的端倪,可是今天看到这个消息,还是有很多的不舍。那是我一字一句建立的自己最爱的家啊. 她不仅仅是个博客,而是多年来的悲欢喜乐,酷暑寒冬。是我低潮时候唯一的出口。是我无法呼吸时的救命稻草。虽然有些沉重的纪念让曾我很久不敢再去更新。可是现在的她,每次登陆时都跳出一条冰冷的提示:“提醒:Windows Live Spaces 即将停用。请立即迁移日志!” 我变成一个病人,不想面对开刀去除肿瘤的痛苦。我是一个钉子户,想要保住自己曾住过的房子,并不向往新的住处。

忘记才是最好的纪念,而纪念是一种徒劳,贴上一个06年写的日志,做为 我的宝贝 的墓志铭

–小丑–

用滑稽的动作去舞蹈,就会博得别人的叫好

用画上的嘴去微笑,滑下的泪就不会有人看到

灯光熄灭的刹那,发现阁楼的狭小
皱纹中的油彩,泪水冲刷不掉
忘记身体的疲劳,一张标准的嘴仍然在微笑,继续微笑。

从CDC换装记看中国设计团队

CDC成立于06年6月18日,全称是Customer Research & User Experience Design Center(即用户研究与体验设计中心),是腾讯的核心部门之一。CDC自成立以来,就一直向着“做世界一流的互联网设计团队,为用户创造优质‘在线生活’体验”这一愿景努力,致力于不断提升腾讯全线产品的用户体验。

人不如故,衣不如新。

CDC搬来新大楼快一年了,咱们也想整件新衣服穿穿。刚开始的时候只是预计添件小马褂——由品牌组组建的“装修队”在“包工头”托哥和年哥的的带领下完善部门展示柜,让它与整个部门氛围更加融洽,同时作为一个对外的窗口,展示我们的生活、创意、激情,还有CDCer们的无敌青春的笑容。

但世事总是这么无常,需求变更,壮志未酬的装修队升级为“拆迁办”,随之而来的是对整个部门办公区的整理和重新规划——-小马褂改长袍了。

入口灯光下帅气的帝企鹅,红围巾依旧那么拉风。

部门产出的各产品线的LOGO全员出动,制作成刀旗悬挂在办公区域,抬头就能看到大家的作品。

休息区的新刀旗,全面概括公司现在的主要业务。

休息区新添的超薄52寸电视,配上PS3、wii和懒人沙发,给大家一个放松的空间。除此还有一台全手工组装的肌肉型的桌上足球,每天都洋溢着嚎叫与奸笑。周末下班躺在这看场电影是个不错的选择。墙上三个挂钟的时间为什么完全一致?玄机留给大家畅想。

专注玩街霸的姑娘。

CDCer们手工组装的桌上足球桌

重新设计过的展示柜,分为照片,留言,乐高创意和CDC员工创意产品展示等不同区域。

怀旧的灯光,小时候的照片,木质的相框,对的,我们要表达的就是你现在想到的那种感觉。往昔在温暖的灯光下再现,在无限温暖的怀恋中,蕴涵着我们对生活更深切的挚爱。

我们在留言区整齐地表达着自由的思想,奔放,灵巧、幽默跃然纸上,不仅只有笔,早上坐公交的车票,随手撕下的稿纸在这里都成了道具。

设计师都是不甘寂寞的,变身为自由女神、骷髅人、冲浪裸男、摄影师、财神、肌肉男、小野人等诸多英俊伟岸的形象集体上镜。

圆月弯刀般销魂的眼神。

正值深圳特区30周年纪念,腾讯与特区共成长。平时我们的产品主要借助屏幕像素展示,我们借用乐高像素快拼出深圳的一些标志性建筑和腾讯大厦及QQ形象,向深圳特区30周年致敬。期望我们生活的城市更美好。

可爱的造型。

乐高堆里的小朋友们。

Creative Life,创意是CDC必备良器,工作之余我们的设计师也玩DIY,彩绘的陶瓷QQ、DIY的笔记本、印制的水杯。

帅气的企鹅们。

创意要继续,生活也要继续,期待我们更完美的表现。

感谢大家在新环境布置中的辛苦付出!最后来一张大合照吧!

(本文出自Tencent CDC Blog,转载时请注明出处)

浅析Banner构成与创意设计-转

originality design (33)

当用户访问一个网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网页Banner设计在这里起到了至关重要的展示作用,特别是对于首页Banner,有效的信息传达让用户和文字之间的互动变得生动而有趣,下面就让我们通过大量优秀的设计案例走进Banner设计,走进设计师们的灵感挥洒空间。
一.Banner的构成与设计形态分解

自然界的万物形态构成都离不开点、线、面。它们是视觉构成的基本元素,具有不同的情感特征,因此要善于采用不同的组合去体现不同Banner的情感诉求。

a.点的聚合

点的排列所引起的视觉流动,引入了时间的因素,利用点的大小、形状与距离的变化,可以设计出富于节奏韵律的画面。点的连续排列构成线,点与点之间的距离越近,线的特性就越显著。点的密集排列构成面,同样,点的距离越近,面的特性就越显著。

originality design (1)

http://www.peminoz.com/

originality design (2)

Home Page

无数图形的点聚合在一起,增强画面的韵律感

originality design (3)

http://www.apple.com/

b.线的流动
线分为四类:直线、曲线、折线以及三者的混合。直线又有水平线、垂直线、斜线三种形式。其中,水平线给人平静、开阔、安逸的感受;垂直线给人崇高、挺拔、严肃的感受;曲、折、弧线具有强烈的动感,更容易引起视线的前进、后退或摆动。

originality design (4)

http://oypro.com/

originality design (5)

http://www.dongfeng-nissan.com.cn/3Ddrive/

严谨的线条,使页面稳重富有理性

c.面的分割

面在设计中的概念,可以理解为点的放大,点的密集或线的重复。Banner元素在不同大小色块元素的风格对比下,能获得清晰、条理的秩序,同时在整体上也显得和谐统一

originality design (6)

http://rareformbranding.com/

清晰突出的图片所产生的第一视觉点
originality design (7)

http://www.cult-f.net/

色块与线条间不同比例的分隔画面,使页面具有形式美感

originality design (8)

http://www.prville2009.com/

二.Banner设计的形式美法则

在banner设计中采用特殊的形式结构,会使网页变得个性十足并很好的区别于同类产品,让人记忆深刻。

a.有机形的柔和与美

有机形是由一定数量的曲线组合而成,是自然物外力与内力相抗衡而形成的形态。有机形富有内在的张力,给人以纯朴、温暖而富有生命力的感觉。
originality design (9)
曲线与个性化的插图形成强烈的对比。

http://www.wildaboutgardening.org/

b.偶然形的独特魅力

偶然形是力的作用下随机形成的图形,它具有天然成趣的效果,利用偶然因素提炼美的方法,让Banner设计更加与众不同。

originality design (10)

偶然形使页面产生趣味性

三.有效的设计创意方法

a.预留大面积的Banner空间创作

Banner设计占用很大的空间,且占用的空间是重要而有价值的面积,那么你需要万分小心的去处理,但是如果处理的好的话,它将会事倍功半,而且信息传达非常有效。

originality design (11)

http://tearoundapp.com/
originality design (12)

http://digitalmash.com/

b.有效的措辞与行为导向按钮

在banner设计中通过真实产品的展示,并配以鼓动人心的措辞口号及醒目的可以直接诱导用户点击的行为导向按钮,让网页获得更多的用户点击和关注目光。
originality design (13)

http://www.guifx.com/
originality design (14)

root

c.插图及清新手绘让页面倍感亲切

originality design (15)

http://srburns.es/

originality design (16)

http://www.mailchimp.com/

originality design (17)

http://www.hdlive09.co.uk/

d.引入肢体语言让画面变得生动
originality design (18)

http://www.kompakt.cz/

originality design (19)

http://www.ronniesan.com/

originality design (20)

http://www.tolingo.com/

originality design (21)

http://www.kinoz.com/

e.丰富的产品展示组合效果

用堆积这种效布局特效来展示不同的作品示例,并附上一条介绍性质的口号,网页变得更有说服力,丰富而富有层次感。

originality design (22)

http://www.htc.com/asia/
originality design (23)

http://www.darrenhoyt.com/

originality design (24)

http://deaxon.com/

originality design (25)

http://digitalmash.com/journal/articles/dynamic-columns/

originality design (26)

http://www.shopify.com/

originality design (27)

http://www.davidhellmann.com/

f.特殊肌理的组合

适当的运用肌理以及拼贴效果,让画面变得有质感且意味深长,是让Banner与众不同的好办法之一。

originality design (28)

Accueil

originality design (29)

http://www.foxie.ru/
originality design (30)

http://www.njrebel.com/

g.让资讯循环动起来

使用滑动效果来将更多信息填进到Banner区域。这对于有很多特性和丰富产品线的网站很有用,通过一些很有用的Javascript库及其插件,让这类效果更加活灵活现。
originality design (31)

http://glue.be/en/
originality design (32)
http://icondesigner.net/

通过以上大量的案例对比,希望能给您带来更多灵感碰撞,感谢您的阅读 ^_^
(本文出自Tencent CDC Blog,转载时请注明出处)