Slate杂志的优化视觉传达设计案例

美是人类永远追求的话题，在这个“视觉文化”时代，新媒体技术带来了人们对感官刺激的无限追求。网络杂志能否传达美的页面设计效果，是关乎其受众数量和用户使用效果的重要因素。Slate杂志从创立初始到今天，历经多次改版，通过不断完善其页面布局与可用性来提升用户的使用体验。下文将Slate杂志和Salon杂志的页面设计作对比，探究Slate杂志的视觉传达特征。

一、页面布局

网络杂志比印刷杂志的排版更具灵活性和创造性，针对越来越挑剔的读者，如何组织页面符号显得尤为重要。Slate和Salon都是严肃的新闻评论类杂志，因此在主色调的选择上都以暗沉为主，达到一种醒目而严肃、深沉中略带活泼的效果。两家杂志的视觉中心都依靠图片形成，设置在页面左上角，但显然，Salon的视觉中心更鲜明，而Slate的视觉中心被广告所挤占。整体布局上，Salon也比Slate更简洁，视域分块更清晰。不过，从首页信息的承载量来看，Slate杂志的内容更为丰富。从两个杂志的页面布局可看出，Slate以“博客式杂志”为特色，在页面左侧设置了一个博客导航，同时网站还嵌入新闻评论视频，增强其多媒体功能。相比于Slate，Salon的多媒体功能就不那么突出了。但可以看到，它强调的是一种互动、分享新闻资讯的精神，以Salon网站为主平台，同时在脸书、推特、Google＋，Pinterest等社交网站上创建分站点，即时发布最新信息，并供活跃在社交媒体上的读者分享和评论，要了解详细内容，就可通过超链接进入主平台阅读（见图4－15）。

图4－15　Slate杂志和Salon杂志首页对比

在杂志首页的分栏上，Slate采用了三栏式排版。由于Slate以“博客式杂志”为特色，在它的左侧设置了博客导航区，以主题分类。右侧栏目主要是广告图片、固定的视频Slate V栏目和热读文章、热评文章排行榜等。中间一栏为不断更新的文章导航，由于受两侧栏目的挤压，就相对缩小了。这种三栏式排版呈现的内容多，信息量大，但缺失了简洁性。而Salon则是两栏式排版，图片所占比例较大，以高清无码和精致的大图增强读者的视觉冲击力。两个杂志的页面都采用无刷新的超长信息流形式，这种通过下拉不断出现新内容的方式能引导用户长时间停留，而且文章导航都已采用“图片＋标题＋提要”的方式，读者不需点击就可了解文章概要，看到感兴趣的内容，读者可以点击进入深入阅读。这样的文章导航引导了读者从“标题－内容页”向“平行信息区块”的过渡。每一个信息模块都是独立存在，用户不是必须进入次级页面才能浏览详情（见图4－16）。从文章正文的编排方式上，Slate和Salon都采用了两栏式排版，且图文混排，基本上每篇文章都是“图＋文”的形式，并尽量保证信息的视觉化，通过图表、照片、视频，以及调整字体、字号、字体颜色等方式唤起读者的注意力。并善用小标题使文章分块，因为纯文字的排版易令人眼花，造成阅读压力。

图4－16　Slate杂志和Salon杂志分栏对比

二、多终端实用性(www.xing528.com)

美观的页面设计固然对吸引读者阅读有重要作用，但页面的可用性和易用性同样是网络杂志界面设计的重要考虑因素。如何快速找到所需信息、如何明了地传达文章观点，都关乎用户的阅读体验。如上文所述，页面编排方式对界面易用性的影响很大。此外，随着手机、iPad等移动阅读设备的普及，网络杂志随时随地阅读的优势更得以充分体现。目前，Slate杂志开发的移动阅读App平台已包括iPad，iPhone，Android，Kindle Fire，以及适用于黑莓等机型的手机阅读网站。为达到良好的用户体验，根据不同的屏幕，其界面设计也不同。

网页版Slate由于电脑屏幕大，把一个宽屏的页面划分成了三个栏目，因为生理学研究表明，在阅读时眼球需要不断移动，视线由一行移到另一行时，眼球也需要移动。电脑的宽屏幕使人的视幅也变宽，那么在换行时所需眼球转动的时间也相对变长，而眼球移动次数越多越容易感到疲劳。分成多个栏目既出于审美的需要，也是基于用户体验的细节设计。而iPhone版Slate采用了简洁的一栏式排列，因为手机屏幕宽度有限，视域狭窄，用户需要的是最简洁、最直接的呈现。对于iPad版Slate来说，屏幕大小和操作功能都介于电脑和手机之间，因此在页面布局上存在一定的发挥空间，所以主页把上页面作为视觉中心，可滚动性播放新闻图片，使它具有一定的“动态感”，下页面就是简洁的“图片＋标题＋提要”式内容导航，读者可快速点击进入正文进行阅读或分享、评论等。此外，对于用户来说，页面加载的流畅度、缩放流畅度等都影响读者阅读（见图4－17）。

图4－17　不同阅读设备的Slate主页布局比较

（骆双丽，《Slate杂志的视觉传达设计》，原载《数字出版案例研究》，刘锦宏主编，电子工业出版社2013年9月版，第42页至第45页。）

评析：

网络杂志的设计应当适应其内容，体现网络杂志的特点。Slate和Salon都是严肃的新闻评论类网络杂志，因此主色调都以暗沉为主，达到一种醒目而严肃、深沉中略带活泼的效果。新闻类网络杂志的设计应简明扼要、清晰易读，如Slate设置的博客导航区增强了杂志的导读功能。

网络出版物的出现，促使大众的阅读方式由纸质阅读转向数字阅读。在设计网络杂志时，应坚持以读者为中心，提升他们的数字阅读体验。通过Slate与Salon的设计对比可知，页面设计的两栏式排版、“图片＋标题＋提要”文章导读形式、“图＋文”正文形式减轻了读者的视觉压力。界面设计应当立足于读者，如Slate的滚动性新闻图片、新闻视频等多媒体形式，满足了互联网时代受众获取信息的需求；分享、评论等交互性设计，为读者提供了与编辑人员、其他阅读者互动与交流的平台；多终端的界面优化设计，使读者随时随地阅读更为方便。

除每一页设计尽善尽美外，还应增强网络杂志设计风格的整体性。设计人员在进行编排设计时，需要使各个页面排版风格保持一致，让读者能够更好地了解网络杂志所要传递的信息内容。