2008年网页设计十条经验总结

所属分类: 网页制作 / 应用技巧 阅读数: 759
收藏 0 赞 0 分享

  互联网一直在改变,BusinessWeek.com与一群专家总结出了如今的网页设计师必须遵守的规则。(Matt Vela)
  互联网一出现就体现了其强大的威力,它不仅改变了人们的工作方式,甚至改变了人们的约会方式。可以说,它让世界玩儿了一回过山车,把所有人都玩儿晕了。微软、网景以及其他公司开始了浏览器的竞争,网络标准的竞争也在展开。同时,随着Facebook、Flickr和YouTube的兴起,网络更注重集体智慧和社会化。从腾飞到萧条到再次腾飞,资金疯狂地流通着,互联网产业的发展似乎看不到尽头。
  网络同时也吸引了宗教传播者、理论家等等,他们中很多人都预言互联网将会出现新的技术——Jini、DHTML及其他——然而没有一个兴起。但是,那些看似简单的技术——元数据、XML、CSS——都获得了突破性的进展。网页设计的发展从HotWired的闹腾到Google的应用一直在不断地持续者,有时看起来是对立的,但却彻底改变了互联网。
  为了让事情更明了,BusinessWeek.com游说了许多互联网上杰出的人物一起总结网页设计的一些规范。参与者有互联网理论家,Don Norman,Nielsen Norman Group的合作者,NYTimes.com的设计总监,Khoi Vinh和John Maeda,Rhode Island设计学校的总裁当选人等。这十条2008年网页设计戒律是从我们的调查中总结出来的。所有贡献者的列表会在文末给出。
1、不要滥用Flash
  Adobe公司的这项动画技术让互联网变得更为强大,从Nike公司非常夸张的首页动画到众多广告商使用的网页Banner。但是这项技术非常容易被滥用,过多的动画不仅没有实用性而且还会拖慢用户的网页浏览器。
2、不要让广告遮挡了网站内容
  的确,广告对网站的生存来说是至关重要的,但研究表明,弹出广告和整页的广告一旦遮挡了网站内容,那它们的效用会大打折扣,同时也会影响读者是否会再来光顾。一个能够根据读者的要求进行伸缩的广告会更合适一些。
3、不要让网页看起来杂乱无章
  网页是一个大杂烩,但缺乏合理结构的网站往往会使信息的浏览变得非常困难。Amazon.com在设计过程中将网页层次的清晰度作为最重要的标准。
4、不要过渡使用玻璃反射效果
  苹果公司经常会设计出一些很漂亮的效果。但有些专家称,该公司在其所有产品的照片下添加玻璃反射效果,这一做法并不值得广泛采用,因为这种设计元素早就已经用滥了。
5、不要在公司名称中增减字母
  如今,兴起了一种流行的网站命名方法,但这种方法却越变越奇怪。许多网站在命名的时候不是给单词添加多个元音就是故意去掉一些。如Flickr,Smibs,Meebo等。这些名字的确容易记忆,但注定是要过时的。查看本站更多网页设计教程。
6、要适应改变
  设计者们说,如今除了要察觉到网络带宽的变化外,普通文本也在悄悄兴起。诸如Craigslist等主流网站正在引领着这个潮流,同时像Coudal Partners和John gruber著名的Daring Fireball博客也代表了时代潮流的前沿。
7、要给人留下深刻印象
  网站只是看上去漂亮已经不怎么管用了。像Facebook和YouTube之类的网站用内容和功能来吸引用户。创建网站最关键的是吸引并保留住用户的注意力。
8、要使网站社会化
  Web2.0已经渗透到了方方面面。MySpace和了司的网站只是追随了潮流,让用户在网站内进行交流和交互。如今的设计者有在各类网站中加入了相同的元素,如广告、在线办公软件等等。
9、使用已被证实有效的技术
  维基百科、YouTube、Facebook及同类网站已经成了网民生活的一部分。将这些元素融入网站可以保持和用户的接触,从而提供他们所熟悉的功能。
10、内容才是王道
  虽然这句话已经是陈词滥调了,但仍然是非常重要的。网站设计得非常漂亮固然可以吸引眼球,但始终掩盖不了网站内容的匮乏。
更多精彩内容其他人还在看

sitemesh教程-页面装饰技术原理及应用

Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

浏览器可以注册的事件小结

我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0 赞 0 分享

从image/x-png谈ContentType(s)

今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0 赞 0 分享

窗口中的各种距离/滚动距离的精确计算汇总

平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0 赞 0 分享

web的各种前端打印方法之CSS控制网页打印样式

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0 赞 0 分享

响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0 赞 0 分享

响应式WEB设计学习(2)—视频能够做成响应式吗

除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0 赞 0 分享

响应式WEB设计学习(3)—如何改善移动设备网页的性能

究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0 赞 0 分享

网页设计必备手册 216网页安全色大全

网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0 赞 0 分享

网页设计中设计出有层次感的界面的经验介绍

很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0 赞 0 分享
查看更多