bet36体育投注
    武汉网站建设热线:400-027-1280
企盟互联
所在的位置:首页 > 产品服务 > 网页设计  网页设计



网页设计技巧大全

文章作者:www.346064.fun  发布时间:2010-01-29



一个网页的设计,该注意的地方确认很多,也很繁琐,一个合格的设计师应当学习很多相关知识平时多加学习,一下是我多年?#37038;?#32593;页设计经验的总结希望对大家有帮助!网页设计的最重要的2点是:网站整体风格和网站色彩搭配。

  一、确定网站的整体风格 

  在这里,我提供给大家一些参考经验: 

  1.将你的标志logo,尽可能的放在每个页面上最突出的位置。 

  2.突出你的标准色彩。 

  3.总结一句能反映贵站精髓的宣传标语! 

  4.相同类型的图像采用相同效果,?#28909;?#35828;标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的! 

  二、网页色彩的搭配 

  1.用一种色彩。这里是指先选定一种色彩,然后调整?#35813;鞫然?#32773;饱?#25237;齲?#36825;样的页面看起来色彩统一,有层次感。 

  2.用两种色彩。先选定一种色彩,然后选择它的?#21592;?#33394;。 

  3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。 

  在网页配色中,还要切记一些误区: 

  1.不要将所有颜色?#21152;?#21040;,尽量控制在三至五种色彩以内。 

  2.背景和前文的?#21592;?#23613;量要大(绝对不要用花?#21697;备?#30340;图案作背景),?#21592;?#31361;出主要文字内容。

  三、网页设计的工具

  1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具

  2.Frontpage 跟dreamweaver一样,不过个人感觉还是dreamweaver好。

  3.FLASH 网页需要画面流动时的首选择

  4.PS图象处理软件,?#35805;?#32593;页?#22841;?#35201;?#22411;计?#30456;搭配,PS?#24378;?#24456;强大的工具。

  5.FW跟PS一样都是图象处理软件,但FW偏向与对网页的处理。[个人喜欢PS]

  网页设计必须注意的29个问题

  当你在INTERNET这个信息的海洋中尽情遨?#38382;保?#20250;发?#20013;?#35768;多多内容丰富、创意新颖、设计独特的个人网页,不知道你见到这样漂亮可人的网页是否?#26800;?#24515;动。一旦你具备了上网的条件,?#32622;?#21457;了制作主页的念头,那么就应该注意网页设计时应考虑哪些方面的问题,包括网站功能和以及访?#25910;?#38656;要什?#30784;?#20320;的整个设计?#21152;?#35813;围绕这些方面来进行。下面?#25910;?#23601;自己在?#23548;?#25805;作中的使用体会来谈谈网页设计时应该考虑哪些问题,希望能给初建网站的用户带来?#27426;?#30340;作用。 

  1、页面内容要新颖 

  网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的?#23548;是?#20917;创作出一个独一无二的网站。 放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题?#37027;?#31687;一律,人人都是"软件下载",个个?#21152;?网络导航",从头到尾?#20063;?#20986;一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新?#20445;?#22914;能坚持天天更新的话,我相信这样的网页?#27426;?#20250;受到大?#19994;?#27426;迎。 

  2、网页命名要简洁 

  由于一个网站不可能就是由一个网页组成,它?#34892;?#22810;子页面,为了能使这些页面?#34892;?#22320;被连接起来,用户最后能给这些页面起一些有代表性的而且简洁?#20934;?#30340;网页名称。这样?#28982;?#26377;助于你以后方便管理网页,在向搜索引擎提交你的网页?#22791;?#23481;易被别人索引到。在给网页命名时,最好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。 

  ?#22330;?#35201;及?#22791;?#26032;网页 

  网页制作好后,不能说万事大吉了,其实事后的工作量更大。因为网页制作是一时的,而维护更新的工作是每天?#23478;?#20570;的。要及时把网页上已经作废的连接应该立即删除掉,?#28909;?#29992;户无意中点击了页面中的一个连接,在苦苦的等待之后,换来的是无法访问的结果,那么他们会对你的网页大失所望,可能以后再也不会光顾你的网页了。若不能及?#22791;?#26032;,也最好在主页上发?#22841;?#24687;,告诉前来访问的朋友,因有特殊情况需要离开?#27426;问?#38388;,未能及?#22791;?#26032;主页,希望各位见谅,这样就能给人一种?#21592;?#20154;负责的感觉,同时能得到网友的信任。 

  ?#30784;?#27880;意视觉效果 

  设计Web页面时,?#27426;?#35201;用1024*768的?#30452;?#29575;来 分别观察。许多浏览器使用1024*768的?#30452;?#29575;,尽管在1280*1024高?#30452;?#29575;下一 些Web页面看上去很具吸引力,但在1024*768的模式下可能会黯然失色。作一点小小的努力,设计一个在不同?#30452;?#29575;下都能正常显示的网页 

  5、随时注意网站升级 

  时?#22871;?#24847;网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访?#25910;?#30340;话,?#27426;?#35201;仔细计划好你的升级计划。 

  6、 网页内容要易读 

  网站设计最重要的诀?#24076;?#24656;怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色?#39318;?#21512;,让人看起来你的网页来很费劲。?#35805;?#26469;说,?#25104;?#32972;景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文?#36136;?#35273;效果变化频繁,像是冲着人大喊大叫,看起来不舒服。另外,最好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。当然,标题?#35805;?#24212;该居中,因为这符合读者的阅读习惯。 

  7、善用表格来布局 

  不要把一个网站的内容象作报告似的?#27426;?#19977;四地罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构?#32622;鰲?nbsp;

  ?#28014;?nbsp;少用特殊字体 

  虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访?#25910;?#22312;他们的计算机上将看到什?#30784;?#22312;你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访?#25910;?#30340;计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。 

  9、多学习和使用HTML 

  为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。因为用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,?#21592;?#20320;在把网站发送到Web之前,预览你的网站。 

  ?#20445;啊?#23613;量少用Java程序 

  不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没?#24515;?#24515;等页面全部显示出来,这样你的精心设计便毫无效果啦。 

  ?#20445;薄?nbsp;少放网站地图 

  许多设计者把他们的网站地图放在网站?#24076;?#36825;种做法,却是弊大于利。绝大部分的访?#25910;?#19978;网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没?#34892;?#36259;。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。 

  ?#20445;病?#35201;为?#35745;?#38468;加注释文字 

  给每个?#22841;?#21152;上文字的说明,在出现之前就可以看到相关内容,?#32469;?#26159;导航按钮和大?#35745;?#26356;应如此。这样一来,用户在访问你的站点时就有一种亲切感觉,认为你心细,比较?#24179;?#20154;意,时时刻刻为他人着想,相信你的好心会有好报的。 

  ?#20445;场?#20570;个网站介绍 

  一个简单明了的网站介绍,不仅能让别人对你的网站能够提供些什?#20174;?#20010;了解,引发共鸣或是表达你的诚意,常常最能打动读者,而?#19968;?#33021;使访?#25910;?#33021;快速?#19994;?#24819;要的东西。但是,许多设计者?#27982;?#26377;这样做。?#34892;?#30340;导航条和搜索工具使人们很容易?#19994;?#26377;用的信息,这对访?#25910;?#24456;重要。告诉访?#25910;?#20320;所提供的正是他们想要的信息。 

  ?#20445;础?#32771;虑浏览器的兼容性 

  当然现在IE所占的市场份额越来越大,但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑,如色彩的搭配,?#22841;巍?#32447;条的使用等等。要时刻为用户着想,必须最少在几种不同类型的浏览器下测试网站,看看兼容性如何。 

  ?#20445;怠⒉灰?#22810;用?#20102;?#25991;字 

  有的设计者想通过?#20102;?#30340;文字来引起访?#25910;?#30340;注意?#24378;梢员?#20154;理解的,但一个页面中最多不能有三处?#20102;?#25991;字,太多了给用户一种眼花缭?#19994;?#24863;觉,反而会影响用户去访问该网站的其他内容,正所谓“物极必反”也, 

  ?#20445;丁?#27599;个页面?#23478;?#26377;导航按钮 

  应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地?#19994;?#20182;们所要的东西。绝大多数好的站点在每一页同样的位置上?#21152;?#30456;同的导航条,使浏览者能够从每一页上访问网站的任?#23614;?#20998;。 

  ?#20445;貳?#36991;免长文本页面 

  在一个站点上?#34892;?#22810;只有文本的冗长页面,是令人乏味的,人们为了阅读这些长文本,不得不使用卷滚条,从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件?#38382;?#26469;放置,?#21592;?#20320;的访?#25910;?#33021;离线阅读,从而节省宝贵的时间。 

  ?#20445;浮?nbsp;网页风格要统一 

  你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。 

  ?#20445;埂?#21160;画最多只用一个 

  大家都喜欢用GIF动画来装饰网页,它的确很吸引人,但我们在选择时,是否能确定必须用GIF动画,如果答否,那么就选择静止的?#35745;?#22240;为它的容量要小得多。同样的尺寸的LOGO,GIF动画的容量有5K,而静止LOGO的只有3K。虽然只有2K之差,但多起来,?#31361;?#24433;响下载的速度,所以,如果?#34892;?#19981;是必须的,就选择最小的。 

  20、善用图像 

  用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如?#25105;?#21892;加利用。主页上最好?#34892;?#30446;的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有?#27426;?#30340;?#23548;?#20316;用,切忌虚饰浮夸。注意图画可以弥补文字之不足,但并不能够完全取代文字。很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次,同时要注意避免使用过大的图像,如果不得不放置大的图像在网站?#24076;?#23601;最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

  21、 网站导航要清晰 

  所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,?#23478;?#26377;清晰的标识,让人看得明白,千万别光顾视觉效果的热闹的,而让人?#20063;?#30693;东西南北。链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接?#27426;?#35201;和页面的其他文字有所区分,给读者清楚的导向 。 

  22、最好不用记数器 

  由于计数器也是由程序设计成的,显示计数器的过程其实就是在执行一个程序的过程,它需要?#21152;?#29992;户宝贵的上网时间,况且大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。因此?#25910;?#24314;议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访?#25910;?#25552;供服务,而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。 

  2?#22330;?#19981;能忽视错别字 

  一个好的网站对设计的每一个细节都不会放过,哪怕是一个微小的拼?#21019;?#35823;都是绝对不能出现的。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字,要时时刻刻保持一种严谨的科学态度。 

  2?#30784;?#19981;要?#27599;?#26550; 

  与记数器一样,框架在网页?#26174;?#26469;越流行。在大多数网站?#24076;?#22312;屏幕的左边有一个框架。但是设计者立刻就发现,在使?#27599;?#26550;时产生了许多的问题。使?#27599;?#26550;时如果没有17英寸的显?#37202;良负?#19981;可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。 

  25、使用著名的插件 

  如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。如果访?#25910;?#27809;有所要求的插件,将不得不到其它站点去下载,这样访?#25910;?#26377;可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访?#25910;?#24182;不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。 

  26、使网站具有交互功能 

  一个静态网页始终给人一种呆板的感觉,缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计,使得访?#25910;?#33021;从网站上获?#23186;?#20114;的信息,从而使访?#25910;?#26377;一种参与网络建设的新鲜感和成?#36879;小?nbsp;

  27、测试网站 

  在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照?#35828;?#20197;前的浏览器。在?#26174;?#32593;站时还要测试所有的链接和导航工具条。用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。 

  2?#28014;?#23631;蔽图象时仍要保证网页的完整 

  在浏览器中即使去掉了图像功能,也要保证访?#25910;?#33021;够在你的网站上获得满意的效果,呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访?#25910;擼?#36824;能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访?#25910;?#30340;需要。 

  29、注意收集用户注册信息 

  如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访?#25910;?#22312;浏览网站之前进行注册,这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有?#26412;?#29468;或金钱奖励,让用户能主动填一些信息反馈表

   总之,网页设计最重要的还是个人要对设计非常的热爱,兴趣是最好的老师!只?#22411;?#20837;,相信您在很短的时间能力就能得到提高!谢谢!


没有啦! 下一页:商务通企业信息平台

工信部2018年全国网站icp备案信息抽查评估的通知 2018-11-26
政府采购机票管理网站[官方网址]2018-10-16
发票查询系统官方网站网址大全,查询发票真伪网站2018-10-16
公司网站建设前需要准备什么?2018-10-11
公司要做什么样的网站才能?#34892;?#26524;能带来客户2018-10-11
网站建设完成后?#24515;?#20123;优化方法和步骤2018-09-29
2018年双十一促销活动网站建设功能?#25913;?#26126;细报价表2018-09-29
制作一个手机网站多少钱?2018-09-17
企业网站建设的作用是什么??#24515;?#20123;?#20040;Γ?/font>2018-09-17
想学习网站建设需要准备什么?2018-09-17
优秀的企业网站建设?#24515;?#20123;功能2018-09-17
企业网站建设的作用2018-09-17

浏览:4290次

  • 业务咨询
  • 业务咨询
  • 售后服务
  • 技术支持
在线客服
热线电话

微信公众账号
bet36体育投注