易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

网页设计:简单即美

来源:网站建设行业资讯网
添加时间:2021-11-26
报纸的网络版发布后,与网上读者直接见面的就是网页,大致可以说,它对应于纸介印刷版的版面。显然,相对于传统的版面,网络版的网页意味着新的特征和新的可能。这些随因特网技术发展而不断扩展的新可能无疑是令人兴奋的,但其中也暗藏"陷阱"。确有不少网页设计者情不自禁地在作品中过多地置入自赏或炫技的成份,导致网页外观或结构的缺陷,影响了浏览效果。
  浙江日报网站筹建经历数月,我有幸参与其中,组织实施网络版网页的构思与设计制作。这项富有挑战性的工作,自然首先是一个学习的过程、创意的过程,但从前述意义来说,倒更是一个不断抗御诱惑而趋向坚定和成熟的过程。
  1999年元旦上网的浙江日报网络版实际包含浙江日报等六报一刊,这是一个比较复杂的网络版系列。但其网页总体设计要求却十分"简单":在符合各报刊印刷版根本定位与基本风格的前提下,实现高效的结构布局与清新的视觉效果。
  我们曾大量浏览国内外报刊网络版,发现相当多的网页在设计中一味追求华丽的视觉印象。虽然可能某些地方也颇具特色,但这未必使得网页外观更加赏心悦目,也未必使得浏览过程更加便捷愉快,因此整体上就不能说是成功的。有鉴于此,又衡量了实际可用的设计时间与设计力量,我们考虑:浙江日报网络版的网页不妨一反通常设计者对于精美别致的追求,只求高效与清新,这样仍有可能在众多国内报刊网络版中独树一帜,跻身一流行列。
  这个要求如何实现?随着设计的展开,逐渐明确了两个字-简单。网页中除内容以外的对象都力求简单,这最终成了浙江日报网络版网页设计的原则之一。
  一、简单的层次结构
  网页是一种超文本。超文本的本质就是无限的链接与跳转。在网页中点击预置的链接,轻松地就可以跳转到另一个网站或另一个网页。这个特征对于网络版的网页结构有着决定意义。
  信息必须按照便于浏览与查找的方式进行结构化的组织,这是一切成功的信息系统的起码要求。报纸印刷版中运用种种手段进行版面分割、设置"引导点",为专辑、专版、专栏等规定某种固定的版次关系,类似的这些做法,都是在为信息的结构化作努力。由于网页的超文本特性,一者,网页尺寸过大的问题可以避免,二者,网页获得良好结构化的希望有了逻辑上的坚实基础,设计高效实用的导航(导览)系统也有了物理的基础。
  从整体上构思网络版的结构,首先必须考虑一定程度上的分层。最顶层的导航页就是分层的起点,从这里读者浏览全部内容的概况,以便迅速确定下一步的跳转方向。虽然分层是明晰与简化结构的好方法,但也必须节制,不可过细、过深。如果从起始页出发需要点击(连接)超过三次或四次才看到想要的内容,这对读者的耐心多少会是一个考验。
  有的报刊印刷版在概念上有较多的层次,如钱江晚报,在日常版面之外另有七个周刊,分别安排在周一至周日,每个周刊各含几个专版,专版下又含专栏(多数栏目实际一次只含一篇文章)。如果直接照搬上述层次关系,按"起始页总目(含周刊目录)->专版目录->专栏目录->图文目录->图文"这样的层次结构,计数箭头就知道,从顶层页面到底层内容页面需要点击(连接)四次。我们在实际构思中,网页结构按缩减的"起始页总目(含周刊目录)->专版目录及图文目录->图文"的层次。在第二层的页面上,右边是本期周刊全部图文的目录(链接),它们按专版分区排列,左侧是本期周刊的专版目录(链接),各链接即指向本页右边的各专版图文目录区,进入本页后,既可点击左侧链接通过页内跳转到达某个专版的图文目录区,也可通过滚屏找到该专版的图文目录区,随后找到新闻标题。在这个简化的层次结构中,从顶层起点击两次或三次就可以连接到新闻(重要新闻通过起始页的导读区可以一次点击连到)。
  二、简单的平面布局
  报纸的幅面是相当大的,这就可能把大量的新闻集中于一张纸上。如对开的浙江日报一个版可以放置六七篇千字文章另加两三张普通大小的图片,即便是小报的版面,可容纳的图文也不会少于大报版面的一半。读者往往习惯于统览整个版面,以便迅速从中选定进一步阅读的图文。
  网页在信息密集度上显然远逊于报纸,因为读者浏览网页必须通过尺寸与分辨率都小于报纸的显示器。即使是在"大屏幕、高分辨率"的条件下,一屏可能含有的图文量仍是远小于报纸的版面(通常也不能多于两篇千字文章)。如果把页面设计成版面那样的尺寸,要完整地浏览一个页面就须不断地纵横滚屏。原则上,网页是不应横向滚屏的,纵向滚屏也是越少越好。所以,网页的尺寸(特别是宽度)必须加以控制,否则无法适应屏幕的尺寸,也无法使读者接受。
  这个重要不同,决定了报纸网络版无法再以传统的版面形式来排布图文。基于版面分割概念的常规版面设计手段,要么不再有效要么不再作用突出,即便是平面视觉设计中一些共同的基本艺术守则,在这两种设计中也体现为不同的要求。总的来说,相对于印刷版,网络版的视觉设计是在狭小幅面上的设计,因此就平面布局而言,一屏网页中的内容过于拥塞容易引起读者的视觉疲劳,也不便于读者搜寻内容。
  大容量网站的起始网页较多采用左中右三列的布局方式。但三列式的布局不完全适于中文新闻网站。
  我们在构思中为了避免上述弊病,基本采用简单的左右两列的布局方式,各部分内容的拼合也有意作宽松的安排。如浙江日报网络版的起始页,顶部是对应于浙江日报各版内容的链接,底部是工具栏(包括一些有关报纸或网站的链接),左边是浙江日报社六报一刊网络版的链接和友好网站的链接,右边是图片新闻和今日导读(包括推荐新闻的标题、提要与链接)。这个导航界面相对简单,但功能比较完整,并且风格洗练、条理清晰,可以较好地发挥浏览效率。
  三、简单的图形、特效
  报纸经过一次性印刷,送达读者手中已是完全的成品。而读者在线浏览网络版,每一个页面都须有一个即时的数据下载过程。这里就有网络的数据传输速率问题,即带宽问题。而带宽过窄正是目前国内网民最难忍受的问题之一。
  去年11月,浙江日报网络版处于正式发布前的测试阶段。当时,为参加省政府主办的"信息化在浙江"展览,曾经运用FLASH技术为网络版制作了一个具有封面性质的网页。它融合了动态图形与配乐音响,具有极强的视听冲击力,在展览会上受到人们的好评,连惯弄视觉与动态的电视记者也为之赞叹。但这种网页传送时要求较高的带宽,否则读者将难以忍受长时间的下载过程。也就是说,引人入胜的网页特效与一般读者对浏览效率的要求发生了矛盾。我们最后的选择是,简化效果以保证效率,在网络版正式推出时毅然舍弃了这个FLASH网页。
  这是一个抗御诱惑、自我克制的例子。实际上,媒体很容易在形式上自我放任,自发地追求一些自我欣赏、并不实用的东西。在网络出版中这个问题特别突出,因为网络出版显然是所有媒体中出版费用最低廉的,它不像其他媒体那样因为出版费用较高而受到相当的抑制。
  对于新闻网页来说,能迅速提供新闻并保证读者方便地在网页上找到想要的新闻,这才是最重要的,而花哨的效果或所谓观赏性不应是它过多考虑的。但另一方面,从版面设计到页面设计的转变,实际是夹带着遗憾的,设计者将感受到某些自己曾经热衷的艺术意味的丧失,作为补偿,他可能愿意多多运用传统报纸设计中无法运用或限于制作费用不能经常运用的手段,大量图形、复杂背景、彩色图像、各种特效,可能都会成为他的新追求。
  这些追求有时明显会进一步恶化读者的带宽困境,有时虽不至于如此,但也可能并不能取得预期的美化效果。因此,面对众多选择,网页设计者的自我克制总是必须的。
  比如,页面背景颜色(或图像、图形)的挑选就应该比较克制。使用过于鲜艳的颜色或过于复杂的图像、图形作为背景,不利于清晰地显示文本或链接。事实上,我们已经见过太多色彩斑斓而难以清晰浏览的网页。另外,根据中国的文化传统,色彩运用上的禁忌实际是比较多的,要为报纸(尤其是党报)找到既符合本身定位又适应人们审美习惯还要显得与众不同的背景色相当困难,这种情况下,谨慎的选择反而易于成功。我们在设计浙江日报网络版时,就此进行了一些尝试,比较后发现,其实,简单地运用白色就可以使页面显得庄重得体。
  当然,简单不应沦为简陋。因此,又考虑在纯净的背景上缀以红色(报名)、蓝色(链接),在广告位加以一定量的其他彩色,这就使得页面并不因为纯白背景的素洁而单调呆滞。除此,在处理起始页上浙江日报社各报刊网络版的链接时,设计师在每个报刊名前放置了一个小色块,这些不同的颜色块既象征着浙报的六报一刊各具个性,也使整个页面显得更生动、更亲切。
  设计和传送网页所凭借的网络软硬环境总在不断发展变化,因此网页设计是一个不断创新、不断完善的过程。相信浙江日报网络版在博采众长、汲取海内外读者各种意见、建议后,将以更为令人赏心悦目的界面面对世人。

网站建设计最新案例赏析:


欧马腾会展科技网站制作首页设计效果图
欧马腾会展科技
深圳尚青文化创意网站制作首页设计效果图
深圳尚青文化创意
东莞莲泉净水设备网站制作首页设计效果图
东莞莲泉净水设备
广州恒星制冷设备集团网站制作首页设计效果图
广州恒星制冷设备集团
深圳共安智能科技网站制作首页设计效果图
深圳共安智能科技
深圳四强科技网站制作首页设计效果图
深圳四强科技
佛山红海豚门业网站制作首页设计效果图
佛山红海豚门业
山东博纳电气网站制作首页设计效果图
山东博纳电气
广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
深圳信可威空间规划设计网站制作首页设计效果图
深圳信可威空间规划设计
 

网站建设行业资讯推荐阅读:


通过微信程序来反思深圳网站制作的问题如何寻找好的深圳网站建设公司网站建设排名不是非常好的原因有什么网站改版注意事项(攻略)手机网站建设移动市场怎样才能取胜有什么关键网站有排名却没有流量的原因网页设计中怎样设计出优质图片做网站推广时常用的几种基本方法建站文章——要有合理的操作理念才是最重要的网站首页设计的四种方法 怎么进行网页设计才是正确的电子电器行业网站建设策划案例网站空间为什么打不开自身制作网站复不繁杂网页设计离不开的基本要素购物网站设计都需要在网站里面加入哪些功能深圳网站建设讲解内容营销的七大原则大中小型企业需不需要做网站,深圳企业网站建设,高新科技服务好的网页设计与制作企业网站开发涉及哪些网站被动营销与主动营销SEO服务-在线商业促销深圳网站建设中,从初期到后期我们要关注些什么微信营销要掌握哪些聊天技巧怎么写好一个让搜索引擎和用户喜欢的标题广州网站建设的必要性是什么微信营销转化的技巧是什么深圳网站建设中如何做到图文平衡深圳网站建设要放眼全局网站建设教大家如何快速的获取用户喜爱网站后期需要做怎样的维护与推广呢房地产网站的三种建设方式网站页面布局技巧让效果达到最佳网站建设者需要屏蔽哪些错误的建站方式 企业网站设计费用 网站建设如何让访客保持在404页面易捷网站建设公司讲述新网站优化的11步深圳网站*页设计影响用户体验的十个细节如何设计网站背景经营性网站备案需要满足什么条件讲解更换网站域名的步骤以及注意事项企业应该做什么类型的网站建设导致网站排名低的因素网站权重上不去4个小技巧网站权重提升轻松搞定!怎么去提高网站设计师的效率选择互联网虚拟空间这种事宜一定要留意深圳网站建设网站改版公告高端网站建设公司的优势分析网站首页的关键词要如何布局网站建设中网页背景运用有什么好处百度优化思路重于手法,让苦逼党一朝顿悟手机网站建设的五大要点深圳网站建设中企业网站设计静态样式企业网站建设六种吸引客户的实用功能推荐如何做出让人满意的网站建设外贸网站建设如何提升网站排名什么是网站优化最忌讳的事在做网站时这三层面的內容一定要高度重视 好口碑的网站设计模板制作电话 好的网站才能吸引住客户的眼球
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询