Site Meta

BBC 新网络视觉系统预览

进行中的新设计。Image: Research Studios

BBC(英国广播公司)作为全球最重要的媒体机构之一,一直在新媒体和设计领域领先全球。从它成功的新闻网站到近年来 iPlayer 网络播放平台都成为各国媒体效仿的对象。本周 BBC 发布了新网络视觉系统的预览,阐述了宏大的新概念。两年前我们提到 BBC 的“Global Visual Language 2.0”,项目旨在为 BBC 网站提供新的统一的视觉语言。该项目使用了新的视觉系统,包括网格、字体、颜色和新的播放器等等。

两年后的今天,BBC 决定更上一层楼,决定更新这一网络视觉系统,以期成为再次媒体设计的全球标准。这次的设计试图“创造一种新的设计哲学”、“寻到 BBC 的灵魂”,以及“让 BBC 更加有区别性和识别性”。这次设计 BBC 也邀请了英国著名设计师和字体师 Neville Brody 作为顾问,由 BBC 创意总监 Ben Gammon 与 BBC 用户体验和设计部门共同完成。设计目标的关键词展现出这次设计的雄心:现代英国、时事、强势、独特、领先、综合、通用和最佳。

新网格系统。Image: BBC

设计从历史上优秀的英国设计中寻找灵感,包括1960年代企鹅书籍系列独到灵活的网格系统。新的网格系统使用了31个以16像素为基本格的网格系统,十分灵活。

新网格系统。Image: BBC

使用该网格系统,新设计建立了一套纵横交错的内容设计。

新基线(Baseline)系统。Image: BBC

新的基线(Baseline)系统尺寸为8像素,可以严格控制水平内容的排列。

新字体集。Image: BBC

新标准的字体除了公司专用字体 Gill Sans,还将 Helvetica 和 Arial 设置为标准。

新的新闻页面。Image: BBC

Image: BBC

Image: BBC

Image: BBC

新设计的颜色系统更加成熟,强调与图片颜色的搭配和衬托。Image: BBC

新的图标设计。Image: BBC

新的视觉系统仍然在完善当中,将在今年逐渐开始采用。尽管 BBC 这次新的视觉系统单就设计来讲,从 Helvetica 和 Arial,到元素的编排和使用,并没有太多的新鲜感。但相较 BBC 现在的情况而言(形象较乱较弱),如果应用得当,新的设计可以大幅提高形象和用户体验,在它的竞争对手面前也会继续维持领先。

尊重原创:关于转载

我们希望在中文环境中建立一种健康的 TrackBack 和链接机制,保证原创,并不影响传播。因此对于译文和原创文章,我们欢迎您在网站上推荐我们的文章,包括文字和图片片段,但不赞成任何形式的全文转载,尤其不欢迎商业网站的转载。个人博客如若全文转载,请您通知我们,并添加本站原文链接,标明所有的引用、参考信息和图片版权来源。
将本页加入书签。通过 RSS 订阅本帖的讨论.
Post a comment or leave a trackback: Trackback URL.

3 个相关讨论

  1. February 22, 2010 at 12:12 pm | Permalink

    作为一个设计门外汉,看不出有什么特别的地方……感觉很多网站都再用类似的排列,wordpress很多模板也是

    回复

  2. xulba
    March 5, 2010 at 5:52 am | Permalink

    很不错,转到6351

    回复

    Rex Chen 回复:
    March 5th, 2010 at 9:07 am

    谢谢,转就免了把。

    回复

  3. qingyunying
    April 8, 2010 at 4:31 am | Permalink

    刚打印了2.0的VI系统,感觉新的网格对于非衬线字体的应用更有效果和清楚

    回复

参与讨论

你的Email地址将不会被发布或透漏。 标记*的项目为必填项目。

*
*

不参与讨论,只是订阅: