平面设计的网页设计

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇平面设计的网页设计范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

平面设计的网页设计范文第1篇

关键词：网页设计；互联网络；信息传播；平面设计教学

每一个时代都有代表性的发明作为这个时代的象征，像第一次工业革命，蒸汽机的发明，使得那时成为蒸汽时代；爱迪生发明了电灯从那时起进入了电的时代，要说21世纪，我想应该是网络的时代，自从互联网的出现使“地球村”的概念更加贴切，可以说网络拉近了地球上每一个角落的人。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。而网页设计是伴随着计算机互联网络的产生而形成的平面设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。设计师如何将网络与设计、技术与艺术完美地结合，是非常值得我们深思和研讨的。

1一骑红尘妃子笑，谁人知是荔枝来之信息传播

信息元素可以说是网络最基本的元素，互联网自始至终都起着一个信息传播的做用，也是由此而产生的。自从人类诞生以来，人类社会至少已经经历了四次意义重大的信息传播革命，每一次信息传播革命都把人类文明推向一个新的发展阶段。第一次信息传播革命是语言传播的诞生。第二次信息传播革命是文字传播的诞生。第三次信息传播革命是印刷传播的诞生。第四次信息传播革命是模拟式电子传播的诞生。

最新的一次信息传播革命，即正在我们身边发生的第五次信息传播革命，是数字式电子——网络传播的诞生。网络媒体的出现，使得传播者与受众之间的传统的相互关系正面临巨大的变化。人类进入了真正的信息时代。

网页设计以信息传达为目的，而传达的最终表现界面则永远也脱离不了媒体。媒体与网页设计之间的关系是互动的，媒体既体现了设计，又给设计带来了局限性；设计既受制于媒体，又是新媒体产生的动力之一。

我们大家所共知的传媒方式有报纸、广播、杂志、电视等等，这些在现代媒体中仍然占主要位置。如果与互联系网络比较的话，它们这些传媒方式就显的相当单一。因此它们的先天缺陷也越来越明显，所以像这种单一的传达方式也使设计师受到了一定程度上的限制。人们接受信息的途径是多方面的。像视觉、听觉、触觉、嗅觉、味觉等一系列感官的综合使我们更加全面的去了解其他的事物。为了能使信息传达的更全面一些，一直在追求完美的设计师也在寻找着一个崭新的媒体来表达完善的设计。因此当今互联网络顺利的成为新生的、综合感官的、充满活力的新媒体，也为设计师创造了前所未有的信息传达手段与途径。而且随着技术的不断发展，它极有可能成为最完善的媒体。这应该引起每一个平面设计师的关注。网络的发展速度和力量是惊人的。

2横看成岭侧成峰之视觉效果

可以说网页是通过视觉元素来进行信息传达的，这里说的视觉元素包括文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是视频，为了使网页获得最大的视觉传达功能，网页设计者所要考虑的是如何适应人们视觉流向的心理和生理的特点把它们放进页面这个“大展示窗口”里。由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。

从理论说起，视觉流程的形成是由人类的视觉特性所决定的。因为人眼独特的结构，造成只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。这样就使得人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。

所以在网页设计中，重要的信息和标题栏通常在这个位置出现。只要遵循视觉流程和符合人们认识过程的心理顺序和思维发展的逻辑顺序就可以更为灵活的运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性。

3进化、发展之必要

网页设计这门学科是一门后期新兴的设计类与网络方面交叉的学科，在最近的几年也随着网络的发展越来越受人们的重视，它是以网络为载体，把各种各样不同的信息以最快捷与最方便的模式传达给每一位与之相关的人员，但是单单这种标准是不够的，人们也对在观看各类信息的同时逐步产生了视视美观的需求。然而每个人对美的追求是不尽相同的，网页设计也是同样的。因为要求了网页不光是把各类信息与事物放上去能看就行，这些对现在的人们已经是远远不够的了，这时设计师就要考虑如何使受众能更好更有效率的接收到网页上的信息。这方面就需要从审美入手了，如何制作出清晰、整体性效果好的页面。使人们浏览起来更方面，心情更舒畅，制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是对平面设计美学的一种继承和延伸。

我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理统一的方式来排布，使整体感加强同时又有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。

4千里之行始于足下之构成效果

文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的

主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。

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

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

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

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

网页在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动。而且，浏览者在洲览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面。

首先是整个页面的色彩选择，确定一个主色调，可以有利于体现网站主题。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握。其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调的需要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。

其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。例如在制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题。

5技术、设计之两手都

网络技术与设计创意的紧密结合，使网页的设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近干电影或电视的观赏效果。技术发展促进了技术与设计的紧密结合，把浏览者带入一个真正现实中的虚拟世界。技术与设计的紧密结合在网页艺术设计中体现得尤为突出。

平面设计的网页设计范文第2篇

结合平面视觉元素在网页设计的应用，网站建设的发展更趋向先进。通过合理运用文字、色彩、图形图像等多个平面视觉元素的组合，在此基础上对整个网页的版面机构进行设计美化，使得浏览网站的用户们在视觉上获得全新的体验以及享受。其次，网页设计过程中融入了平面视觉元素，为网站赢得了较高的用户浏览量，帮助企业公司实现了网站建设的目标，也在互联网这一个领域上有效传递了企业的详细信息以及用户所需的资料，包括企业的产品信息、服务、企业的理念以及品牌历史等。最后，网页设计这设计技术激发了大量的平面设计软件人才的需求，要求网页设计人员需要熟练掌握包括PS，AI在内等诸如此类的网页处理美化软件，一定程度上促进了社会的人才需求。

2存在问题

网页设计是新时代的一种信息传播的途径。一个优秀的网站往往在第一眼就吸引了众多使用者的眼光。反之，如果一个网站在视觉上没有达到一个夺人眼球的效果，那么毫无疑问这个网站的建设是失败的。随着网页设计日益被网站建设者所关注，平面视觉元素的运用也渐渐被人们所注重。很多的网页设计人员由于自身能力的局限以及社会的高度关注的压力，使得设计出来的网站在平面视觉上远远没有达到使用者所要求的效果。

2.1网页版式编排过于简单

页面的版面编排可以说是网页设计过程中最为基本的步骤，但也是最为重要的一步。网站的主页要求是，文字内容上概括性强，图片的使用则要引起人们注意力为佳。而国内的一些网站设计人员为了一味追求页面内容的丰富，往往忽略了网页的版式编排的要求了。总是将所有的图片以及文字胡乱地堆放在一个地方，使得整个网站的网页布局杂乱无章，更不用说能够增强网站的平面视觉效果了。每个网站都会将其包含的内容的重要性划分为好几个等级，而一些网页设计人员未能够注意到这点，会将一些二级页面的内容穿插到网站的主页面，更有的将一些广告或者是图片放在首页，大大影响了使用者浏览网站时的信息获取速度以及效率。

2.2文字排列布局不合理

文字是网页设计中传达信息的最为主要的手段之一，通过文字内容，使用者能够在短时间内迅速获知自己想要了解的内容。由于中文文字具有结构复杂的特点，因此在网站设计过程中，一些设计人员为了引起用户的注意力，刻意在一些文字下方添加下划线，尤其是一些附加链接网址的文字，这样的做法会给用户浏览网站的内容的时候造成不少的视觉阻碍。除此之外，在文字整体的页面布局上也是差强人意，行距就是一个最典型的情况，字体的行间距离会直接影响到用户的阅读速度。试想一下，一大堆密密麻麻的文字，即使被告知其中内容十分精彩，又能保证谁会耐着性子，认认真真地阅读完？答案毫无疑问是否定的。

2.3色彩搭配不当

通常情况下，红绿被认为是最难看的色彩搭配。而当用户打开网站，目光首先都会先被网站的色彩所吸引。人类对色彩十分敏感，一个成功的网页设计，在很大程度上是和设计人员是否会熟练运用色彩及其搭配有关联的。因为网页设计在实质上就是属于平面效果设计的一个分支内容，因此对于色彩的搭配要求之高可想而知。国内的一些网站为了达到一定的视觉效果冲击，总是偏向使用大量的暖色调，大红大紫是很多网站设计人员的色彩搭配习惯。这样的做法不仅没有起到冲击用户的目光，而是影响了用户对网页版式的美感欣赏，更严重的是，影响了用户浏览网页的速度，还干扰了其对信息快速筛选的能力，当然也对网站本身的浏览量带来了一定的消极影响。

3相应的对策及建议

3.1构建合理版面结构

一般的网页用户界面在版面上融入了多种的平面视觉元素。这些元素可以通过合理的组合构成，来达到用户对网站浏览的视觉效果需求，因此一个合理的版面结构对于提高网站的浏览量是十分有利的。打个比方，在文字信息上，相关的网页设计人员可以选择多种的字体结合，或者是单一的艺术字体，来营造出一种丰富的字体效果，在图形图像上的排放也要遵循一定的空间结构。用户的眼光一般都会被主页面的画面感较强的图像所吸引。因此可以考虑将这类的图像放在主要页面的中央，以此达到一个最佳的视觉冲击效果。另外，在色彩上的运用要考虑到版面的整体风格。网页设计人员可以结合图形来一起实行版面分割。这样一来，整个网站的版面就能够既有效传达出了用户所需的信息，又遵循了网页设计本身的视觉效果的表现方式。如果一些网页设计经验尚为欠缺的新手，可以浏览一下日常生活中杂志或报纸的版面分布结构。借鉴其版面在比例尺度、文字内容的安排、图像的穿插以及色彩的运用搭配等方面，综合考虑这些要素，做到熟练运用，营造出一个合理良好的版面布局。

3.2采用直观的文字表达

和其他的平面视觉元素相比起来，文字内容的设计较为关键，因为它是最直观且容易辨认的信息传达媒介。因此，在网页设计中，直观的文字表达能够促进浏览者的阅读兴趣。网页设计又属于平面设计中的一个分支，所以要充分考虑平面视觉效果的体现。一般情况下，字体的采用以默认的为标准，这样很多的当地的用户就可以使用本地的系统字库来进行阅读了，省去了不少下载字体的麻烦步骤。还需要注意的一点是，整个文字安排的布局要合理并且直观。很多浏览者在阅读网页文字内容的时候存在很多的局限性，文字作为网页设计中最为重要的信息传递手段之一，为了达到更好的视觉效果，可以考虑使用比较常见的字体结构，例如黑体和宋体等，大小的安排也是以适中为主，千万不能因为贪图一时的艺术效果而盲目使用一些繁体字或者是比较少见的字体。更为重要的是，比较常见的字体能够保证用户在浏览网站的时候，可以快速又准确地下载自己所需的网站信息以及资料。

3.3色彩运用兼顾总体协调和局部

对比不同的色彩搭配方案可以组成多种不同的美丽画面。按照人类对于色彩的感知规律，一般情况下认为暖色调的色彩比较吸引人的注意力，也就是说，想要用户能够在短时间内记住这个网站，那么使用暖色调是比较明智的选择。为浏览者营造一个良好的网页环境，一定程度上是取决于色彩给人们带来的视觉冲击，每一种色彩给浏览者带来心灵上的感受也不尽相同。如果在应用上注重总体协调，局部对比这么一个原则，那么对网页设计人员创造出一个固定的色彩应用模式起到很大的帮助，同时也有利于促进网页的总体布局风格的形成。

4结语

平面设计的网页设计范文第3篇

关键词：网页设计 平面视觉元素 运用

中图分类号：TP393.0 文献标识码：A 文章编号：1674-098X（2014）07（b）-0209-01

随着计算机技术的发展，全球逐渐缩小成为了一个地球村。在信息化时代，计算机技术对于人们的生活，工作和学习也发挥着越来越重要的作用。网站作为因特网提供服务的门户和基础，已经成为个人，企业及政府机关和获取信息的主要渠道。网页设计不仅是一门技术，也是一门艺术，其涵盖了版式元素和视听元素两方面内容，与艺术有着同样的基本设计形式――点，线，面。点是所有构图最基本的元素，能够形成一定的空间视觉效果。线由点引伸而来，构成完整的画面。

1 文字和图形图像中的运用

1.1 文字设计在网页设计中的运用

文字是全面系统介绍该网页必不可少的因素，首先，制作网页者需要全面了解制作该网页的各方面信息，包括企业的发展史，企业的文化，产品的特色以及产品受众等，并根据这些信息，对产品进行全面彻底地分析，以确定网页的文字风格，画面风格，版面形式，使浏览网页的受众认可。比如说，设计一个古典文学网页的时候，整体的画面应当偏向于古风，可以是写意的山水，持着团扇扑流莹的美人，诗意的田园风光，杨柳依依的春季，风荷飘香的夏季，枫桥夜泊的秋季，白雪纷飞的冬季等。还可以链接一些古典的音乐，例如平远的《冬雪》，子雷的《千年风雅》或者是林海的《琵琶语》等，然后在画面中添加富有诗意的句子，例如“红颜弹指老，天下若微尘”，“长相思兮长相忆，短相思兮无穷极”等，以渲染画面整体的古典感。在做介绍的时候，可以运用富有内涵的语句，进一步加深该网站的文学气息，当热爱文学的受众浏览该网站的时候，便可以升起一种共鸣感，愿意继续深入了解该网站。随着科技的发展，图片，动画，音乐等元素在网页设计中的作用越来越大，但是文字仍旧是一种不可替代的元素，尤其是在新闻，信息，科技类的网站中，文字对信息的传播具有重要的意义。其次，在网页设计中的文字不仅有传递信息的基本功能，还具有一定的美学功能，就中国文字本身而言，不论是遒劲有力的草书，还是飘逸隽秀的小楷，都能够成为艺术品供人观赏。再者，普通的文字还能够进行艺术加工，变成富有美感的艺术字，提高画面整体的艺术感。

1.2 图形图像在网页设计中的运用

图形图像对网页整体画面气氛的渲染具有重要的作用，能够最直白生动地向浏览网站的人传达信息。比如说一个有关科技的网站，需要添加许多新兴科技研究成果的资料图片，以使人对其所描述的物质有所了解。而一个文学网站，需要依赖于一些唯美，伤感，古典的图片来吸引文艺青年的眼球，显示出整个网站的风格底蕴。在视觉表达效果上，图片要力求使人有愉悦的感觉，在人们浏览网页的时候，不仅仅需要从中获取知识，还需要得到审美的享受。因此设计者要充分考虑画面的整体布局，色彩的搭配，绘画的风格以及画面的内涵。科学严谨的网站应当以简约风为主，而讲求艺术的网站应该追求耳目一新的感觉，有关文学的网站画面则需要含蓄唯美。不同的网页设计要求不同，但是目的是一致的，即取悦目标受众，提高受众对该网页的认可度。

2 色彩与版式设计中的运用

2.1 色彩在网页设计中的运用

色彩能够确定图片的风格，因此色彩搭配是网页设计中较为重要的环节之一。冷暖色调不能随意混搭，否则容易产生强烈的视觉冲击，造成不悦感。一般情况下，红色象征着热情，奔放与活力，但是红色与黑色交叉或者渐变，将红色整体的明亮格调降低了，画面就会变得阴郁可怖，犹如人喋血一般。天蓝色与明媚的天空颜色相似，能够给人一种充满希望的感觉，而深蓝色与大海，阴沉的天空颜色相近，能给人一种深邃，阴暗的感觉。红色与黄色交织，与曙光朝阳一样熠熠生辉，蓝色与紫色共舞，和暗夜跳动的精灵一样魅惑妖冶，不同的色彩呈现出不同的视觉效果，搭配好了，方能够渲染出图片所需表达的氛围。或者是田园清新的风格，或者是愁云惨雾，大雪纷飞的伤感风格，或者是大漠孤烟，长河落日的悲壮风格，总而言之，选用合适的色彩，方能够很好地表现出网页的主题。

2.2 版式设计在网页设计中的运用

版式设计影响整体画面的效果，一般情况下，网页设计的版式主要有三种类型，分别是骨骼型，满版型，分割型。骨骼型类似于一般报纸的排版，分栏目，分板块，或横或竖。骨骼型版面条理清晰，内容板块划分清楚，适宜设计科学，信息，新闻类型的网页。满版型则是图片几乎覆盖整个版面的版型，图片大，能够比较直观地传达出信息，达到很好的渲染气氛的效果。比如说一般的文学网页，网站的首页以巨大的古风壁纸为背景，或者渲染出一种萧瑟苍凉的古意，或者渲染出一种温婉妩媚的江南风情，使人刚点击进入便被其唯美的画面所震撼。分割型比较简单，即分为上下两个板块，再分别安置图片和文字。随着科技的不断发展，人们更青睐于使用具有较大视觉冲击力的满版型。在设计版面的时候，需要格外留心标题的设计，因为标题通常会成为整个版面的点睛之笔。一般情况下，标题将被安放在顶端或者右侧，并加粗加大，醒目突出。如果标题设计出了问题，将会成为整个版面的败笔，破坏整体的效果。因此设计标题时，需要考虑其与整体风格的搭配，比如说有关科技类的网页，标题不宜过于花哨，而文学类的网页则需要考究标题的字体，因为遒劲有力的行草或者清逸隽秀的小楷显示出的风格是完全不同的。如果整体画面比较苍凉萧索，则应该选择较为凌乱的字体，如果整体画面比较清新明丽，则应该选择比较工整的字体，以搭配整个画面的风格。

3 结语

网页设计中的视觉元素体系较为庞大繁琐，但是其不仅具有强大的应用功能，还具有强大的审美功能。设计者应该站在艺术家和技术师的角度考虑问题，以网页的主题为设计依据，设计出符合目标受众口味的网页。

参考文献

[1] 公茂兰.平面视觉元素在网页设计中的运用[J].网络导报，在线教育，2012（41）：163-164.

平面设计的网页设计范文第4篇

关键词： 网页与平面设计 色彩 心理学

一、网页的平面设计

每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站，这是因为没有和平面设计紧密结合。网页本身就是无数个“页面”的平面，平面设计规则也适用网页设计，网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，才能设计出符合审美规则的网页。故设计者应该巧妙利用平面设计的设计规则，结合网络媒体的特点，认识网络，了解平面的特征，才能使网页更加适合于网络上的传播。

平面设计中如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强的同时又要有变化，怎样使它们脉络清楚又富有清晰的视觉效果等等。例如哈尔滨商业大学设计艺术学院网页设计之欢迎界面，在黄色的背景衬托下，各种线条贯穿其中，运用平面设计中的图形设计加以修饰，增加网页设计的美感和大众的视觉审美需求。符合设计学院的设计的理念，又有学术机构的沉稳。内容与形式的表现达到了高度的统一。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。哈尔滨商业大学设计艺术学院网页设计之主页设计作为设计的主体，如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。主页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。再次，网页版式的新意，网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视听传达方式，它在传达信息的同时，也产生感官上的美感和精神上的享受。哈尔滨商业大学设计艺术学院网页设计的版式设计赋予了很多心意，版面运用欢快轻盈的风格进行设计，打破常理设计规范，有鲜明的节奏感，给人以生机盎然的感受，版面中的文字和图片利用线条隔开，主题突出，追求某种富于活力的图文编排与设计。

二、网页视觉设计中色彩的设计

网页的色彩，是最先也是最持久地给浏览者以网站形象的因素，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计。色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就有人给各种色彩都加上特定的含义：红色：强有力、喜庆的色彩，很容易使人有兴奋感觉，是一种雄壮的精神体现；黄色：亮度最高的色，给人感觉就是很有温暖感；绿色：美丽、优雅，给人感觉大度、宽容；蓝色：永恒、博大，给人感觉平静、理智；紫色：神秘、女性、温柔、冒险；黑色：有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉；白色：有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受；灰色：具有中庸、平凡、温和、谦让、中立和高雅的感觉。网页的色彩使用得当可以产生强烈的视觉效果，使页面更加生动。巧妙使用色彩可以直接影响阅读者的观赏兴趣，因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面：

2.1确定主体色。确定一个主色调，可以有利于体现网站主题，遵循主从关系，这是最稳定的处理色彩原则，在网页设计页面上，除白色为背景外大量使用的颜色，就是这个网页的主体颜色。如果在同一个页面内运用了多种颜色，把握不好的话，就无法确定哪个是主体色。因为其他的颜色面积不能过大，要遵循主从关系。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，哈尔滨商业大学设计艺术学院网页的主体色就是以浅黄色、浅蓝色为主色调，整体感觉柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握。

平面设计的网页设计范文第5篇

网页设计是网络技术与设计艺术的交叉学科，需要网页设计者既要懂得熟练的计算机专业技术，还要具有较高的平面设计艺术特征。在互联网高速发展的时代背景下，网页成为直接吸引浏览者的因素，如何在美观程度、视觉冲击以及版面构成等方面满足网民的审美需求是网页设计应用美学的最大价值所在。

1 网页设计的特征

网页设计作为一种特殊的信息媒介设计，要求网页界面的设计要满足多元化发展的需要，具体表现在：

1）交互性。网络时代背景下的网页优势在于实现了信息的动态变化与即时交互性，因此在网页设计时也必须要紧紧把握即时交互性原则，不仅要保证信息需求者可以第一时间掌握最新发生的信息，而且还要满足视界效果的更新性，让信息浏览者以一个主动者的角色加入到信息处理中。比如某网站的界面设计内容会随着某种信息宣传的需求而不定期的更改版面，以此满足浏览者的信息需求要求。

2）特定的设计风格。网页设计是由特定的主体决定的，也就是不同的网站主题决定了网页设计风格，而网站的主题则是需要通过网站的色彩与视觉符号直接体现出来的，一般在进行网页设计时需要确定网站的主题，然后在根据网站主题内容进行相应颜色的选择。以红色教育网站为例，一般红色教育网站的页面都以红色或者黑色为主，这主要是与“红色革命”教育有关。另外其还具有版面编排的不可控性。在进行网页设计时不能对版面大小进行控制，这主要是根据用户端的媒介工具有关。

3）技术与艺术的有序结合。网页设计属于一门新兴的学科，其需要应用到大量的专业学科知识，尤其是艺术与计算机技术的融合是网页设计的最大特点，网页设计不能以技术为中心，而是强调技术与艺术的融合，通过艺术反映网页内容，以技术支撑艺术设计。尤其是要注意的是网页技术的 应用要适合网络环境，不能单独的强调艺术效应而忽视技术的应用。

2 网页设计中应用美学的具体体现

从网页设计的发展历程来看，网页设计经历了三个发展阶段：一是简单的静态网页阶段；二是图文并茂的网页设计阶段；三是动态互动式的网页设计阶段。随着网民对网页视觉需求的日益提高以及网站竞争的日益严峻，如何吸引浏览者的注意力是网页设计者需要考虑的问题。美学不是抽象的概念，而是融合多种艺术表现手段的系统，通过运用美学可以提升网页设计的内涵，完善网页设计的功能，达到网页在内容、功能以及形式上的完善。具体美学在网页设计中的应用主要体现在：

1）美术设计在网页设计中的应用

在网页设计中，美术设计属于重要的应用部分，完善的美术设计可以丰富网页的内容，给浏览者以独特的视觉冲击。美术设计的应用主要包括：一是文字语言的应用设计。文字是信息传递的重要载体，不同的文字设计效果会带来不同的视觉效果。另外在文字的编排上要侧重艺术性与实用性，具体就是网页界面文字设计编排一定要与网站的整体界面内容相符合，实现传递信息的同时要实现视觉美感；二是图形图像的设计。图形图像是网页的重要组成部分，优美的图形图像可以足够信息网民的眼球，图形图像可以直接将设计者的理念反映出来，图形图像可以通过点、线、面融合的方式达到，通过各种艺术表现形式达到优化网页设计的目的。当然在网页设计中使用大胆、个性化的图形可以增加冲击效果。图形图像应用到网页设计中需要设计者根据设计要求选择相应的设计元素，直线图形会给人一种简单明确的效果，而粗直线图形则显得画面的厚度，给人以稳定。

2）色彩在网页设计中的应用

色彩是网页设计中的视知觉感受因素，色彩在网页设计中的效果是巨大的，其主要具有划分视觉分区、重点标记主题以及引起更多关注的特点。色彩在网页设计中的应用为：一是色彩的对比。不同的色彩在一起会形成不同的视觉感受，因此通过色彩对比可以确定设计的主题，达到视觉效果。在网页设计时背景面积大的时候可以采取明度高、纯度低的配色，以此实现视觉效应；二是色彩的应用处理。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色。不同的职业有着固定的颜色，例如绿色一般代表军人，白色代表医生等。

3）平面设计在网页设计中的应用

平面设计是相对网页结构而言的，平面设计强度的是各种网页组成部分的形态比例、对比等效果：一是比例。注重比例关系是处理整体与局部的重要手段，在网页设计中需要融合文字、图形图像以及动画等，因此需要对不同的部位进行整体的比例设计，以此实现结构合理化。一般用于平面设计的方法是水平分割、垂直分割以及比例分割等等；二是重复与渐变。平面设计需要对图形等进行科学的设计，以此达到柔和和含蓄的力量。比如在我们登入某些网页时存在登入就自动弹出一些窗口的现象，此种现象影响浏览心情，所有这就需要网页设计时认识到此种问题，降低使用悬浮界面，并且对网页中的内容结构等进行优化设计，定期进行更新，防止网页内容过于陈旧，而导致信息浏览者出现审美疲劳。

4）网页的合理布局

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、FLASH型、综合框架型等。在以上布局中，对于不同的形状，代表着不同的意义。比如：矩形代表着正式、规则，很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和、团结、温暖、安全等，许多时尚站点喜欢以圆形为页面整体造型，三角型代表着力量、权威、牢固、侵略等，许多大型的商业站点为了显示它的权威性常以三角形为页面的整体造型；菱形代表着平衡、协调、公平，一些交友站点常运用菱形作为页面整体造型。目前的网页制作多数是结合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。

3 网页设计应用美学的发展趋势