关注前端开发
HTML5、CSS3、Javascript

大前端推荐:值得长期关注的网站

只要在网上无聊,我会固定 在浏览器网址栏里敲入一些字母,组成网址进入到那些熟悉的网站。像老朋友打招呼一样,我总是希望对方能有些变化,这个习惯六年来没有变过。看别人的作品, 不是为了记住很多的技巧和花招,以期待将来能“套用、借鉴”到自己工作中。真正的欣赏需要消耗“心力”去解读,揣摩变化背后的意图。

在积攒了很多截图和案例之后,我才猛然发现,其实关注太多很容易分散精力,经典往往永远走在最前边,只需要关注他们就够了。如下列表个人认为也许不一定完全代表当今 Web Design 的巅峰水准,但长期不懈的努力的确创造了很多难忘瞬间。

ibm.com

企业网站的典型,这个网站我看的时间最长,大概有六七年,以前主要学习Web标准化方面知识。前两天刚发现改版了,所以放第一个推荐。纵观这几年的发展, 总的来说中规中矩,符合IBM品牌踏实可靠的特质。这个2010的新版突破了老爷车式的科技感,难得“亮眼”了一回,以至于用1600的显示器打开吓一 跳。

cnn.com

从我知道CCTV抄袭CNN之后开始关注,有四五年了,这个网站信息量巨大,典型的内容型平台。具体还真谈不上有多好,只是感觉CNN地位不一般,经常跑页面上分析模块和代码。CNN的强大在于内容,以及对内容恰如其分的展示,可访问性、可读性方面的细节值得研究。

yahoo.com

Yahoo美国首页于2006年5月和2009年7月分别有两次重大改版,每次都是绝对的突破和引领潮流,引得无数设计师尖叫。据说它的设计成果均来自严 谨的定量数据分析,从实际体验效果来看,我虽然不习惯,但也找不出什么大毛病。做为一个综合门户网站的首页,Yahoo是最值得研究的对象,设计理念很超 前,旗下子产品全部风格独立,首页也因此格外标新立异。扩大范围来讲,个人认为Yahoo美国在Web方面的技术储备不在Google之下。曾经听过 Yahoo韩国团队的分享,也因此经常看Yahoo韩文(yahoo.co.kr)版本,细节是不一样的。

adobe.com

2005年从Macromedia被收购后开始关注Adobe,熟悉我的朋友都知道我做设计尽可能的不用Flash。但凭心而论,Adobe网站是超一流 的,我亲眼所见Adobe是如何一次次改进去掉了繁复的动画,我想Adobe网站的设计师们很清楚Flash该用在什么地方,并且充分利用排版上的优势, 把视觉设计结合的很好。再次证明,只有二流的Flasher才不余遗力、不分场合的乱用动画。最近不知为什么,Chrome老是因为Flash而崩 溃,Flash升级也总失败,恨的咬牙切齿。

apple.com
从iPod Nano在2006年风靡世界开始,我才发现这个水果网站做的那么好。Apple网站的视觉风格与Adobe完全相反,不在华丽的层次追求视觉冲击,排版 布局也单调到令人乏味。但照片尤其出彩,模块化很到位,且细节处理极佳。注意个节奏问题,Apple首页改动非常频繁,采用简单的视觉冲击是常用手法,尤 其在推新品的周期内,反正维护也不麻烦。如同Jobs对Flash的评价,Apple网站上没有任何动画,这点我喜欢。

flickr.com
Web2.0潮流下最知名的网站,2004年左右关注。在独立发展的过程中,版本迭代极快,过程备受关注,很多次改版和细节都口碑极好。自2005年初被 Yahoo收购之后,整体网站设计受影响不大。逐渐被GFW封掉的过程中,我的关注度开始下降,到现在基本不用,只偶尔看看。前不久终于有一次重大升级, 如果把之前几年改进看作是做加法,这次改版可以说Flickr已经开始做减法。

haier.com

海尔中国做的很一般,海尔海外还有很多版本,单独来说都算不上顶尖。但我发现它“全球网站”的整个体系做的非常出色,风格独立但又不会设计统一,比IBM纯翻译内容好的多。是国际化公司做全球网站的典范,真为咱中国品牌争脸。

muji.net

从了解《设计中的设计》的作者原研哉(Hara Kenya)开始认真关注MUJI这个品牌,MUJI的日文版(.net是日本版)风格尤其突出,其气质与品牌相符。后来看到国内品牌Vancl的网站, 一眼就能看出有MUJI的影子,但没有做出那种品质感。另外,MUJI相关还有系列网站,设计也很出色,不太清楚他们是站群还是什么关系,比如muji- beauty。如同楼上的Haier,MUJI也是全球网站体系比较好的典范。

wordpress.com

2007年开始用Wordpress系统,经历了几次升级。它的官方网站看的不多,但系统本身花了些功夫研究,尤其后台表单,以及数据模式的处理上,获益 良多。就这么个精致的小产品,技术一直走在前列,比如3.0某版本登录框,如果登录出错,已经不再是传统的“红色”警告,它开始“蛮不讲理”的晃动登录 框。这样的“情感化设计”早有耳闻,但却在Wordpress上首次见识。

就个人观点而言,不是说“有名”的网站就一定多好。比如,按理说Microsoft新版网站其实也还不错,因为用的少的原因,不好乱下结论。相应 Msdn这样的框架的确经过了N年的考验,以前盛大的官方网站就是完全抄袭Microsoft老版框架。还有eBay,据说在海外用户体验排行前几,但我 用过几次,流程感觉不符合我们的习惯,退一步讲整体“美感”也不行啊,比咱“淘宝”差远了。

也许有人注意了,以上列表都是非中文网站。说实话,中文互联网产品起步较晚,成功的很少,值得学习的也不多,目前我只关注“豆瓣、淘宝”两位。在系 统工程角度,越是大型的网站,协作难度越高,在此类网站上能学到的知识也最多。那些小清新、小创意的网站,看多就烦了,没什么值得挖掘的价值。积累是需要 时间的,在一次次的酝酿之后,创意总会与你不期而遇。

如何去发现值得关注的目标,最笨的方法是枚举。曾经我做的第一件事情,找现成的列表,比如世界500强企业网站,还有alexa数据里有个Top Sites列表,有现成的各“国家、分类”排行。第二件事情,我查过很多知名品牌关键词,在搜索引擎中寻找蛛丝马迹。早期因为整体水准不高,成功率均相当 低,但只要在100个中找到1个亮点,我认为也值得。

本文旨在分享方法,不希望看到信息快餐似的技巧花招被疯狂追捧。个人精力有限,很多精品都应该值得挖掘和关注,我希望能有更多的同行来做这件事,尤其一些专业领域和行业,所有人共同提高。以上仅是个人观点总结,如果各位有好的推荐,希望也在评论里反馈给我。

源地址:http://blog.rexsong.com/?p=11775

转载请注明出处大前端 » 大前端推荐:值得长期关注的网站

分享: