当前位置:论文网 > 论文宝库 > 信息科技类 > 计算机应用论文 > 正文

个性化网页设计实用技巧

来源:UC论文网2019-03-28 11:06

摘要:

  摘要:在信息技术飞速发展的今天,人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页,所以网页设计尤为重要。网页设计者在设计过程中要掌握首页设计的形式、风格一致性、色彩搭配、版面布局等方面的技巧,才能设计出高质量、高品味、有特色,达到效果的网页。本文从网页设计的角度出发,介绍一些网页设计中的要素和技巧。  关键词:网页设计技巧要素  中图分类号...

  摘要:在信息技术飞速发展的今天,人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页,所以网页设计尤为重要。网页设计者在设计过程中要掌握首页设计的形式、风格一致性、色彩搭配、版面布局等方面的技巧,才能设计出高质量、高品味、有特色,达到效果的网页。本文从网页设计的角度出发,介绍一些网页设计中的要素和技巧。


  关键词:网页设计技巧要素


  中图分类号:S611文献标识码:A


  互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。


  一个好的网站最重要的一点就是界面的简单、朴素。而制作者们很容易掉入这样一个陷阱,即把所有可能用到的网页技巧(例如:框架、表格、字体、GIF动画)等都用上,这当然是好的。但如果多了的话就会让你的访问者眼花缭乱、不知所措,也不会给他们留下很深的印象,下面推荐几点制作经验。


  一、网页设计的要素


  在一个网站中,最重要的页面当属主页,所以在此以主页为例,说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素:文字,图片,排列方式和主色调,这四者相辅相成,缺一不可。


  (一)图片要素


  要设计出漂亮的主页,首先要成为计算机图形高手,仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关,一些较随意的主页像股票、医药站点等,来访者并不在乎你能否做出精彩的图片,有些时候他们反而觉得放置图象后影响了访问速度,他们关心的只是页面内容;相反像一些需要靠图象来吸引访客的主页,如游戏介绍、影视介绍、风光名胜等站点,图象是一个极为重要的要素,在这里缺少了恰当的图象,整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件,还要有一定的美术基础,如审美观、创意技巧等。


  (二)排列方法要素


  主页的第二个要素是排列方法,即网页布局。网页作为一种版面,既有文字,又有图片;文字有大有小,还有标题和正文之分;图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众,不能简单地将其罗列在一个页面上,否则会搞得杂乱无章。关于具体的网页布局,常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等。关于它们,在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多,就要考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采,封面性是首选;Flash型更灵活一些,好的Flash大大丰富了网页,但是它不能表达过多的文字信息。还没有提到的就是变化型了,只有不断的变化才会提高,才会不断丰富我们的网页。


  (三)色彩要素


  色彩在网页所占比重很大。有了合理清新的色调,会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的,一个网站必须有一种或两种主题色。不至于让浏览者迷失方向,也不至于单调乏味。一般来说,页面的主体文字应尽量使用黑色等较深的颜色,与背景对比明显,按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色,再用红色和黑色作为配色,就能表达出严肃、稳重的效果。


  二、网页设计技巧


  一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里笔者从框架和CSS样式的运用两方面来介绍网页设计的技巧。


  (一)框架的使用


  FRAME(框架)是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。


  使用框架具有以下优点:访问者的浏览器不需要为每个页面重新加载与导航相关的图形;每个框架都具有自己的滚动条(如果内容太大,在窗口中显示不下),因此访问者可以独立滚动这些框架。例如,当框架中的内容页面较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。


  使用框架具有以下缺点:可能难以实现不同框架中各元素的精确图形对齐,对导航进行测试可能很耗时间。许多专业Web设计人员不喜欢使用框架,并且许多浏览Web的人也不喜欢框架。在大多数情况下,这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如,每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如,在允许其他框架的内容发生更改的同时,使一个框架中的导航控件保持静态),则这些框架对于某些站点可能非常有用。


  (二)CSS样式的使用


  CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表CascadingStyleSheets的缩写,又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页,设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。


  三、网页设计经验谈


  一般的来说,绝大多数普通图形、插件、applets和其它有关的高级Web浏览器特性。对我们来说,页面的实用可能比漂亮更重要,对于用户来说,没有什么比页面能够快速下载更重要了,简而言之,精简你的站点,这是一条最佳的捷径。


  另外还要注意,不要依赖图形。就站点设计而言,的确能够通过成功的图形设计招来或者丢失访问者。并非所有的访问者可以完全看到图片,某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之,图形并不能正确的在客户端加载。然而,图形经常被用来作为导航按钮。


  最后要注意,仅仅在需要的时候使用帧(FRAME)。使用帧可以把一个浏览器分成几个不同的窗口,对于站点结构的把握是一个不错的方法。但是,我们还要知道,还是有人在使用不支持帧的浏览器。在我们开始打算设计一个帧的时候,应该仔细的考虑是否的确真的需要。网页设计涉及到对多种软件、多种知识的学习和应用,以及个人的审美观等。所以要想制作出漂亮的网页,需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧有待于我们去挖掘和研究。


  四、版面布局


  网页的版面设计同报刊杂志等平面媒体的版面设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版面设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式,它在传达信息的同时,也产生感官上的美感和精神上的享受。


  在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息,将导航条放在左侧而右侧是正文等,这样的布局结构清晰、易于使用。也可以尝试这些布局的变化形式,例如:左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。在设计中注意多吸取好的网站设计的精髓。


  总之,创建网页是一个不断学习的过程。推出网站的第一个版本只是一个开始,技术和工具在不断的进步,要创建一个好网站就不能陶醉在过去的成绩上。要多欣赏其他设计好的网站,但在欣赏一个网站的时候,要能找到这个网站的优缺点,注意哪些是该学习的,哪些错误是要避免的。查看原文件时,看到某些喜欢的东西,使用浏览器上的查看源文件功能,看看这个效果是如何做出来的。在制作页面之后我们能发现令自己感到惊奇的设计元素和设计灵感。还要主动、灵活的运用一些形式美的法则,以提高网页的美感,提升网站的品位。


核心期刊推荐