新浪博客

《卫报》传统纸媒和iPad应用版面设计分析

2014-03-11 14:30阅读:

一、简要介绍

(一)纸媒

《卫报》传统纸媒和iPad应用版面设计分析
《卫报》传统纸媒和iPad应用版面设计分析
1 《卫报》纸质版

(二)iPad应用

iPad版首页十分简洁。头版顶端放置每日头条,配以醒目大图片和超大字号的文字。在下方页面则分割成不同颜色的矩形模块,每一个模块都代表着“国内”、“国际”、“金融”、“体育”等
不同的专题的链接。
所有模块大小各致,根据当日各模块新闻的重要性与导读图片文字的大小改变。模块颜色各不相同,但排列起来显得错落有致,画面色彩丰富,视觉冲击感强,但又显得清爽,毫无混乱繁琐之感。
点入某一版块链接后,又出出现本版块的导读,同样又将本版块今日重要新闻分割成大小模块,注明标题,匹配相关图片。点击标题格子进入新闻正文。

《卫报》传统纸媒和iPad应用版面设计分析
2 《卫报》iPad

二、版面空间

(一)区域

1、版序
纸质版与iPad的头版都有导读功能。纸质头版的导读栏宽大,选择重要新闻,匹配冲击力大图。头版有时配占据三个基本栏的大图来增加吸引力。iPad的首页顶放置与纸质版相同头图,下方不同色彩模块做导读。
纸质版中缝左右侧刊登新闻无明显区别,但是广告一般放在中缝右侧。
《卫报》传统纸媒和iPad应用版面设计分析
《卫报》传统纸媒和iPad应用版面设计分析
23 《卫报》纸质版头版
2、区序
纸质版采用“柏林版”,报型修长,因此大报区序作用体现不明显。一般主要篇目在左上区域,占据左上方四个基本栏。右侧一个基本栏及左下方剩下的空间分别刊登另外两篇文字(因日期而异)。
iPad版文章区序简单,由上向下滚动即区序。
《卫报》传统纸媒和iPad应用版面设计分析
《卫报》传统纸媒和iPad应用版面设计分析
45 《卫报》与《卫报》Weekly

(二)面积

纸质版中,面积区别明显。首先,重要新闻一般会配置较大图片吸引关注。其次,同版中的主要新闻自然会占据版面的主要空间,并且会以大于其它篇目标题突出其重要性。
iPad版中,导读模块根据重要性设置不同的大小,越重要的新闻模块越大,还会配以新闻图片,增加其醒目。

《卫报》传统纸媒和iPad应用版面设计分析 《卫报》传统纸媒和iPad应用版面设计分析
67:面积对比

(三)距离

纸质版中,稿件之间的距离根据需要而定,不统一。
iPad版中,首页模块等距,点入的每一界面均只有一篇文章,无距离概念。

(四)形状

纸质版是垂直水平混合式版式或水平板式,形状多为简单而标准的矩形组合,有个别穿插。
iPad版首页被分割成代表不同版的矩形模块,错落拼接,每类新闻首页形式类似。报道内容页则无形状概念。

三、编排手段

(一)字符

从字体字号来看,《卫报》纸质版和网站有明显区别。
1字体
纸质版中,所有的文字都为同种有衬线字体。这种字体适合在在纸质报纸的小字号情况下增加可读性。同时,报名和标题也用衬线文字,体现了《卫报》传统的严谨、严肃,给人稳重感和信任感。
iPad《卫报》字体也较单一(但粗细颜色变化丰富)。头条标题等采用Georgia字体,也属于衬线字体,有效增加可视度。而正文部分,由于iPad屏幕较小,固也采用衬线字体方便阅读。
2字号
《卫报》纸质版中,报名、标题字号明显较大,醒目突出,承担了头版吸引眼球的重要作用。而正文字号极小,和标题差异明显。
iPad版中,报名、标题等仍然较大,但与正文的差别明显较小,强调的意味减弱。

(二)图像

纸质版中,头版图片巨大醒目,形成视觉中心(有时甚至半个版面图片)。其他版面图文比例适中,也有众多版面图文比超过6:4,具有吸引读者和导读的作用,也增加了文章形象性。
iPad版首页完全由图片模块构成。整个版面由若干矩形模块拼接而成,比较类似Windows8Metro界面。版面的上部为头条和头图,十分醒目,图文模块相间,错落有致。进入文字页面后,顶端仍有大图加标题几乎全幕,视觉冲击极强。
《卫报》传统纸媒和iPad应用版面设计分析 《卫报》传统纸媒和iPad应用版面设计分析
8910 《卫报》图像对比

(三)线条

纸质版线条简单。反线间隔板块,图片等,版心与空白等,具有强势作用;正线分隔文章,主要是区分作用。总的来说,线条运用不多,且均为水线,体现了《卫报》严谨沉稳的风格。
iPad线条运用相比更少,只在每篇文章内部,有一些浅色正线做分隔作用。

(四)色彩

纸质版全部为彩色印刷。正文全部为黑色,色彩主要来自配图。头版色调较为稳重,由于顶端有《卫报》报头,以深蓝色为主,配图颜色与之较协调,强势作用明显,这体现了《卫报》沉稳的风格。其他各版面图片色彩较为丰富,彩度较高,突出了重要内容。
iPad版中,“报头”保持了《卫报》深蓝色的样式。其他模块纯色模块加文字配同色系新闻图片,配色功力出色。所有的版面绚丽而协调,充分发挥了iPad Retina屏幕的优势。
《卫报》传统纸媒和iPad应用版面设计分析
11 iPad《卫报》色彩

四、版式与布局

(一)报型、版式

报型为“柏林式”瘦报,适应小报化的趋势。节省了大量成本,而且翻看也更加方便。如果对折,得到的小版本与原来的长宽比完全相同。也有人解读这表明《卫报》在顺应小报化浪潮同时仍追求大报风格与高端定位。
版式为垂直水平混合式或水平板式,兼有两者优点。
根据iPad屏幕形状,分为横版和竖版两种显示模式,但并不拘泥于屏幕大小而向下延伸。
《卫报》传统纸媒和iPad应用版面设计分析 《卫报》传统纸媒和iPad应用版面设计分析
1213 水平板式与垂直水平混合版式

《卫报》传统纸媒和iPad应用版面设计分析 《卫报》传统纸媒和iPad应用版面设计分析
1415 iPad横竖样式

(二)版心及基本栏设计

纸质版整体上为5个基本栏,变栏情况相对较少,遇图片则会经常打破分栏。此外头版顶端导读栏有通栏。
iPad无版心概念,布满屏幕。每类有模块拼接,每篇文章点入后只有一个栏。

(三)稿件的布局结构

纸质版稿件几乎全部为排列。以2013612日为例,50版中,只有4个版面存在穿插情况,全部为广告内容,使得报纸呈现倒“L”型。
iPad版中首页和分类首页中只有导读性质内容,为矩形模块拼接。点入后每篇文章单独出现,不存在稿件布局结构问题。
《卫报》传统纸媒和iPad应用版面设计分析 《卫报》传统纸媒和iPad应用版面设计分析 《卫报》传统纸媒和iPad应用版面设计分析
161718 排列与穿插

五、总结与评价

(一)总结

《卫报》传统纸媒和iPad应用版面设计分析

(二)评价

1纸质版
风格严谨、沉稳,但随着全部彩印和“瘦身”之后,更加方便,更有活力。
1)设计感强:
每期版面设计、图文配合都有不同,设计感强,展现变动之美。
2)分类、结构清晰:利于读者阅读。
3)有副刊:满足更多阅读需求。
4)不足:收费;广告较iPad多(盈利需要);需要单独携带。
2iPad
活泼,简洁,风格统一。
1)活泼:版面导读模块颜色丰富,拼接错落有致
2)简洁:模块拼接,避免信息杂乱无章排列在主页,清晰有致
3)风格统一:主页与二级版块页面风格统一,形成视觉感受的连贯性。
4)阅读体验佳:色彩饱满,视觉效果绝佳,文章自成一页,阅读干扰少。
5)内容免费:免费订阅。
5)缺点:反复进出一、二、三级界面,较为繁琐。
3总评:
纸质版和iPad版总体上都沿袭着《卫报》的传统风格,不过前者更沉稳,后者显活泼。可以说各满足了某些用户的需求。两者各有优缺点,相互补充,为《卫报》打造多媒体转型之路。

我的更多文章

下载客户端阅读体验更佳

APP专享