400-609-4309

网页设计构成的要素

网页设计构成的要素

图片比文字更能吸引人的眼球,所以在某些突出的位置,可以放置一些比较出彩的图片,这样既能达到美观的效果,又能让浏览者对网页印象深刻。下面介绍网页设计构成的要素,希望可以帮助到大家。

网页设计构成的要素

要素1:图片

图片比文字更能吸引人的眼球,所以网页中要善用图片。在某些突出的位置,可以放置一些比较出彩的图片,这样既能达到美观的效果,又能让浏览者对网页印象深刻。

要素2:排版

有文字、有图片、有颜色,网页有这些就够了吗?No!光是这些,还不够,还需要有专业的排版技术,把这些要素整合起来,组成一个协调的页面。排版需要顾忌很多,要注意字间距,文字、图片的数量,颜色的搭配,页面留白等等,是个细致活。

要素3:多媒体

有些网页为了博眼球,会放置音频、动画、视频等等,这些就是多媒体了。但是,一在一般的网页中,存在大量的多媒体并不是一件好事,这些多媒体会对网页打开速度造成影响。一般,放置多媒体,需要量力而行。

要素4:文字

文字是网页中最主要的一部分。对于文字的把握,主要有两点。一是简洁、明了,能够让用户读得下去;二是数量的掌握,文字太少,会显得单调,文字多了,网页就会显得很乏味。

要素5:色彩

色彩的搭配,能体现出一个网页设计者的审美观,也会直接影响到浏览者的观感。网页的颜色不用很多,但是一定要搭配得当。一个网页一般会有一个主打色,用以配合网页的主题。其他的颜色,辅以调节的作用。

网站制作之网页设计的要素

第一、网页布局与内容的结合

网站制作过程中必须要考虑设计与内容的结合,体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。浩威工作室的一位资深设计师说:对称性原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。图片与文字相结合,更能体现网站的美观。

第二、网站的设计

一个网站首先需要设计出来之后才能开始制作,网页设计要讲究编排和布局,版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。尤其是我们在利用网页效果体现在线营销的意图时,更要注意为了达到最好的视觉表现效果,而且要讲究整体布局的合理性,比如一家企业,它需要展示自己的产品,所提供产品的名称、型号、价格、功能介绍等应怎样编排才能使浏览者有一个流畅的视觉体验,从而方便他对产品的了解,促成最后的购买。

第三、网页设计中色彩的搭配

要想做出一个美观、大气的网站,那么在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配,这样才能设计出一个美丽的页面。根据色彩对人们心理的影响,合理地组合运用,不同行业所采取的主色也是不同的,主色的选择也是有讲究的。另要注意的是网页的颜色应用虽没有限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,然后再搭配其他的颜色来进行辅助。还有一个问题需要注意的是:由于国家和种族、宗教和信仰的不同,以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异,所以选择主色的时候要稍微谨慎一点。

网页制作中的网页设计是很重要的,它是一个网站的门面,设计好了,可以让浏览着更多的停留在你的网站页面上,愿意花更多的时间来了解你的企业,这样才能为企业更多的创作价值。

网页设计的任务

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。

网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。

网页设计构成的要素

第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。

第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。

网页的优化

在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。

在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。

我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。

网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章