关注前端开发
关注用户体验

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

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

在积攒了很多截图和案例之后,我才猛然发现,其实关注太多很容易分散精力,经典往往永远走在最前边,只需要关注他们就够了。如下列表个人认为也许不一定完全代表当今 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

赞(0)
未经允许不得转载:大前端 » 大前端推荐:值得长期关注的网站
分享到: 更多 (0)

评论 8

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #4

    Get started with wales ahead nearly every planking. Ones wales truly are a compilation of huge planks one particular depth advisors certainly is the identical to the entire hull planking however with even larger density to successfully thrust outward beyond the planking. planking

    Polly Alano1周前 (05-16)回复
  2. #3

    谢谢站长的好文章

    k9年前 (2010-11-29)回复
  3. #2

    国外的网站的确在排版和色调搭配上很有创意….让人看起来那么舒服….可是我主要写后台代码前端的知识不行….特别是设计方面….

    4.129年前 (2010-11-25)回复
  4. #1

    我来看博主文章了,感谢分享哦!!!

    百年海柳9年前 (2010-11-24)回复
    • Photograph classified ads are generally graphical ads. click here In contrast to traditional hysterical classified ads, image adverts are aiimed at the right audience, just as word advertisings. A new founder that has a mixture off graphic adverts in addition to text classified ads has a more significant earnings producing possibilities.

      Jack Lawn3个月前 (03-11)回复
    • of the many video clips that i download, i always watch those that are very funny“

      my singing monsters2个月前 (03-28)回复
    • The final genre the authors of Star Trek used was drama.

      cat2周前 (05-08)回复
    • In case you are intrigued in environmental situations, to as wonder the criminals to be aware that to manufacture just one bag with this particular style hydration brings reasoning better liters akin to oil and gas to come up with. daily deal livingsocial discount baltimore washington

      Nonton Anime2周前 (05-10)回复

themebetter 国内更好的WordPress主题服务商

立即前往