我们浏览了大量国内外报刊网络版,发现不少网页在设计上盲目追求华丽的视觉印象。 虽然有些地方可能很有特色,但这可能并不能让网页的外观更加顺眼,也不可能让浏览过程变得更加方便和愉快,所以整体上还不能说是成功的。 鉴于此,在衡量了实际可用的设计时间和设计力后,我们认为《东莞日报》网络版不妨一反通常设计师追求精致和独特的态度,只追求效率和新鲜感。 这样一来,它还是能够在国内众多网络版报刊中独树一帜,名列前茅的。
如何实现这个需求呢? 随着设计的展开,两个词逐渐清晰起来——简约。 网页中除内容以外的对象力求简单,这是网页设计的原则之一。
1.简单的层次结构
网页是一种超文本。 超文本的本质是无限的链接和跳转。 点击网页上预设的链接,可以轻松跳转到另一个网站或网页。 这一特征对于网络版的网页结构具有决定性的意义。
信息必须以易于浏览和搜索的方式结构化和组织。 这是任何成功的信息系统的最低要求。 在报纸印刷版中,通过各种手段来划分页面,设置“引导点”,为画册、专页、栏目等提供一定的固定版本关系,这些做法都是在结构化信息的努力。 由于网页的超文本特性,首先可以避免网页尺寸过大的问题; 其次,结构良好的网页希望有坚实的逻辑基础,也有设计高效实用的导航(指南)系统的物理基础。 基础。
要构思网络版的整体结构,首先要考虑一定程度的分层。 顶级导航页面是层次结构的起点。 从这里,读者可以浏览所有内容的概览,从而快速确定下一步的跳转方向。 虽然分层是澄清和简化结构的好方法,但必须控制它,不能太详细或太深。 如果你需要从起始页点击(连接)三四次以上才能看到你想要的内容,这将是对读者耐心的考验。
2、平面布局简单
报纸的版面很大,可以将大量的新闻集中在一张纸上。 例如,《东莞日报》的一个版面可以容纳六七千字的文章加上两三张普通尺寸的图片。 即使是小报的一页,也能容纳不少于大报一半的图文。 读者通常习惯于扫描整个页面,以便快速选择图片和文本进行进一步阅读。
网页的信息密度显然远远小于报纸,因为读者必须通过尺寸和分辨率比报纸更小的显示器来浏览网页。 即使在“大屏幕、高分辨率”的条件下,一个屏幕上可能包含的图文数量仍然远小于一份报纸的版面(通常不会超过两千字的文章)。 如果页面设计为与布局大小相同,则您将必须垂直和水平滚动才能完全浏览页面。 网页原则上不应水平滚动,垂直滚动越少越好。 因此,必须控制网页的尺寸(尤其是宽度),否则无法适应屏幕的尺寸,无法被读者接受。
这一重要的区别决定了网络版报纸不能再按照传统格式排列图片和文字。 传统的基于布局划分概念的布局设计方法要么不再有效,要么不再突出。 甚至平面视觉设计中一些共同的基本艺术规则,在两种设计中也体现出不同的要求。 一般来说,与印刷版相比,网络版的视觉设计是在较窄的版式上设计的。 因此,从图文布局上来说,网页一屏内容过多,很容易造成读者视觉疲劳,不方便读者搜索。 内容。
大容量网站的起始页通常采用左、中、右三栏的布局。 然而,三栏布局并不完全适合中国新闻网站。
为了避免我们构思中的上述弊端,我们基本采用左右两栏的简单布局,各部分的内容也刻意安排得松散。 例如,《东莞日报》网络版首页,上方是《东莞日报》各版内容对应的链接,下方是工具栏(包括一些报纸或网站的链接),左侧是链接到《东莞日报》六报一期网络版。 以及友好网站的链接。 右侧为图片新闻和今日介绍(包括推荐新闻的标题、概要和链接)。 这个导航界面比较简单,但是功能比较齐全,而且风格简洁明了,能够更好的最大化浏览效率。
3.简单的图形和特效
报纸印刷一次后作为完整的成品到达读者手中。 读者在线浏览网络版时,每个页面都必须有即时的数据下载过程。 这里就是网络的数据传输速率的问题,即带宽问题。 带宽窄是目前国内互联网用户最难以忍受的问题之一。
去年11月东莞网页设计,《东莞日报》网络版正处于正式发布前的测试阶段。 当时为了参加省政府主办的“东莞信息化”展览,我用FLASH技术制作了网络版的封面。 它将动态图形与配乐和声音相结合,具有强烈的视听冲击力。 受到展会现场人士的一致好评,就连习惯于视觉化、动感作品的电视台记者也纷纷称赞。 但这种网页在传输时需要较高的带宽,否则读者将无法忍受漫长的下载过程。 换句话说,吸引人的网页特效与一般读者对浏览效率的要求相冲突。 我们最终的选择是简化效果保证效率,并在网络版正式上线时毅然放弃了这个FLASH网页。
这是抵制诱惑和自我约束的一个例子。 事实上,媒体很容易在形式上自我放纵,自发地追求一些自我欣赏而不切实际的东西。 这个问题在网络出版中尤为突出,因为网络出版显然是所有媒体中最便宜的。 它不像其他媒体那样受到高昂的出版成本的抑制。
对于新闻网页来说,最重要的是能够快速提供新闻并保证读者能够轻松地在网页上找到自己想要的新闻,而花哨的效果或者所谓的观赏性不应该过多考虑。 但另一方面,从版式设计到页面设计的过渡,其实也充满了遗憾。 设计师会感觉失去了一些他曾经热衷的艺术意义。 作为补偿,他可能愿意更多地利用传统报纸设计中无法使用的传统报纸设计方法。 使用因制作成本而不能经常使用的手段,大量的图形、复杂的背景、色彩缤纷的图像、各种特效可能会成为他新的追求。
有时这些追求显然会进一步恶化读者的带宽困境。 有时,虽然不是那么多,但也可能达不到理想的美化效果。 因此,面对如此多的选择,网页设计师的自我约束始终是必须的。
例如,页面背景颜色(或图像、图形)的选择应该更加克制。 使用过于鲜艳的颜色或过于复杂的图像或图形作为背景不利于清晰地显示文本或链接。 事实上,我们见过太多色彩斑斓而难以清晰阅读的网页。 另外,根据中国文化传统,色彩的使用其实也有很多禁忌。 报纸(尤其是党报)要找到一种既符合自身定位、适应人们审美习惯,又显得与众不同的底色是非常困难的。 在这种情况下,谨慎的选择更有可能带来成功。 我们在设计《东莞日报》网络版的时候,就在这方面做了一些尝试。 经过比较,我们发现,其实简单的使用白色就可以让页面显得庄重、得体。
当然,简单不应该退化为简单。 因此,我们还考虑用红色(注册)和蓝色(链接)装饰纯背景,并在广告空间中添加一定量的其他颜色,这样页面就不会因为纯白色背景而显得单调和沉闷。 另外,在处理首页的《东莞日报》网络版报刊链接时,设计师在每份报纸名称前放置了一个小色块。 这些不同的色块象征着六份报纸和一期《浙江日报》。 更加个性化,让整个页面更加生动、友好。
用于设计和交付网页的网络软硬件环境总是在发展和变化东莞网页设计,因此网页设计是一个不断创新和改进的过程。 相信《东莞日报》网络版博采众长,吸纳海内外读者的各种意见和建议后,一定会以更加赏心悦目的界面面对世界。