提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
Bloomberg作为IXDA的赞助商,每一次redesign理应成为我们所关注的。
Bloomberg作为IXDA的赞助商,每一次redesign理应成为我们所关注的。这篇文章是Bloomberg专题的第一篇,关注改版后的Bloomberg Business site。之后会有Bloomberg terminal等等,欢迎关注。
本文系作者基于很多外文文章以及个人感触写成,每一个字都是自己打的,如果转载请注明来源于公众号 DesignHub
Bloomberg今年改版了它的网页。当你随便打开它的时候有可能是下面这个样子的。
或是这样的
在手机上可能是这样的:(丑哭....)
也可能是很多不同的样子,不同到可能每一次你打开它,都会惊呼:难道是又改版了么?
作为IXDA(国际交互设计大会)的赞助者Bloomberg,它的每一次redesign理应代表了相当前沿的交互水平(才对)。但好像看起来并不是这么回事?那今天就来仔细看看这次redesign到底是怎么回事。
1. Kooky Design DNA
不看排版方式的时候,你会注意他们共性的暴力重叠:第一张的Bloomberg Business、第二章的Pursuits都暴力地重叠在了新闻图片的上方,这并不是一个会让处女座发疯的CSS错误,而恰恰是被设计成这样的。
还有图片上面的粉-紫-蓝的滤镜给整个网页抹上了一种奇(mo)异(xing)的色彩。(对的,就是下面这个魔性配色的滤镜,很难想象它真的被用在了所有新闻图片上)
这个很跳脱的设计当然招来了不少人恨,但是同时却也迎来了很多不同的赞美的声音。一个网友在FB上评论: It's like a car crash. It's horrible, but you can't look away. Venturebeat 评论说: pulls you in as much as it spits in your eye. 只要关注 Bloomberg 比较多的人就会发现,这种又丑又赞(jarring amazing)实际是Bloomberg 一贯的 kooky design DNA 的表达。
比如接下来的这个同样是彭博出品的Bloomberg Businessweek。看下面这张Tim Cook的杂志封面,使用了渐变的霓虹效果和幼稚字体的Tim Cook’s Apple的标题让整个封面瞬间从小清新变成了十分bizarre的效果。看到这种神奇的搭配,很多人可能会觉得设计师是不是回家过年了。
再来看两个他们的主编最爱的封面:
欧元危机的慰藉
头
砸
这
1. 把杂志放在硬质的表面
2. 砸头
3. 如果需要请继续
4. 如果你一直疼,请翻到第九页
依然保持着它一贯的独立性,但第一眼会给你不舒服的感觉。
在浮夸的万花筒般跳脱之外,如果你试图阅读上面的内容,你会发现信息却十分明晰地被展现了。而每次打开都发现信息的排列都十分不同:难道设计师们无时无刻不在更新排版么?事实上,这是因为他们采用了类似乐高积木的模块设计取代一般被采用的栅格布局。
2. Visual Freedom*
*Visual Freedom指的是Bloomberg的模块式设计给它带来的视觉自由。
Bloomberg Digital 的主编Josh Topolsky觉得这种完全自由的模块式设计才是未来的新闻设计趋势。“大多数新闻网站会让你看到一个基本的架构,那是一个基于传统报纸的设计。”他说,然而在其他情况下,读者会从Twitter或Facebook之类的网站获得“一条接着另一条头条的”新闻。
这两种排版方式都不是Josh想要的。所以自从他被 Bloomberg 挖走, Josh Topolsky 就致力于这种万花筒式的、模块式的网页设计,并将其运用到Bloomberg的一系列产品之中:Bloomberg News, Bloomberg Businessweek, Bloomberg TV, 和BloombergGraphics。它们从不依赖于栅格布局 (gridded layout) 或者feed(类似Facebook和Twitter的那种)。他们认为最重要的是一个在动的页面 (what’s important is a page that moves)。举个例子,当一 次重大的关于国际危机的故事发生了,显然这个报道需要一个十分明显的位置。同时,当读者下午再回来查看新闻的时候,它也应该自动的移动位置并更新成别的报道。不同的报道值得不同程度的关注,所以设计的模版不该拘泥于同一个框架。在Bloomberg当前的这种脱离网格的设计下,编辑们可以轻松地改变页面上信息的位置、大小等等,因为每一个模块都是可以随意改变的:就好像一整套各种大小各种形状的乐高积木,不同的信息可以轻松地自由构建成一个整体。
这样看来,Bloomberg Business网页就好像是它纸媒的对立面:充满着无限的视觉灵活性。当新闻网站的首页点击率越来越低而读者往往喜欢直奔他们感兴趣的板块时,Bloomberg无疑在首页上打出了一张新牌, 就像Bas Keetelaar 所说:“我现在终于开始’读’Bloomberg了”。
3. Other bizarre features
*此图来自twitter
--右上角的亘古不变小视频:
不论你读到哪里,马云就跟你到哪里
--404和500 page十分讨喜
不过被墙了> < 而且我翻了过去也不能打开。请自行翻墙体验
如果你还想继续发现这些魔性,请阅读:
Medium:I read Bloomberg now and that's perhaps what's wrong with the new design
VentureBeats:Bloomberg Business' new site design is beautifully bizarre — and it's begging for haters
Wired:Haters to the side: Bloomberg's loud redesign heralds the future of web news
NiemenLab: Bloomberg Business' new look has made a splash — but don't just call it a redesign
英文版致力于提供深入内容,预计明天奉上,欢迎纠错。下一期我们讲Bloomberg Terminal。
阅读原文发现bloomberg(前方有墙)
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册