网页设计10原则

2016-02-19 17:22 10 1 收藏

下面这个网页设计10原则教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

  以下是在网页制作时要注意的一些小问题:

  1、20秒60kb原则

  据统计,按目前网络下载速度(窄带),浏览者可忍受的时间大约为20秒,文件大小约为60KB,否则一页图文太大,没有人愿意等待。

  2、设计工具选择

  我个人观点是使用Micromedia出品的Dreamweaver。其功能强大,可以区分两大主流浏览器Netscape和IE各自所支持的语法。而微软的Frontpage,正如VJ++、Winperl等其他微软系列只强调了微软Windows操作系统,同样的,Frontpage也不太关心除IE之外的浏览器。而且Frontpage98在字体排版的上下文关系上,经常令人头痛。

  3、测试

  测试常用浏览器Netscape、IE高低版本;测试浏览器窗口大小;测试不同尺寸显示器效果;测试各种分辨率(可以使用专门测试软件Broswersizer);测试图片颜色、字体大小;测试各种操作系统包括英文系统外挂中文平台方式的语言解码是否正常。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  4、经常更新网页内容, 有新鲜感

  网站内容保持新鲜,定期检查,不能有空的链接。另外,版主要避免过多发表个人化色彩浓重而偏激的言论。

  5、改版

  每隔几个月到半年,可考虑中规模更改版面设计,循序渐进,避免一下子产生大的版面变化,使浏览者一时无法适应。

  6、文件名大小写

  Unix服务器文件名大小写敏感。

  7、图像文件不要太大

  找一些图像压缩工具反复尝试,把图片尽量做小。若256色和高彩真彩看起来相差不大的,就用256色罢;如果图片颜色丰富,选用jpg格式可能就比gif格式得到更小的文件。加入alt,可以在载入过程中显示替代图片的文字;加入width和height,可让浏览器预留没下载完的图形文件位置而去先显示别的文字内容。如果网页图片较多,有文本方案最好,因为总是有些人在美和用之间,选择用。

  8、考虑不支持某些功能的浏览器

  如Applet、javascript、VBScript、CSS、XML、ActiveX、Frames,VRML等等,都要事先设计替代的图片或者文字。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  9、交互性设计

  例如讨论组、购物登记,但需要注意,一是不可滥用技术,象过多的使用Applet;二是不可设置无必要的障碍。像新浪网的讨论组我就不喜欢,因为在上面发帖子之前需要登记一大通,麻烦的是你还要等几个小时到一天时间才能收到确认的账户密码。

  10、不可作强暴访客之势

  比如页面打开, 劈头就是一篇音乐唱个不停,却不明确终止播放的方法。要知道,很多在办公室悄悄上网的人们,是最反感这种情况的

来源:http://www.tulaoshi.com/n/20160219/1615069.html

延伸阅读
为网站设计导航就如同为房子打基础。如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额,你需要花费相当的时间去了解你的用户需求,精心设计网站的内容,寻求可靠而直观有效的内容组织体系,而这些东西的外化体现,就是网站的导航设计。 什么是导航?...
标签: 网页设计 设计
虚拟实境技术结合内容 虚拟实境的话题从前年延烧到今年,科技巨头对虚拟实境的投资力道丝毫没有减弱的迹象,特别是Facebook 未来十年将砸下 30 亿美金专注虚拟实境的研发。可预见的是技术更臻成熟,也会有愈来愈多媒体或品牌运用虚拟实境科技「说故事」,为人们创造更身历其境的感受。 不失真、载入快的 SVG 向量图档大...
标签: Web开发
网页设计中需要把握好很多原则和细节,今天我们来谈谈网页设计中的平衡、对比、连贯和留白。 一、平衡 如果你的页面是平衡的,当用户浏览这个页面的时候就会感觉它们是一个整体,看得时候目光的跳转也会很自然。同时,构成页面的元素仍然是彼此独立(注意不是孤立)的,你不需要用线用颜色将它们直接地串接起来,这是为什么呢?因...
翻译:UCDChina翻译小组,Roc   设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以。 ‘保持简单易用’意味着不要让用户分心。恰恰相反,好的UI让用户达成目标。结果如何?你的培训和维护费用降低,并获得更开心、满足和高效率的用户。 当你面对一个全新的界面设计时,别忘了这些原则。 编辑手记:Kyle将在纽约...
Win8系统中的Metro界面曾一度受到用户体验不佳的反馈,但这并不影响Metro在网页设计师心目中的地位。随着扁平化设计的日益兴起,Metro的利用率也因此大大的提高了,不可否认,Metro与扁平化的融合称得上恰到好处。 Metro也被亲切的称为方块元素设计,这一称呼也正体现了它最明显的特点。Metro的设计风格能凸显出网页的个性化,但在整体布局上...

经验教程

880

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部