文字設計和視覺文化

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地址將不會被發布或透漏。 標記*的項目為必填項目。

*
*

作者 / 譯者