十一假期,在院子里看花、看云

作者: 分类:杂七杂八 发布日期:2010-10-08 15:12 已有:18 条评论 发表评论

十一假期,回老家待了几日。

本来经不住车马神伤,疲惫不堪,幸而乡下清新的空气给了我一个大大拥抱,是的,是的,在这清爽的环境里,北京的工作、高楼、车龙、美食……浮云,一切都是浮云。

今年爸妈又在院子里种满了花花草草的,此时虽说花时已过,更有些落得个凋零残败的面目,但总有几株兀自开得姹紫嫣红的,甚是妖娆,院子依然美,扑面而来的生活气息让人仿佛可以暂时摆脱城市里的凡尘俗务,独享这一院的清凉。

当天下午是一场来势汹汹的急雨。翌日,雨过天晴,天空格外湛蓝,甚至有小小的泥土气息,是的,没错,是久违的泥土清香,我心大喜。

用随身的卡片小数码拍了些片片,今天整理几张放出来,也算是对这个刚刚过去的国庆假期的怀念。

电视天线,在蓝天白云的映衬下,耀眼异常。电视天线,在蓝天白云的映衬下,耀眼异常。

墙角的那株牡丹,开的很艳。墙角的那株牡丹,开的很艳。

还是那朵牡丹,换一个角度。还是那朵牡丹,换一个角度。

屋顶上排布整齐的麻雀。屋顶上排布整齐的麻雀。

下午,天边多了很多乌云。下午,天边多了很多乌云。

乌云掩衬下的葡萄藤和即将凋零的小白杨。乌云掩衬下的葡萄藤和即将凋零的小白杨。

傍晚,天气转晴。彩霞掩映下的日落。傍晚,天气转晴。彩霞掩映下的日落。

步步登高花朵上,采花粉的小蜜蜂。步步登高花朵上,采花粉的小蜜蜂。

点击查看全文 »

本文涉及的标签分类:,

继续说说新版Twitter设计方面的事儿

作者: 分类:交互体验 发布日期:2010-10-06 23:57 已有:10 条评论 发表评论
继续说说新版Twitter设计方面的事儿

节前写了一篇关于新版Twitter设计的博客文章,里面主要提及了黄金分割率在新版设计布局中的应用。前些日子一直在休假,今天上网看到Sitepoint上面有一篇从另外的一种角度来看新版Twitter设计的文章,索性按照自己的理解翻译整理放过来,便于比较阅读。

Twitter网站最近在设计方面已经发生了不小的变化。这些变化包括顶部的搜索框和Profile、Messages两个功能链接。 左侧栏依然用来展示你的tweets和message信息,你可以通过点击在Timeline、Favorites、Following、Followers、Lists直接进行切换。

而右侧栏现在变得更大,更具条理性。在这里,会展现你的帐户信息,你的最后一条tweet信息,你Following的人,你的followers,最新动态列表和建议你去follow的用户列表。

“show more”这一用来显示更多tweet信息的按钮已经不复存在了,取而代之的是,在你拉动滚动条的同时,系统会自动给你加载更多的tweet信息。

Twitter的Flickr页面上,Twitter的创意总监道格·伯曼(Doug Bowman)用一张图片和一段简短的话语来描述新版设计遵循黄金分割率。

对于所有对新版Twitter页面设计比例好奇的人,应该知道的是,我们不是随随便便选择这样一个比例的。当然,这一比例仅适用于最窄的UI版本。如果您的浏览器窗口比较宽,我们将摆脱这样的比例,扩大您的个人信息面板,以便于提供更大的效用。但宽度最窄的地方,我们已经在开始使用这一明智的比例。

Twitter与DeviantART、Etsy、Flickr、Ustream、Vimeo和YouTube之间新的合作伙伴关系,使得多媒体流可以直接嵌入进去,包括在Twitter的首页直接播放视频内容。

这些新的变化可能会导致你自定义的Twitter的背景被淘汰掉,因为新的设计是半流动布局的。不管显示器的分辨率怎么变化,左侧栏的宽度是保持不变的,而右侧栏的则是大小不一的。

1024 × 768 分辨率

1280 × 720 分辨率

1600 × 900 分辨率

新版Twitter还没有对所有的用户开放,如果你还看不到,不要着急,用不了太久你也会用上的。

点击查看全文 »

基于黄金分割率的Twitter新版页面布局探究

作者: 分类:Web前端 交互体验 用户体验 发布日期:2010-09-30 16:32 已有:16 条评论 发表评论
黄金分割率

用上新版的Twitter已经有一段时间了,个人在使用的过程之中感觉较之旧版在体验方面有了较好的提升。只是感觉比之前的版本好用,但是具体体现在什么地方,体现在哪些细节之上,还一下子真的说不出来。

刚刚在看Mashable上面最新发布的一篇文章,名字叫做New Twitter Design Based on the Golden Ratio [IMAGE],中文简译应该是“Twitter新版设计遵循黄金分割率(图)”。新版Twitter的设计是基于黄金分割率的!真的是太有才了!

由于之前看过基于黄金分割率进行网页布局设计的相关文章,并曾构想并尝试过按照这样的定律去进行网页栅格化布局,因而对这一文章非常感兴趣。索性溯本求源,查找源头信息,一探新版Twitter设计背后的奥秘。

从毕达哥拉斯到达伦·阿罗诺夫斯基,黄金比例,这样一个被发现存在于艺术和建筑学每个角落的非理性数学常数,已经很久远了。而最近,它竟然成为了新版Twitter的设计依据。

顺着Mashable文章,找到了Twitter的Flickr页面,发现这样的图片和说法来自于Twitter的创意总监道格·伯曼(Doug Bowman),然后通过Doug Bowman的Twitter帐号@stop发现了他的Flickr,并在里面找到了有关于新版Twitter设计的四张图片。

有关新版Twitter设计的四张图片及相应描述如下:

新版Twitter的比例

新版Twitter的比例

对于所有对新版Twitter页面设计比例好奇的人,应该知道的是,我们不是随随便便选择这样一个比例的。当然,这一比例仅适用于最窄的UI版本。如果您的浏览器窗口比较宽,我们将摆脱这样的比例,扩大您的个人信息面板,以便于提供更大的效用。但宽度最窄的地方,我们已经在开始使用这一明智的比例。

新版Twitter的比例 (内部)

新版Twitter的比例 (内部)

这张图用来回应那些说上一张比例图包含内边距(padding)的人。。。

新版Twitter栅格图 (窄)

新版Twitter栅格图 (窄)

给那些对我们所使用的栅格系统感兴趣的人,这是一种奇数的栅格(15列,窄版的宽度是880px)。我们的前端web客户端团队在工作中坚持规范并做得尽善尽美。尽管有几个元素没有对齐或者偏离网格,但已经非常接近原版设计了。

新版Twitter栅格图 (宽)

新版Twitter栅格图 (宽)

给那些对我们所使用的栅格系统感兴趣的人,这是一种奇数的栅格(17列,宽版的宽度是1000px)。 我们的前端web客户端团队在工作中坚持规范并做得尽善尽美。虽然信息面板的最右侧有了一丁点的偏移,但同样非常接近原版设计。

关于黄金分割率,如果您之前不是很了解,请移步Wikipedia的黄金分割词条

PS.写完这篇文章的时候,发现标题为“Twitter新版页面比例遵从黄金分割定律(图)”的文章已经在各大网站疯狂转载了,而内容不用看也知道是千篇一律的,来源应该是Mashable的文章,而翻译,真的不敢苟同,明眼人一看就知道翻译此文的人根本不懂或者不用Twitter。国人的素质和浮躁啊,唉。。。

点击查看全文 »