《设计网站首页》教学设计

《设计网站首页》教学设计,标签：初中信息技术教学设计案例,http://www.5ijcw.com
  ?2．资料库   网站首页设计的一些“特色”   　　通过考察对比，笔者发现了很多网站的首页有四大共同点：“长，闪，挤，花”。   　　一、“长”。长页面的领军者应该是我们的大型门户网站。现在能生存下来的大型门户各个实力不凡，又纷纷上市，其他网站能与他们页面相似应该也能说明实力相似，这几家大型门户已经给用户形成了“长则是好”的印象，于是众多网站都纷纷“长”起来了。无论是综合性网站还是专业性网站，只要有内容，就能做多长就做多长，没有内容，抄袭别人内容也要做长，以至于不少实力有限的网站只是首页很长，到了栏目页面（二级页面）就简陋的可怜了。

www.5ijcw.com   　　长的基础就是要内容要多，这些众多的长网站在组织内容的思路上基本是一致的，就是把二级页面的内容摘要的放在首页上。首页分成若干个相应的通栏的大块儿（这样可以逐个部分的下载页面，易于显示），再在每两块之间加一条广告，最后再在页面的最上面加一个更综合的区域，所谓的重中之重，这样以来页面想短都短不了。   　　按照JakobNielsen的说法：网站首页的长度不应该超过4屏。当然这个准则也未必就那么准确，但是至少应该承认页面不是越长越好的。   　　二、“闪”。就是网页上能动的东西──动画。主要是Gif动画、Flash动画、脚本语言实现的图片交替效果，还有就是弹出窗口。动画对网页表现本应该是个很好的补充，但是现在的实际效果是对网页的干扰。   　　虽然弹出窗口里的内容不一定是动画，但的弹出效果绝对是最具视觉冲击力。还好，现在有越来越多的雷锋式的好公司提供了能屏蔽弹出窗口的工具。   　　脚本语言实现的图片交替效果目前主要是用在网站头条的图片报道上，虽然是动，分散用户的注意力，好在这种方式还是为了给用户提供尽可能多的信息，应该值得肯定，也应该是动画应用于网络的发展方向。   　　Gif动画是传统的动画形式，但在Flash动画面前，它的生存空间越来越小。   　　Flash动画无疑是网页动画的主力，其文件小、效果好。   　　三、“挤”。我们的网站看上去满满当当的，比公共汽车还挤。   　　与英文相比，中文本身就显得比较复杂，对于有链接的文字国内很多网站又往往更倾向于传统的随时保持下划线的方式，再加上小的几乎不存在的行间距，使得页面看上去分外拥挤。   　　经常可以看到某网站为了突出重点内容而使用14pt的字号，然而却不加大该内容与其他内容的距离，这样只能使页面看上去更拥挤。   　　第四是“花”，中很多网站的色彩之绚烂，几乎无以复加。   　　在网站中，通常将各个栏目摘要排放在首页上，每一个栏目会有一种主色调，这样一来，首页上的色彩自然就很丰富了。   　　当然，分栏目确定主色调的设计方式本身并没有错误，也不足以搞“花”页面。然而实际情况却更复杂。以文字为例，未点击的链接文字有黑色和蓝色，重点的文字会用红色，点击后的文字链接是紫色，无链接且不重要的文字是灰色，此外为了突出某一个重点内容会添加一个醒目的背景色或文字颜色。   　　网页设计师为了表明自己工作用心，会给每一个子栏目的标题部分设计一个很具有特色的背景，这些文字再与数不胜数的图片、动画交相辉映，使得用户可以在一个页面上将电脑可以显示的全部色彩尽收眼底。   　　引用DonaldNorman在《emotionaldesign》一书中的理论，设计可以分为三种层次：本能水平的设计、行为水平的设计、反思水平的设计。本能水平的设计是满足人类本能审美需求的设计，也就是漂亮、美观的设计；行为水平的设计是注重效用的设计，注重功能、易用性、可用性；反思水平的设计注重信息、文化的作用，一件产品被设计的很独特、出众、引人瞩目，用户会因为始终这个产品而产生乐趣，产生满足感。   　　根据这个理论，中国网站的设计普遍达没能实现本能水平的设计，虽然网站的BOSS、设计师本人都希望把网站设计的很漂亮，吸引用户的眼球。行为水平的设计逐渐被重视了，不过目前基本上还是停留在不高的水平上。上面说到的国内很多网站的种种问题实际上正式在反思水平上的设计，一种变相的反思水平设计。   　　造成上述网站首页设计问题的罪魁并不是设计师没水平或者用户没品味，而是产品不够，这表面上的“多”其实是由于“少”造成的。用户对网络内容的需求引导着网站的设计，策划人员有意无意地在迎合着这样的需求。

上一页  [1] [2] [3] [4] 

上一篇：《网页中的表格》教学设计