全国免费咨询热线

0769-33217326
最新动态
  • 恭喜古总成功加入广东省狮子会

    恭喜古总成功加入广东省狮子会

    2015年4月21日,东莞市商科网络古总成功加入狮子会,现在古总已经是狮子会志飞服务队的一员了。公司的客户和朋友纷纷对古总表示祝贺,恭喜古总成功加入狮子会。古总说:加入狮子会是我一直的

  • 雅虎20年,终于从“不靠谱”走向稳

    雅虎20年,终于从“不靠谱”走向稳

    20岁,对于人类来说,人生才刚刚开始,而对于互联网来说,足以走过一个时代,正如雅虎。作为互联网免费开放的开拓者,雅虎诞生于校园中,创立仅一年便走上了IPO的道路,少年成名,几度风华,或许正是因为少

  • 淘宝从9月开始严禁的极限词

    淘宝从9月开始严禁的极限词

    天猫最近发现部分商家在网页中对商品的宣传使用了“顶级”、“最高级”、“绝无仅有”等绝对化用语,该宣传涉嫌违规《广告法》,淘宝网将针对全网标题、SKU、副标题、商品详情页等位置进行绝对话用

公司动态
东莞网页设计:简单即美
时间:2016年09月18日 信息来源:本站原创 点击:次 字体:

    我们曾大量浏览国内外报刊网络版,发现相当多的网页在设计中一味追求华丽的视觉印象。虽然可能某些地方也颇具特色,但这未必使得网页外观更加赏心悦目,也未必使得浏览过程更加便捷愉快,因此整体上就不能说是成功的。有鉴于此,又衡量了实际可用的设计时间与设计力量,我们考虑:东莞日报网络版的网页不妨一反通常设计者对于精美别致的追求,只求高效与清新,这样仍有可能在众多国内报刊网络版中独树一帜,跻身一流行列。

  这个要求如何实现?随着设计的展开,逐渐明确了两个字-简单。网页中除内容以外的对象都力求简单,在东莞网站设计中的原则之一。

  一、 简单的层次结构

  网页是一种超文本。超文本的本质就是无限的链接与跳转。在网页中点击预置的链接,轻松地就可以跳转到另一个网站或另一个网页。这个特征对于网络版的网页结构有着决定意义。

  信息必须按照便于浏览与查找的方式进行结构化的组织,这是一切成功的信息系统的起码要求。报纸印刷版中运用种种手段进行版面分割、设置"引导点",为专辑、专版、专栏等规定某种固定的版次关系,类似的这些做法,都是在为信息的结构化作努力。由于网页的超文本特性,一者,网页尺寸过大的问题可以避免,二者,网页获得良好结构化的希望有了逻辑上的坚实基础,设计高效实用的导航(导览)系统也有了物理的基础。

  从整体上构思网络版的结构,首先必须考虑一定程度上的分层。最顶层的导航页就是分层的起点,从这里读者浏览全部内容的概况,以便迅速确定下一步的跳转方向。虽然分层是明晰与简化结构的好方法,但也必须节制,不可过细、过深。如果从起始页出发需要点击(连接)超过三次或四次才看到想要的内容,这对读者的耐心多少会是一个考验。

  二、 简单的平面布局

  报纸的幅面是相当大的,这就可能把大量的新闻集中于一张纸上。如对开的东莞日报一个版可以放置六七篇千字文章另加两三张普通大小的图片,即便是小报的版面,可容纳的图文也不会少于大报版面的一半。读者往往习惯于统览整个版面,以便迅速从中选定进一步阅读的图文。

  网页在信息密集度上显然远逊于报纸,因为读者浏览网页必须通过尺寸与分辨率都小于报纸的显示器。即使是在"大屏幕、高分辨率"的条件下,一屏可能含有的图文量仍是远小于报纸的版面(通常也不能多于两篇千字文章)。如果把页面设计成版面那样的尺寸,要完整地浏览一个页面就须不断地纵横滚屏。原则上,网页是不应横向滚屏的,纵向滚屏也是越少越好。所以,网页的尺寸(特别是宽度)必须加以控制,否则无法适应屏幕的尺寸,也无法使读者接受。

  这个重要不同,决定了报纸网络版无法再以传统的版面形式来排布图文。基于版面分割概念的常规版面设计手段,要么不再有效要么不再作用突出,即便是平面视觉设计中一些共同的基本艺术守则,在这两种设计中也体现为不同的要求。总的来说,相对于印刷版,网络版的视觉设计是在狭小幅面上的设计,因此就平面布局而言,一屏网页中的内容过于拥塞容易引起读者的视觉疲劳,也不便于读者搜寻内容。

  大容量网站的起始网页较多采用左中右三列的布局方式。但三列式的布局不完全适于中文新闻网站。

  我们在构思中为了避免上述弊病,基本采用简单的左右两列的布局方式,各部分内容的拼合也有意作宽松的安排。如东莞日报网络版的起始页,顶部是对应于东莞日报各版内容的链接,底部是工具栏(包括一些有关报纸或网站的链接),左边是东莞日报社六报一刊网络版的链接和友好网站的链接,右边是图片新闻和今日导读(包括推荐新闻的标题、提要与链接)。这个导航界面相对简单,但功能比较完整,并且风格洗练、条理清晰,可以较好地发挥浏览效率。

  三、简单的图形、特效

  报纸经过一次性印刷,送达读者手中已是完全的成品。而读者在线浏览网络版,每一个页面都须有一个即时的数据下载过程。这里就有网络的数据传输速率问题,即带宽问题。而带宽过窄正是目前国内网民最难忍受的问题之一。

  去年11月,东莞日报网络版处于正式发布前的测试阶段。当时,为参加省政府主办的"信息化在东莞"展览,曾经运用FLASH技术为网络版制作了一个具有封面性质的网页。它融合了动态图形与配乐音响,具有极强的视听冲击力,在展览会上受到人们的好评,连惯弄视觉与动态的电视记者也为之赞叹。但这种网页传送时要求较高的带宽,否则读者将难以忍受长时间的下载过程。也就是说,引人入胜的网页特效与一般读者对浏览效率的要求发生了矛盾。我们最后的选择是,简化效果以保证效率,在网络版正式推出时毅然舍弃了这个FLASH网页。

  这是一个抗御诱惑、自我克制的例子。实际上,媒体很容易在形式上自我放任,自发地追求一些自我欣赏、并不实用的东西。在网络出版中这个问题特别突出,因为网络出版显然是所有媒体中出版费用最低廉的,它不像其他媒体那样因为出版费用较高而受到相当的抑制。

  对于新闻网页来说,能迅速提供新闻并保证读者方便地在网页上找到想要的新闻,这才是最重要的,而花哨的效果或所谓观赏性不应是它过多考虑的。但另一方面,从版面设计到页面设计的转变,实际是夹带着遗憾的,设计者将感受到某些自己曾经热衷的艺术意味的丧失,作为补偿,他可能愿意多多运用传统报纸设计中无法运用或限于制作费用不能经常运用的手段,大量图形、复杂背景、彩色图像、各种特效,可能都会成为他的新追求。

  这些追求有时明显会进一步恶化读者的带宽困境,有时虽不至于如此,但也可能并不能取得预期的美化效果。因此,面对众多选择,网页设计者的自我克制总是必须的。

  比如,页面背景颜色(或图像、图形)的挑选就应该比较克制。使用过于鲜艳的颜色或过于复杂的图像、图形作为背景,不利于清晰地显示文本或链接。事实上,我们已经见过太多色彩斑斓而难以清晰浏览的网页。另外,根据中国的文化传统,色彩运用上的禁忌实际是比较多的,要为报纸(尤其是党报)找到既符合本身定位又适应人们审美习惯还要显得与众不同的背景色相当困难,这种情况下,谨慎的选择反而易于成功。我们在设计东莞日报网络版时,就此进行了一些尝试,比较后发现,其实,简单地运用白色就可以使页面显得庄重得体。

  当然,简单不应沦为简陋。因此,又考虑在纯净的背景上缀以红色(报名)、蓝色(链接),在广告位加以一定量的其他彩色,这就使得页面并不因为纯白背景的素洁而单调呆滞。除此,在处理起始页上东莞日报社各报刊网络版的链接时,设计师在每个报刊名前放置了一个小色块,这些不同的颜色块既象征着浙报的六报一刊各具个性,也使整个页面显得更生动、更亲切。

  设计和传送网页所凭借的网络软硬环境总在不断发展变化,因此网页设计是一个不断创新、不断完善的过程。相信东莞日报网络版在博采众长、汲取海内外读者各种意见、建议后,将以更为令人赏心悦目的界面面对世人。我们曾大量浏览国内外报刊网络版,发现相当多的网页在设计中一味追求华丽的视觉印象。虽然可能某些地方也颇具特色,但这未必使得网页外观更加赏心悦目,也未必使得浏览过程更加便捷愉快,因此整体上就不能说是成功的。有鉴于此,又衡量了实际可用的设计时间与设计力量,我们考虑:东莞日报网络版的网页不妨一反通常设计者对于精美别致的追求,只求高效与清新,这样仍有可能在众多国内报刊网络版中独树一帜,跻身一流行列。


上一章:深圳市朗奥电子科技有限公司英文版网站签约商科 下一章:企业网站的SEO优化策略与技巧

东莞市商科网络有限公司

地址:东莞市南城区新基地C座503
电话:0769-33217326
手机:13790525905
联系人:古先生

传真:0769-33217326

邮箱:info@plancc.com

版权所有:东莞市商科网络科技有限公司   粤ICP备14079244号-9
地址:东莞市南城区新基地C座503 咨询电话:0769-33217326 固话:0769-33217326