网页设计几大要素
当前位置:贝知网>知识分享>设计开发>网页设计几大要素
网页设计几大要素
时间:2022-09-23 设计开发

网页设计几大要素

网页设计几大要素

文本是网页中的主要信息,在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。下面介绍网页设计几大要素,希望可以帮助到大家。

一、框架

框架是网页的一种组织形式,将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如,我们可以在一个框架内放置导航栏,另一个框架中的内容可以随着单击导航栏中的链接而改变,这样我们只要制作一个导航栏的网页即可,而必将导航栏的内容复制到各栏目的网页中去。

二、文本

文本是网页中的主要信息。在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。这里指的文字是文本文字,而并非图片中的文字。在网页制作中,文字可以方便地设置成各种字体和大小,但是这里还是建议,用于正文的文字不要太大,也不要使用太多的字体,中文文字使用宋体、9磅或者12、14像素左右即可。因为过大的字在显示器中显示时线条的显示不够平滑、颜色也不要使用得太过复杂,以免造成影响用户视觉。大段文本文字排列,建议参考一下优秀的报纸杂志等。

二、图片

今天看到的丰富多彩的网页,都是因为网页中有了图象,可见图象在网页中的重要性。用于网页上的图片一般为JPG和GIF格式的,即以。jpg和。gif为后缀的文件。

四、超链接超链接是整个网站的通道,它是把网页指向另一个目的端的链接。

例如指向另一个网页或相同网页上的不同位置。这个目的端通常是另一个网页,但也可以是图片、电子邮件地址、文件、程序,或者也可以是本阿谀的其他位置。超链接可以是文本或者图片。超链接广泛的存在于网页的图片和文字中,提供与图片和文字相关内容的链接。在超链接上单击鼠标左键,即可链接到相应地址(URL)的网页。有链接的地方,鼠标指到光标会变成小手形状。可以说超链接正是Web的主要特色。

五、表格是网页排版的灵魂。

使用表格排版是网页的主要制作形式之一。通过表格可以精确的控制各网页元素在网页中的位置。表格并非指网页中直观意义的表格,范围要更广一些,它是HTML语言中一种元素。表格主要用于网页内容的排列,组织整个网页的外观,通过在表格中放置相应的内容,即可有效的组合成符合设计效果的页面。有了表格的存在,网页中的元素得以方便的固定在设计位置上。一般表格的边线不在网页中显示。

六、表单

表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框,以及从下拉菜单中选择选项。在添写好标单之后,站点访问者便送出输入的数据库,该觳觫句哭就会根据所设置的表单处理程序,以各种不同的方式进行处理。

七、动画

动画是网页上最活跃的元素,通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。但太多的动画让人眼花缭乱,无心细看。这就使得对动画制作的要求越来越高。通常的制作动画的软件有flash、web animator等。Macromedia的flash虽然出现的时间不长,但已经成为了最重要的Web动画形式之一。Flash不仅比htm易学得多,而且有很多重要的动画特征,如关键桢补间、运动路径、动画蒙版、形状变形和洋葱皮效果等。利用这个多才多艺的程序,不仅可以建立Flash电影,而且可以把动画输出为QuickTime文件,GIF文件或其他许多不同的文件格式(PICT、JPEG、PNG等)。

八、其他

网页中除了这些基本元素外,还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。

网页界面的构成要素

对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

1.文字的编排与设计

文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,所以网页中文字将占据相当大的面积,文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息,而要达到这种传达的有效性,必须考虑文字编辑的整体效果,能给人以清晰的视觉印象,避免页面繁杂零乱,减去不必要的装饰变化,使人易认、易懂、易读。不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主题。

网页文字编排与设计,重要的一点在于要服从信息内容的性质及特点的要求,其风格要与内容特性相吻合,而不是相脱离,更不能相互冲突。如政府网页其文字具有庄重和规范的特质,字体造型规整而有序,简洁而大方;休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受;有关历史文化教育方面的网页,字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调;公司网页可根据行业性质、企业理念或产品特点,追求某种富于活力的字体编排与设计;个人主页则可结合个人的性格特点及追求,别出心裁,给人一种强烈独特印象。

在网页文字的编排与设计中,由于计算机给我们提供了大量可供选择的字体,导致字体的变化趋于多样化。这既为网页编辑提供了方便,同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多,但在同一网页上,使用几种字体尚需精心编辑和考虑。一般来讲,同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的,所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一,除了表意以外,还具有传达感情的功能,因而必须具有视觉上的美感,能给人以美好印象,获得良好的心理反应。

2.图片的编排与设计

图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息,成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说,要使网页在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片。对于一条信息来说,图片对受众吸引也远远超过单纯的文字。

网络图片的特点:一个特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上,受显示器最小分辨率的限制,即使图片的分辨率很高,颜色深度很大,我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说,分辨率为72dpi(dotperinch)是大多数图片最佳选择;另一个特点是,图片要尽量小。网络页面的图片用于网络的传输,受到带宽的限制,其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小,下载的时间就会越短。

图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。要达到这样的效果,在页面图片的合理选用时,一要注意统一,二要注意悦目,三要注意突出重点,特别是在处理和相关文字编排在一起的图片时。