以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.typeisbeautifu....../2010/02/2083

BBC 新网络视觉系统预览

作者:Rex Chen  |   发布: (编辑)kent.zhu   |   时间:2010-02-20 11:19:47 文字大小:- +

进行中的新设计。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 现在的情况而言(形象较乱较弱),如果应用得当,新的设计可以大幅提高形象和用户体验,在它的竞争对手面前也会继续维持领先。

更多
打印  |  类别:业界信息  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买