网页设计(网页设计:简单即美)
在为《浙江日报》网站做了几个月的准备之后,我有幸参与并组织了该网站在线版的设计和制作。这项富有挑战性的工作自然首先是一个学习和创造的过程,但从上述意义上来说,它也是一个不断抵制诱惑、变得坚定和成熟的过程。
1999年元旦上线的《浙江日报》网络版实际上包括6份报纸和1期,比如相当复杂的网络版系列《浙江日报》。然而,其网页的整体设计要求非常“简单”:在符合各种报刊印刷版的基本定位和基本风格的前提下,实现高效的结构布局和清新的视觉效果。
我们在网上浏览了大量国内外报刊,发现相当多的网页在设计上盲目追求华丽的视觉印象。虽然有些地方可能有自己的特点,但这并不一定会使网页的外观更令人愉快,也不一定会使浏览过程更方便和愉快,因此不能说它整体上是成功的。有鉴于此,并衡量实际可用的设计时间和设计强度,我们认为:浙江日报网上版的网页也可能违背设计师一贯追求的精致别致,只追求高效率和新鲜感,因此在国内众多的网上版报刊中仍可能独树一帜,成为一流的行列之一。
这一要求是如何实现的?随着设计的发展,两个词——简单——已经被逐渐定义。网页中除了内容之外的所有对象都尽可能简单,这最终成为《浙江日报》网页设计的原则之一。
一.简单的等级制度
网页是超文本。超文本的本质是无限的链接和跳跃。点击网页中的预设链接,您可以轻松跳转到另一个网站或另一个网页。这个特性对网页版本的网页结构具有决定性的意义。
信息必须以易于浏览和查找的结构化方式组织,这是所有成功信息系统的最低要求。在报纸印刷版中,采用各种方法来划分版面,设置“导向点”,并为相册、特刊、专栏等设置一定的固定版本关系。类似的实践都旨在构建信息。由于网页的超文本特性,首先可以避免网页尺寸过大的问题;其次,希望一个结构良好的网页有坚实的逻辑基础,而设计一个高效实用的导航系统也有物理基础。
要将网络版本的结构视为一个整体,首先必须考虑一定程度的分层。顶层导航页面是层次结构的起点,读者可以从中浏览所有内容的大致情况,从而快速确定下一步的跳转方向。虽然分层是澄清和简化结构的好方法,但也必须加以控制,不能太细或太深。如果您需要点击(连接)三四次以上才能从起始页看到想要的内容,这将是对读者耐心的考验。
一些报刊的印刷版在概念上有更高的层次。例如,《钱江晚报》除了每日版面之外,还有七份每周杂志,从周一到周日。每个周刊包含几个特别版本,而特别版本包含专栏(大多数专栏实际上一次只包含一篇文章)。如果您直接复制上面的层次结构,按下“起始页目录(包括每周目录)-特别版目录-栏目目录-图形目录-图形目录”的层次结构,计数箭头将知道您需要点击(连接)从首页到底部内容页四次。在我们的实际概念中,网页的结构处于“起始页面目录(包括每周目录)-特别版目录和图形目录-图形”的简化水平。在二楼的页面上,右边是该周刊所有图片和文本的目录(链接),它们是按照特别版分区排列的。左边是本周刊的特别版目录(链接)。每个链接指向本页右侧的特别版目录区域。进入在此页面之后,您可以单击左侧的链接跳到页面内的特别版目录区域,或者滚动查找特别版目录区域,然后查找新闻标题。在这个简化的层次结构中,您可以通过从顶部单击两三次来连接到新闻(重要新闻可以通过在起始页的简介区域单击一次来连接)。
二、简单的平面布局
报纸的尺寸相当大,这使得将大量新闻集中在一张纸上成为可能。例如,《浙江日报》的一个单独的版本可以包含六七千个字符的印章和两三张普通大小的图片。即使是小报版也能容纳不下大型报纸版的一半。读者通常习惯于浏览整页,以便快速选择图片和文本进行进一步阅读。
网页显然没有报纸信息密集,因为读者必须通过尺寸和分辨率都比报纸小的显示器。即使在“大屏幕和高分辨率”的条件下,一个屏幕可能包含的图形和文本的数量仍然比报纸的版面小得多(通常不超过两千个字符的文本戳)。如果页面被设计成页面大小,你必须垂直和水平滚动才能完全浏览页面。原则上,网页不应该水平滚动,垂直滚动越少越好。因此,网页的大小(尤其是宽度)必须得到控制,否则它不能适应屏幕的大小,也不能被读者接受。
这一重要区别决定了报纸网络版不再能以传统的版面形式编排图文。基于布局分割概念的传统布局设计方法要么不再有效,要么不再有效。即使是平面视觉设计中一些常见的基本艺术规则,也反映在两种设计的不同要求中。一般来说,与印刷版本相比,在线版本的视觉设计是在一个狭窄的格式上设计的。因此,就平面布局而言,网页一屏内容过于拥挤,容易导致读者视觉疲劳,不便于读者搜索内容。
大容量网站的起始页大多从左到右排列成三列。然而,三栏布局并不完全适合中国新闻网站。
为了避免上述缺点,我们在构思中基本上采用了简单的左栏和右栏布局,每个部分的构成都刻意放松。例如,《浙江日报》网络版的起始页在顶部有与《浙江日报》各版本内容相对应的链接,在底部有工具栏(包括一些与报纸或网站相关的链接),左边有《浙江日报》第一期报纸的网络版链接和友好网站的链接,右边有图片新闻和今天的介绍(包括推荐新闻的标题、摘要和链接)。该导航界面相对简单,但功能相对完整,风格简洁明了,能够充分发挥浏览效率。
三、简单图形、特效
在一次性印刷之后,报纸作为完整的成品交付给读者。当读者浏览在线版本时,每个pa
去年11月,《浙江日报》的网络版在正式发行前处于测试阶段。当时,为了参加省政府的“浙江信息”展览,使用了FLASH技术创建了一个带有封面属性的网页,用于网络版。它是动态图形和声音的结合,具有很强的视听效果。它在展览会上受到了人们的欢迎,甚至受到了电视记者的称赞,他们习惯于观看和观看动态。然而,这种网页在传输时需要更高的带宽,否则读者会发现很难忍受长时间的下载过程。换句话说,网页吸引人的特殊效果与一般读者对浏览效率的要求相矛盾。我们最终的选择是简化效果以保证效率,并在在线版正式推出时坚决放弃了这个FLASH网页。
这是抵制诱惑和自我克制的一个例子。事实上,媒体很容易沉溺于形式,自发地追求一些自我欣赏和不切实际的东西。这一问题在网络出版中尤为突出,因为网络出版显然是所有媒体中最便宜的,而且它也没有像其他媒体那样受到较高出版成本的制约。
对于新闻网页来说,最重要的是快速提供新闻,并确保读者能够在网页上轻松找到想要的新闻,而花哨的效果或所谓的浏览不应该考虑太多。然而,另一方面,从版面设计到页面设计的转变却伴随着遗憾。设计师会感到失去了一些他喜欢的艺术意义。作为补偿,他可能愿意更多地使用传统报纸设计中不能使用的方法,或者由于有限的生产成本而不能经常使用的方法。大量的图形、复杂的背景、彩色图像和各种特殊效果可能成为他的新追求。
这些追求有时显然会加剧读者的带宽困境。虽然有时情况并非如此,但它可能无法达到预期的美化效果。因此,面对许多选择,网页设计师的自我约束总是必要的。
例如,页面背景颜色(或图像、图形)的选择应该相对受限。使用太亮的颜色或太复杂的图像和图形作为背景不利于清楚地显示文本或链接。事实上,我们已经看到了太多难以浏览清楚的彩色网页。此外,根据中国的文化传统,颜色的使用实际上有许多禁忌。很难为报纸(尤其是党报)找到一种既符合自身定位,又能适应人们审美习惯,而且显得与众不同的背景色。在这种情况下,仔细的选择很容易成功。在设计《浙江日报》网络版时,我们在这方面做了一些尝试。经过比较,我们发现,事实上,简单地使用白色可以使页面看起来庄严和体面。
当然,简单不应该简化为简单。因此,还考虑将红色(注册)和蓝色(链接)添加到纯背景中,并将一定量的其他颜色添加到广告空间中,这使得页面不会因为纯白色背景而变得单调乏味。此外,当在首页处理浙江日报在线版之间的链接时,设计师在每份报纸的名称前放置了一个小颜色块。这些不同的颜色块不仅象征着六家报纸和一份《浙江日报》的个性,而且使整页更加生动和友好。
网页设计和传播的网络软硬环境在不断变化,因此网页设计是一个不断创新和改进的过程。相信《浙江日报》网络版在吸取了国内外读者的意见和建议后,将会以更加愉悦的界面面向世界。