网站设计：简略即美

报纸的网络版发布后，与网上读者直接碰头的就是网页，大抵可以说 ，它对应于纸介印刷版的版面。显然，相对于付传统的版面，网络版的网页意味着新的特征和新的能够。这些随因特网手艺发展而不竭扩展的新能够无疑是使人兴奋的，但此中也潜伏"陷阱"。确有很多网站设计者不由自主地在作品中过量地置入自赏或炫技的成份，招致网页外观或结构的缺点，影响了阅读成效。
日报网站筹建阅历数月，我有幸参与此中，组织施行网络版网页的构想与设计制作。这项富裕应战性的事情，天然起首是一个进修的过程、创意的过程，但畴前述意思来讲，倒更是一个不竭防备引诱而趋势坚决和成熟的过程。
1999年元旦上网的日报网络版理论包罗日报等六报一刊，这是一个比力庞大的网络版系列。但其网页整体设计请求却非常"简略"：在契合各报刊印刷版基本定位与基本气势派头的条件下，实现高效的结构规划与清爽的视觉成效。
咱们曾大量阅读国表里报刊网络版，发现至关多的网页在设计中一味谋求富丽的视觉印象。尽管能够某些处所也颇具特征，但这未必使得网页外观愈加心旷神怡，也未必使得阅读过程愈加便利欢快，因而整体上就不克不及说是胜利的。有鉴于此，又掂量了理论可用的设计时间与设计力气，咱们思索：日报网络版的网页无妨一反通常设计者对付精巧新颖的谋求，只求高效与清爽，如许仍有能够在泛滥国内报刊网络版中标新立异，跻身一风行列。
这个请求怎样实现？跟着设计的开展，逐渐明确了两个字-简略。网页中除内容之外的对象都力图简略，这终极成为了日报网络版网站设计的准则之一。
1、 简略的条理结构
网页是一种超文本。超文本的本色就是无限的链接与跳转。在网页中点击预置的链接，轻松地就能够跳转到另外一个网站或另外一个网页。这个特征对付网络版的网页结构有着决议意思。
信息必需根据便于阅读与查找的体式格局进行结构化的组织，这是一切胜利的信息零碎的最少请求。报纸印刷版中运用种种伎俩进行版面朋分、配置"引导点"，为专辑、专版、专栏等划定某种固定的版次关系，雷同的这些做法，都是在为信息的结构化作勤奋。由于网页的超文本特点，一者，网页尺寸过大的问题可以制止，两者，网页得到精良结构化的但愿有了逻辑上的松软根蒂根基，设计高效实用的导航（导览）零碎也有了物理的根蒂根基。
从整体上构想网络版的结构，起首必需思索必然水平上的分层。最顶层的导航页就是分层的出发点，从这里读者阅读全部内容的概略，以便迅速确定下一步的跳转标的目的。尽管分层是明晰与简化结构的好要领，但也必需节制，不行过细、过深。若是从肇端页动身需求点击（连贯）跨越三次或四次才看到想要的内容，这对读者的耐心几个会是一个磨练。
有的报刊印刷版在观点上有较多的条理，如钱江晚报，在日常版面之外还有七个周刊，别离安排在周一至周日，每一个周刊各含几个专版，专版下又含专栏（大都栏目理论一次只含一篇文章）。若是直接照搬上述条理关系，按"肇端页总目（含周刊目次）->专版目次->专栏目次->图文目次->图文"如许的条理结构，计数箭头就知道，从顶层页面到底层内容页面需求点击（连贯）四次。咱们在理论构想中，网页结构按缩减的"肇端页总目（含周刊目次）->专版目次及图文目次->图文"的条理。在只知其一，不知其二层的页面上，右侧是本期周刊全部图文的目次（链接），它们按专版分区别列，左侧是本期周刊的专版目次（链接），各链接即指向本页右侧的各专邦畿文目次区，进入本页后，既可点击左侧链接经由过程页内跳转达到某个专版的图文目次区，也可经由过程滚屏找到该专版的图文目次区，随后找到新闻题目。在这个简化的条理结构中，从顶层出发点击两次或三次就能够连贯到新闻（首要新闻经由过程肇端页的导读区可以一次点击连到）。
2、 简略的平面规划
报纸的幅面是至关大的，这就能够把大量的新闻集中于一张纸上。如对开的日报一个版可以放置六七篇千字文章另加两三张一般大小的图片，即即是小报的版面，可容纳的图文也不会少于大报版面的一半。读者往往习气于统览整个版面，以便迅速从当选定进一步阅读的图文。
网页在信息密集度上显然远逊于报纸，由于读者阅读网页必需经由过程尺寸与辨别率都小于报纸的显示器。即便是在"大屏幕、高辨别率"的条件下，一屏能够含有的图文量还是远小于报纸的版面（通常也不克不及多于两篇千字文章）。若是把页面设计成版面那样的尺寸，要完整地阅读一个页面就须不竭地纵横滚屏。准则上，网页是不该横向滚屏的，纵向滚屏也是越少越好。以是，网页的尺寸（出格是宽度）必需加以控制，不然没法顺应屏幕的尺寸，也没法使读者承受。
这个首要差别，决议了报纸网络版没法再以传统的版面模式来排布图文。基于版面朋分观点的通常版面设计伎俩，要末再也不有用要末再也不作用突出，即即是平面视觉设计中一些独特的基本艺术守则，在这两种设计中也体现为差别的请求。总的来讲，相对于付印刷版，网络版的视觉设计是在狭窄幅面上的设计，因而就平面规划而言，一屏网页中的内容过于拥塞容易惹起读者的视觉委靡，也未便于读者搜查内容。
大容量网站的肇端网页较多采用左中右三列的规划体式格局。但三列式的规划不彻底适于中文新闻网站。
咱们在构想中为了制止上述弊端，基本采用简略的左右两列的规划体式格局，各部份内容的拼合也有意作宽松的安排。如日报网络版的肇端页，顶部是对应于日报各版内容的链接，底部是工具栏（包括一些有关报纸或网站的链接），左侧是日报社六报一刊网络版的链接和友爱网站的链接，右侧是图片新闻和今天导读（包括引荐新闻的题目、概要与链接）。这个导航界面相对于简略，但功用比力完整，而且气势派头洗炼、条理明晰，可以较好地阐扬阅读效力。
3、简略的图形、殊效
报纸颠末一次性印刷，投递读者手中已经是彻底的废品。而读者在线阅读网络版，每回个页面都须有一个即时的数据下载过程。这里就有网络的数据传输速度问题，即带宽问题。而带宽过窄恰是今朝国内网民最难忍耐的问题之一。
去年11月，日报网络版处于正式发布前的测试阶段。其时，为参与省当局主理的"信息化在"展览，已经运用flash手艺为网络版制作了一个具备封面性子的网页。它交融了动态图形与配噪声响，具备极强的视听冲击力，在博览会上遭到人们的好评，连惯弄视觉与动态的电视记者也为之赞赏。但这类网页传送时请求较高的带宽，不然读者将难以忍耐永劫间的下载过程。也就是说，惹人入胜的网页殊效与一般读者对阅读效力的请求产生了抵牾。咱们末了的选择是，简化成效以包管效力，在网络版正式推出时毅然舍弃了这个flash网页。
这是一个防备引诱、自我克制的例子。理论上，媒体很容易在模式上自我听任，自发地谋求一些自我赏识、其实不实用的东西。在网络出书中这个问题出格突出，由于网络出书显然是一切媒体中出书价格最低廉的，它不像其余媒体那样由于出书价格较高而遭到至关的按捺。
对付新闻网页来讲，能迅速提供新闻并包管读者便当地在网页上找到想要的新闻，这才是最首要的，而花梢的成效或所谓抚玩性不该是它过量思索的。但另外一方面，从版面设计到页面设计的转变，理论是夹带着遗憾的，设计者将感遭到某些自己已经热中的艺术意味的丢失，作为抵偿，他能够愿意多多运用传统报纸设计中没法运用或限于制作价格不克不及常常运用的伎俩，大量图形、庞大背景、彩色图象、各类殊效，能够城市成为他的新谋求。
这些谋求有时明明会进一步恶化读者的带宽窘境，有时虽不至于云云，但也可以其实不克不及取得预期的美化成效。因而，面临泛滥选择，网站设计者的自我克制老是必需的。
，页面背景颜色（或图象、图形）的筛选就应该比力克制。运用过于娇艳的颜色或过于庞大的图象、图形作为背景，倒霉于明晰地显示文本或链接。事实上，咱们已经见过太多色采斑斓而难以明晰阅读的网页。另外，根据中国的文明传统，色采运用上的禁忌理论是比力多的，要为报纸（尤为是党报）找到既契合自己定位又顺应人们审美习气还要显得与众差别的背景致至关坚苦，这类情况下，慎重的选择反而易于胜利。咱们在设计日报网络版时，就此进行了一些测验考试，比力后发现，实在，简略地运用白色就可使页面显得稳重得体。
当然，简稍不该沦为粗陋。因而，又思索在纯净的背景上缀以红色（报名）、蓝色（链接），在广告位加以必然量的其余彩色，这就使得页面其实不由于纯白背景的素洁而单调凝滞。除此，在处置肇端页上日报社各报刊网络版的链接时，设计师在每一个报刊名前放置了一个小色块，这些差别的颜色块既意味着浙报的六报一刊各具个性，也使整个页面显得轻活泼、更亲切。
设计和传送网页所凭仗的网络软硬环境总在不竭发展变革，因而网站设计是一个不竭立异、不竭完善的过程。信赖日报网络版在博采众长、吸取海表里读者各类定见、倡议后，将以更为使人心旷神怡的界面面临众人。