恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Bloomberg | 充满魔性的design DNA I
0.0°
2015-04-12 原创文章 经验/观点 原作者: 原作者 举报 1679 3 3 0

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(前方有墙)

更新:2015-04-12

收藏

3人已收藏

  • 1

    作品

  • 2

    粉丝

  • 15

    关注

    猜你喜欢

      2015-04-12 原创文章 经验/观点 原作者: 原作者 举报 1679 3 3 0

      Bloomberg | 充满魔性的design DNA I

      0.0°

      你确定要举报Bloomberg | 充满魔性的design DNA I

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年04月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录