设计成功的网页

设计|网页

一、网站设计原则1、网页内容要易读
2、网站导航要清晰
3、网页风格要统一
4、页面容量要较小
5、页面内容要新颖

二、网站设计事项有了上面的设计原则作为指导,我们在具体建立网站时就应该紧紧围绕它来设计,下面就是笔者依据上述原则罗列出来的一些设计事项:1、注意视觉效果设计Web页面时,一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一 些Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页2、考虑浏览器的兼容性当然现在IE所占的市场份额越来越大,但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑,如色彩的搭配,图形、线条的使用等等。要时刻为用户着想,必须最少在几种不同类型的浏览器下测试网站,看看兼容性如何。3、随时注意网站升级时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。4、善用表格来布局不要把一个网站的内容象作报告似的一二三四地罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。5、多学习和使用HTML为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。因为用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。6、要为图片附加注释文字给每个图形加上文字的说明,在出现之前就可以看到相关内容,尤其是导航按钮和大图片更应如此。这样一来,用户在访问你的站点时就有一种亲切感觉,认为你心细,比较善解人意,时时刻刻为他人着想,相信你的好心会有好报的。7、 少放网站地图许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。8、 少用特殊字体虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。9、做个网站介绍一个简单明了的网站介绍,不仅能让别人对你的网站能够提供些什么有个了解,引发共鸣或是表达你的诚意,常常最能打动读者,而且还能使访问者能快速找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。10、尽量少用Java程序 不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没有耐心等页面全部显示出来,这样你的精心设计便毫无效果啦。11、要及时更新内容网站建设起来,只是一个新的起点,你更要细心照料,并不断更新,以保持其常有的新鲜,若不能及时更新,也最好在主页上发布信息,告诉前来访问的朋友,因有特殊情况需要离开一段时间,未能及时更新主页,希望各位见谅,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。否则形同“死站”,让人以为你对他的信不屑一顾,更不会和你继续往来了。 12、不宜多用闪烁文字
有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的,但一个页面中最多不能有三处闪烁文字,太多了给用户一种眼花缭乱的感觉,反而会影响用户去访问该网站的其他内容,正所谓“物极必反”也13、避免长文本页面在一个站点上有许多只有文本的冗长页面,是令人乏味的,人们为了阅读这些长文本,不得不使用卷滚条,从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读,从而节省宝贵的时间。14、动画最多只用一个大家都喜欢用GIF动画来装饰网页,它的确很吸引人,但我们在选择时,是否能确定必须用GIF动画,如果答否,那么就选择静止的图片,因为它的容量要小得多。同样的尺寸的LOGO,GIF动画的容量有5K,而静止LOGO的只有3K。虽然只有2K之差,但多起来,就会影响下载的速度,所以,如果有些不是必须的,就选择最小的。15、不能忽视错别字一个好的网站对设计的每一个细节都不会放过,哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字,要时时刻刻保持一种严谨的科学态度。16、善用图像 用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。注意图画可以弥补文字之不足,但并不能够完全取代文字。很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次,同时要注意避免使用过大的图像,如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。。 17、每个页面都要有导航按钮应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。18、最好不用记数器由于计数器也是由程序设计成的,显示计数器的过程其实就是在执行一个程序的过程,它需要占用用户宝贵的上网时间,况且大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。19、不要用框架与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。20、屏蔽图象时仍要保证网页的完整在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果,呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。21、使用著名的插件如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。22、避免错误链接网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,但不要链接到与你的内容无关的网站(出处:TOM专稿)

时间: 2024-11-02 17:40:34

设计成功的网页的相关文章

网页设计技巧:创建网页背景材质的方法

文章描述:网页设计技巧:创建网页背景材质的方法. 在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节.虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受.所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考. 一.使用现成的图案来创建网页背景材质. 1.下载现成的图案样式,或者自己动手创建图案,关于如何自己创建图案,之前我写的一篇文章<在Photo

手机网页设计原则:移动网页中的基础元素

文章描述:移动网页设计应该包含的5个基本元素. 大部分人都认为手机网页设计与电脑网页设计有很大不同,其实不是,手机网页除了小且可以触摸外,很多设计原则与电脑网页设计是共通的.这里有 5 个基本的元素,希望对设计师有所帮助. 1. 有意义的导航 在移动设备上获取信息实际上是有趣的体验,因此,令用户在使用过程中感到愉快很有必要,简单地删除屏幕上的链接(或taps)并不能达到用户友好体验的目的.导航应该包含用户需要的内容,并提供明确的路径.如果用户知道跳转的具体页面,就会进行点击. 首先,确保导航在用

设计成功的Android平板电脑的用户体验设计

文章描述:Android 平板电脑设计. 没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了.随着平板电脑被不断接受,我们已经步入"后PC时代",公司会利用平板电脑的用户体验质量来争夺用户的注意力.设计成功的Android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载.使用和保留,还需要一种使 Android用户很直观的发现并适应使用环境的用户体验. 接下来通过了解ipad iOS用户界面与Android 3.x "Honeycomb 用户界面 设计规范和

如何设计黑板样式网页横幅向学生宣传

译者的话:作为一家教育机构,没有什么比利用学生与黑板的元素来设计网页横幅更适合了.黑板加上一些手写字体,便形成了一个简单但却极具吸引力的视觉焦点.本文通过一个实例来探讨设计一个黑板样式的网页横幅所涉及的各种挑战,也让我们再一次感受学校的岁月离我们又远了一年,祝大家新春快乐. Next Play咨询集团是一家主要面向公立学校进行学校课程以外的补充教育.公立学校一般的教育重点只是帮助学生如何应付各种各样的考试和测验,而Next Play则教导学生将一些理论知识应用到实际的生活中--让学生掌握求职的各

设计理论:网页版面布局的平衡性原理

几年前网页设计还被平面设计视为不入流的设计,不过随着网络使用的普及,网页设计的整体发展有了很大的提高,越来越多的设计师专做了网页设计师! 目前,网络上有关网页制作的各种教程已经相当多,可以方便地学习到最新的技术和技巧.可是,有关网页的设计,比如设计灵感的实现,风格的确定,发展策略,技术的筛选等文章却比较少.于是针对于此,我们这次分享会就请视觉设计师袁青林来为大家介绍一下网页设计的经验,主要就页面布局的平衡性方面,来和大家交流一下.如果您有好的建议和心得,也可以留言,互相交流探讨,在此先道一声谢谢

网页设计-jquery替换网页body中所有的“黑龙江”为“北京”

问题描述 jquery替换网页body中所有的"黑龙江"为"北京" jquery替换网页body中所有的"黑龙江"为"北京","黑龙江"可能是在不同的标签,不同的 中,请问如何写代码?需要完整代码,谢谢了! 解决方案 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.j

《Android应用开发攻略》——第2章 设计成功的应用程序 2.1 导言:设计成功的Android应用程序

第2章 设计成功的应用程序 2.1 导言:设计成功的Android应用程序 Colin Wilcox 讨论 本章介绍编写富于想象力而且实用的Android应用的设计指导思想.有几个攻略描述了成功设计的具体特征.本节将列出其他一些方面. 这一章的目的之一是解释相对于其他在移动设备上交付丰富内容的方法,原生Java Android应用程序开发的好处. 原生手机应用程序的要求 不管在何种平台上部署,成功交付任何手机应用程序都有许多关键的要求: 应用程序应该易于在设备上安装.删除和更新. 应该以引人入胜

web开发-给数据库中添加数据,一直没成功,网页不 跳转。急!!

问题描述 给数据库中添加数据,一直没成功,网页不 跳转.急!! string connectionString = @"Data Source=DELL-PC;Initial Catalog = GXBYXS;User ID=sa;Password=123456 "; //定义字符串 System.Data.SqlClient.SqlConnection connection = new System.Data.SqlClient.SqlConnection(connectionStr

来几个高手哥哥姐姐帮忙看下。怎么用css+div给设计好的网页加个边框啊?

问题描述 [b]怎么用给设计好的网页加个边框啊?网页设置好了,最外边忘记加框框了! 解决方案 解决方案二:该回复于2011-12-05 09:55:14被版主删除解决方案三:body{border:1pxsolidred}其他类似如div加边框div{border:1pxsolidred}解决方案四:赞同上楼解决方案五:div{border:1pxsolidred}解决方案六:网页最外面是指那部分?整个网页的框?