文字设计和视觉文化

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 和链接机制,保证原创,并不影响传播。因此对于译文和原创文章,我们欢迎您在网站上推荐我们的文章,包括文字和图片片段,但不赞成任何形式的全文转载。
参与讨论或通过 TrackBack 推荐:Trackback URL.

4 个相关讨论

  1. 2010/02/22 at 12:12 pm | Permalink

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

  2. xulba
    2010/03/05 at 5:52 am | Permalink

    很不错,转到6351

  3. Rex Chen
    2010/03/05 at 9:07 am | Permalink

    谢谢,转就免了把。

  4. qingyunying
    2010/04/08 at 4:31 am | Permalink

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

一个 Trackback

  1. By BBC | Type is Beautiful » Web Design on 2012/07/04 at 9:31 am

    […] BBC | Type is Beautiful […]

参与讨论

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

*
*

作者 / 译者