时间：2023-09-25 18:00:31
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计与平面设计，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
1.网页设计的概念
所谓的网页设计就是丰富网站的内容和形式，并将网页的拥有者的思想表达出现，而在网页设计中，重要的两项工作就是排版和编辑。现在网络迅速的发展，让在网络中活动的人越来越多，在加上网络技术也在不断的更新，让网络更加吸引网友的目光，也让设计的空间越来越广。由此带来的机遇让很多的平面设计师为之一振。但是网路世界的技术是事实更新的，所以网页设计的更新速度需要加快，才能够适应不断变化的网络环境。网页设计不仅为众多人员提供了新的展现的舞台，也让众多的企业在此收获更多的利益。人们随着网络的普及，生活的理念和技术科技的理念也不断的变化，信息传递的速度不断提高，生活与网络现在是密不可分的状态，人们现在能够实现在不出门的情况下，就能够获得更多的信息与交流。也可以说网页设计在网络信息的传递中占有重要的地位，网页设计利用视觉和听觉的效果满足人们的在生活中的信息要求。
2.平面设计的概念
所谓的平面设计就是人们利用先进网络科技来表达思想和行为的一种方式，并利用网络中的文字或是视觉、听觉的效果达到人们对信息的认知，也是人们利用网络交流的一种技术平台。平面设计利用计算机对信息内容进行处理，利用文字、图片、或者各式的图形进行重新整理，让观看的人员能够清楚的了解到表达的思想。平面设计的起初，都是文字和简单的图形呈现在人们的视野中，在对相应的文字进行简单的排版和设计，这些平面设计的元素都是呈现在二维平面上的视觉效果，在二维平面上进行精心的布局，利用图形的组合及构造、文字的表达，在二维空间上传达相应的信息和数据。而真正的平面设计是在印刷业中发展而来，平面设计的理念主要就是设计、表达、思想，这也是平面设计的主要精髓，其他就包括创意、色彩、图形、排版等。在网络设计发展迅速的今天，平面设计的存在是人们追求生活的一种方式，也是设计行业中新型的课题。
二、网页设计与平面设计的关系与运用
1.网页设计与平面设计的关系
平面设计在现在的生活中占有很重要的地位，因为现在的人们生活中需要更多的信息量，而传统的电视或是广播的形式已经不能够满足生活的需求，所以网络的普及是必然的结果。而现在的平面设计已经升华的传统的印刷技术，用更加突出的视觉表达方式来描述目标，所以平面设计与网页设计都是工业发展的一种表现形态。平面设计在二维空间运用的更加广泛，利用视觉元素与文字、图形等方式，在用科学的排版方式将元素进行重新组合，将组合后的成品进行印刷成书籍或是刊物、海报等，以这样的方式将想要传达的信息传达到人们的视野中，虽然这些信息是静止的文字和图片，但是这些文字也达到了传达信息的目的。网页设计也是表达信息中的一个重要的形式，网页设计是将传统的二维平面设计的里面更加的完善，利用网络的形式来表达信息内容的丰富性和活跃性。在网页设计中，信息表达的方式更加的鲜活，视觉效果更加鲜明，所以，网页设计以及超越了平面设计的二维理念，是现在以新媒体为大背景下的重要发展方向，也是设计领域的全新话题。
2.网页设计在平面设计中的运用
（1）网页设计视觉效果在平面设计中的运用
在进行平面设计的时候，利用网页设计中的视觉效果来描述平面设计的信息，让信息通过不同的表达方式改变形象改变人们对平面设计的印象。在平面设计的视觉效果的运用中，利用了色彩和原色和图形的构成，借助在平面中颜色能够调和的情况，将画面修饰的更加让人畅心悦目。这样也同样展示了网页设计的颜色原色和随意的性质也同样在平面设计中能够达到非常好的视觉效果，这样的应用也让平面设计的信息得到更加广泛的流传和传播。在网页设计的过程中能够充分的体现色彩的变化和动态结构的表现，也能够借助于网络来表达更多的更加鲜明的视觉效果。网页设计是能够用多种元素来诱导浏览者的兴趣，从而达到让浏览者记住的目的。在平面设计中这样的效果也能够达到，就是将网页设计中的视觉效果利用到平面设计中，让传统的二维平面设计的版面加上网页设计的色彩和图案，加深阅读者的兴趣和记忆。同样网页设计的新理念在平面设计中的利用也能够展现出不同的艺术魅力。
（2）网页设计色彩效果在平面设计中的运用
人们在浏览网站或是书籍的时候，对色彩有特别的感知，所以无论是网页设计还是平面设计色彩效果是非常重要的。人们对于色彩的认知是呈现战略性质的，色彩不仅可以表现出不用的颜色，也可以通过颜色来表达不同的意思，表达不同的情绪和意义，如果两个人的色彩认识是相同的，那么则会引起两个人的共鸣。在网页设计中，不同颜色的设计在页面上的表达意义是不同的，让网页浏览者在观看的时候能够感受到不同的世界和创意，所以说色彩设计效果是一种能够激发浏览者内心想法的设计效果，这样的效果非常的直接和简单，也能够传递更多的想法，是网页设计中不可缺少的设计元素。在设计的过程中，能够精确的把握好色彩的使用，是非常有益处的。在网页设计的时候，一般都是多色搭配的方式，而单色的形式比较少，因为颜色绚丽的页面观看浏览的人更加的多，网页也更加有吸引力。而平面设计中的色彩一般都以现在封面或是里面的彩页上面，所占的比例非常的少，在页面之上也需要保持干净整洁，也需要在页面上清楚的表示出所需要的文字，这样才能够利用有限的空间，充分的发挥色彩的魅力，让浏览者能够直接了解表达的意思和传播的信息。在平面设计中也需要增强设计的识别性质，能够借助相应的语言与浏览者达成一致，延长浏览者的时间，并让浏览者记住内容。
（3）网页设计文字效果在平面设计中的运用
文字在网络和平面设计中都是必不可少的元素，只有文字才能够表达信息的内容，这是一种特别的识别符号，并且文字也是人们语言的一种表达方式。在网页设计中，文字不仅能够将信息变得更加易懂，也能够将想要表达的内容展示的更加清晰和明确。网页中的文字效果有很多种，其文字效果也可以运用在平面设计中。在平面设计中；利用合理的排版、和空间的布局让文字有一定的指引效果，也借助于文字的编辑将文字的价值淋淋尽致的展现在二维平面中，使其能够达到最大的感染力和宣传力。在平面设计中文字的重要性不仅是表现主要表达的内容，也是传达作者的思想，而且在平面设计中也发挥了文字的音律感等加强文字的艺术效果和魅力。平面设计在文字的表达上比网页设计中更加的自由，因为平面设计在后期需要利用印刷技术将其印在纸张之上，而网页设计则是在网络中直接展现的，所以在文字形式有所约束，因为文字会通过系统的监测变成默认的字体。所以说平面设计与网页设计在文字方面平面设计是占有非常大的优势的。
三、结语
摘要： 网页设计在网络高速发展的今天已经成为重要的设计门类，不仅是对平面视觉传达设计美学的一种继承和延伸，更是艺术与技术的高度统一。作者以哈尔滨商业大学设计艺术学院网页设计为例分析网页的平面设计，尝试从平面艺术设计的内容、原则和形式美等方面分析；从网页的色彩设计和网页心理学方面分析，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。
关键词： 网页与平面设计 色彩 心理学
1 网页的平面设计
每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站，这是因为没有和平面设计紧密结合。网页本身就是无数个“页面”的平面，平面设计规则也适用网页设计，网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，才能设计出符合审美规则的网页。故设计者应该巧妙利用平面设计的设计规则，结合网络媒体的特点，认识网络，了解平面的特征，才能使网页更加适合于网络上的传播。
平面设计中如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强的同时又要有变化，怎样使它们脉络清楚又富有清晰的视觉效果等等。例如哈尔滨商业大学设计艺术学院网页设计之欢迎界面，在黄色的背景衬托下，各种线条贯穿其中，运用平面设计中的图形设计加以修饰，增加网页设计的美感和大众的视觉审美需求。符合设计学院的设计的理念，又有学术机构的沉稳。内容与形式的表现达到了高度的统一。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。哈尔滨商业大学设计艺术学院网页设计之主页设计作为设计的主体，如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。主页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。再次，网页版式的新意，网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视听传达方式，它在传达信息的同时，也产生感官上的美感和精神上的享受。哈尔滨商业大学设计艺术学院网页设计的版式设计赋予了很多心意，版面运用欢快轻盈的风格进行设计，打破常理设计规范，有鲜明的节奏感，给人以生机盎然的感受，版面中的文字和图片利用线条隔开，主题突出，追求某种富于活力的图文编排与设计。
2 网页视觉设计中色彩的设计
网页的色彩，是最先也是最持久地给浏览者以网站形象的因素，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计。色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就有人给各种色彩都加上特定的含义：红色：强有力、喜庆的色彩，很容易使人有兴奋感觉，是一种雄壮的精神体现；黄色：亮度最高的色，给人感觉就是很有温暖感；绿色：美丽、优雅，给人感觉大度、宽容；蓝色：永恒、博大，给人感觉平静、理智；紫色：神秘、女性、温柔、冒险；黑色：有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉；白色：有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受；灰色：具有中庸、平凡、温和、谦让、中立和高雅的感觉。网页的色彩使用得当可以产生强烈的视觉效果，使页面更加生动。巧妙使用色彩可以直接影响阅读者的观赏兴趣，因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面：
&n
关键词：网页设计；视觉信息；传达；分析
1 网页中的视觉
网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。
视觉流程的形成是由人类的视觉特性所决定的。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线贯穿其中，使整个版面的运动趋势有一个主旋律。平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。网页设计是一门艺术和技术的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，因此网页设计逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计是要制作出清晰、整体性好的页面。人浏览起来心情愉快，接收信息也会更加容易。网页设计是要把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。
变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化；怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。
2 网页设计的审美需求
网页设计是一门新兴的艺术和技术的交叉学科，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计同样如此。需要从审美的方面入手，制作出清晰、整体性好的页面。人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。
变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地。
3 网页中各构成要素分析
对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。
3.1 文字的编排与设计
文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。
和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间比较短，所以对于网页设计中的文字编排应该满足以下几个要求：第一，文字编排的过程中选择一些经常使用，用户经常见到的字体。第二，尽可能多地使用黑体和宋体，宋体的阅读方式最便捷，更富有现代气息。第三，限制页面风格，以突出强调作用。
3.2 图片的编排
在网页设计中，图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得有趣，最简单的方法就是使用图片。
4 结语
在我国不断发展的进程中，网页可以说是一种全新的视觉表现形式，不仅包含了平面设计的各种理念，还具有跟其他文化不同的优点。如果要做好网页设计，绝对不是一件容易的事情，这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容，更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天，网页设计的价值不应该只局限于提高信息的传达效率，还应该重视给用户带来视觉的审美享受。
参考文献：
[1] 谢依君.电子报的新闻介面分析[D].台北：台湾国立政治大学，1999.
关键词：网页设计；平面设计元素；运用；问题探索
中图分类号：G642 文献标识码：B 文章编号：1002-7661（2016）05-004-01
随着经济社会的逐渐发展，网页设计已经从最开始的计算机技术，逐渐演变为一门设计艺术。众多网页建设者都开始利用较为艺术性的设计作品，来提升网页的整体视觉效果。简而言之，网页设计已经开始将艺术和计算机相互结合，再通过平面视觉元素的同一调试呈现出来。
一、相关理论基础
1、网页设计
从总体层面而言，网页设计是平面设计的重要组成部分，主要根据公司、企业或者商业需求，进行有目的的网站功能的策划工作。从分类角度而言，可以分为功能性、信息性以及形象性三种网页设计。
2、平面视觉元素
平面视觉元祖主要是指利用文字、色彩、图形等基本元素，并将其相互结合或进行各种平面设计，从而将有效信息传递给受众群体，提升受众群体对展示产品的印象力。
3、平面视觉因素的重要优势
在网页设计过程中运用平面视觉元素，能够确保网站建设发展更趋向于先进性、艺术性。通过合理运用文字、色彩和图像的基本元素及组合，对整个网页版面整体进行美化，可以使得周中群体获得新性视觉享受。其次，利用平面视觉因素能够提升网页的用户流浪量，帮助企业、用户实现网站建设理念，并传递企业产品信息、服务以及品牌资料等等；
二、网页设计过程中的诸多问题
网页设计的重要目的在于传递信息，优秀的网站设计往往会刺激受众群体眼球。当前，网设计设计日益成为网站建设者关注的重要部分，而平面视觉元素已经被大量运用于网页设计中。但众多网页因为人为因素、社会高度关注以及自身能力局限，导致诸多问题频现，无法达到使用者的要求效果：
1、网页整体编排太过简陋
网页编辑是网页设计中最为基本的步骤。网页具体要求是“文字内容简洁明了，概括性强，图片内容则需要刺激受众群体视角”。但从国内网页整体编排情况来看，大部分设计人员一味追求页面内容丰富，不是网页版式编辑需求。图片内容往往与文字内容相互堆砌，让网页显得非常杂乱，更遑论提升网页平面视觉效果了。除此之外，每个网页所包含的具体内容包括几个方面，但部分网页设计人员往往忽视这点，并将有些非主要内容安排到网页主页面，或者将广告宣传设置到显著位置，者极大的影响了使用者网站的个人心情及信息获取速度。
在网页设计过程中，文字担负着传递信息的重要途径。通过文字内容，网页浏览者能够清晰的获得自己去要的内容。但中文文字结构较为复杂，诸多网页设计师往往在网站设计过程中，刻意的对文字进行编辑，例如下划线，附加链接，或者艺术化等等，这些的安排尽管会突出文字所表达的信息，但同样会给浏览者带来视觉障碍。除此之外，文字整体布局同样欠考虑，字体的大小、行距都会影响到阅读速度，部分网页设计中文字过多，即便内容精彩，但同样无法传递给浏览者准确信息。
3、网页色彩运用不够完善
通常情况下，浏览者在打开网页页面时，最先接受的往往都是色彩。优秀的网页设计往往与设计师自身的色彩运用息息相关，毕竟网页设计必须考虑到平面视觉效果，导致对色彩要求极高。但国内部分网页设计往往单纯考虑到视觉效果，个人倾向的重用暖色调，大红大紫的色彩搭配习惯或许能够吸引浏览者的眼球，但同样或使得网页美感效果下降，甚至直接干扰浏览者对信息快速筛选的能力。
三、网页设计具体对策建议
1、科学合理设置版面结构。大多数的网页用户界面往往会在版面编辑过程中融入平面视觉元素。以文字信息为例，相关设计人员可以利用多种字体进行结合，或者创作单纯的艺术字体，以营造出多样化的文字效果。图形图像排版层面则更应该遵循特定的空间结构，且必须处于页面中央，以吸引受众群体的眼球，达到强烈的视觉冲击效果；
除此之外，色彩运用层面同样需要从整体角度着手。网页设计人员可以结合图形的基本特点，实施版面分割。如此这般，网站版面就能够有效传达产品信息，遵循自身视觉效果的表现方式。当然，经验欠缺的世界人员，同样可以从日常生活杂志、报之、期刊层面着手，借鉴版面尺度、文字内容、图像安排以及色彩搭配等层面方式，最终营造出科学合理的版面结构。
2、简洁明了的文字表达。与平面视觉元素的其它层面相比，文字内容部门非常关键，这是受众群体能够直观获取信息且能够辨认的途径。因此，简洁明了的利用文字信息，传递产品关键词，能够直接提升浏览者的阅读兴趣。一般情况下，网页设计中字体同样以默认为标准，这能够确保众多受众群体利用本地系统字库来阅读，省去下载麻烦。
当然，需要注意的是，文字编排布局必须合理。众多浏览者在阅读文字内容过程中局限性较大，为达到明确的视觉效果，文字编排可以考虑常规的字体结构，大小同样以适中为主，且为艺术效果而盲目使用较为少见字体。
3、整体协调和局部对比的色彩运用。不同的色彩搭配方案能够形成多元化的色彩画面。按照色彩感知规律发展特点，一般情况下，暖色调的确能够刺激受众群体吸引力。或者说，暖色调色彩能够吸引人，并在短时间内了解网站情况。设计师在设计良好的网页环境中，必须从色彩冲击性的角度出发，但必须注重整体协调和局部对比两个原则，以促进网页整体风格的形成。
四、总结
作为大众信息传播的重要途径，网页设计在满足精益求精的基础之上，还需要在平面视觉效果层面更加努力。优秀的网页设计往往能够将文本、动画、视频、图像等等进行综合性运用，既能够满足网站使用者的信息获取需求，还能够营造出良好舒适的视觉效果。
参考文献：
【关键词】网页设计 发展趋势 教学方法
美国市场调研机构ComScore NetWorks提供的报告显示，2007年1月，全球15岁及以上使用互联网的人数达到了7.47亿，同比增长10%。ComScore发现，美国互联网用户达到了1.53亿，依然是全球网民最多的国家，但增长率仅为2%，中国网民数量仅次于美国，为8670万，但增长率却高达20%。通过以上数据，我们不难发现中国的网络市场存在着巨大的潜力，那么如何把握住这个机遇，培养出合格的人才，就成了我们这些高校专业教师需要考虑的问题，我认为作为一名有竞争力的网页设计师，不但要做到有美术修养，还要做到懂编程，这样一来我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编程工作了。
一、提高网页设计的工作效率
提高网页设计的工作效率，当然要从更好的协调网页设计各部门之间的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门程序员的工作，好比一名好的建筑设计师，不但要知道如何设计出有内涵有文化的建筑，同时还要了解建筑的造价、人机工程学以及建筑力学等方面的知识，否则他的设计作品就没有任何价值。所以我们培养网页设计师的目标是，不但在艺术设计方面优秀，还要在程序设计方面优秀。这也正是我这次出去学习的目的，只有做到这一点才能很好的完成网页设计工作，才能解决前面提出的平面设计师与程序员之间的工作断层问题。也只有这样才能培养出适应时展要求的高素质的网页设计师来。
设计总监，可以说是网页设计工程中必不可少的角色。可什么样的人有可能成为设计总监呢？当然，首先要有很丰富的工作经验，很高的个人能力，其次要精通网页设计的所有环节，也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做到这一点，再加上良好的统筹能力和团队合作精神就有可以成为设计总监了。我们培养学生，不但要让学生就业，解决基本的生活问题。还要让他们在长久的工作生活中逐渐的成长，越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。
二、培养更有竞争力的综合性人才
1.根据市场的需要培养人才
在谈下面这个问题之前，我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。
网站设计师具体要求：大专以上学历、美术、艺术、广告类毕业；在互联网行业从业经验两年以上；熟练操作各相关设计软件；并且有自身优势和特点；优秀的设计创意能力，能组织团队完成大型网站项目的设计开发工作；逻辑思维清晰，做事认真、细致，表达能力强；有丰富的企业建站经验，从事过组织策划大型网站项目的工作；注重仪表，有很强的学习能力和敬业精神，较好的沟通能力，有良好的团队合作精神及独立的工作能力。
待遇：试个人能力而定，公资标准在4000（另有项目提成）。
根据市场的需要定向培养人才的提法似乎有些过时了，我所指出的是除了让学生掌握招聘广告中的内容，还要让他们掌握更多的程序设计方面的知识，比如Html、Css、Dhtml、JavaScript、Asp、Php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好，这样的人才一但推向市场，其受欢迎的程度可想而知。
2.快速掌握行业里最新、最尖端的网络技术
网络媒体同时属于IT行业的范畴，既然和IT靠上了亲戚，自然也就继承了IT的某些特征：高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。
要想在网页设计行业有所成就，当然要不断的学习掌握新技术，可网络上的新技术淘汰的太快，经常是没等我们弄懂就已经过时了。作为专业教师，我会经常调整授课内容，把最新的最实用的技术和思想传授给学生。时刻关注网络上的新动向，出现的新技术，保持旺盛的学习热情，让自己时刻处于行业的前沿。只有这样才能培养出适应当今日趋激烈的市场竞争的人才。
3.做一名有社会责任感的网页设计师
网页设计师不同于其他的职业，因为网页设计师肩负着更强的社会责任和历史使命，要让网络社会朝健康的方向发展，需要网页设计师严格的律己修身，对自己的言行负责。特别是不能在当今充满了诱惑的时代迷失自己，为追求短期利益而触犯法律。“设计强国”需要所有设计师的共同努力，毕竟中国的平面设计在亚洲还落后于日本、韩国，如何发挥中国悠久文化传统的优势，把中国的网页设计做强，成了我们这些网页设计师的新的课题。
参考文献
[1]陈刚.CSS标准网页布局开发指南.2007.
[2]施博客研究室.DREAMWEAVER 8标准教程.2006.
[3]施博客研究室.FLASH 8标准教程.2006.
[4]张孝祥，张红梅.JAVASCRIPT网页开发体验式学习教程.2004.
关键词:网页设计;元素;美学
中图分类号:TP393.092文献标识码:A文章编号:1007-9599 (2010) 10-0000-01
Aesthetic Overview of Web Page Design
Li Shanshan
(Chongqing Iron&Steel Group,Electronics Co.,Ltd.,Chongqing400080,China)
Abstract:The web design on the one hand must have "beauty",which render the dissemination of information to achieve the desired goals;the beauty must have for any web page,the basic elements of web pages for information not only to meet the needs of the users,more important is to create a pleasant visual environment in which they have a mental enjoyment and resonance.
Keywords:Web design;Elements;Aesthetics
网站在我们社会生活中无处不在,网站网页设计是伴随着计算机技术、网络技术、图像动画处理制作软件的产生和发展而形成的设计新课题,他是运用相关的软件技术、美学知识等,依照设计目的和要求对网站进行功能上的实现和视觉艺术的创造性思维活动。下面就网页设计的“美学”进行探讨。
一、设计元素
网页设计的元素主要是视觉和听觉元素,主要包括:文字、图像、动画等多媒体元素。随着多媒体技术的发展和运用使视听元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。
(一)文字。文字是网页界面的主体,是用以传达信息的主要元素,虽然利用网络多媒体也可以达到同样的目的,但网页中文字的优势很难被取代。
(二)图形。图形在网页中有着十分重要的作用。在网上浏览时,浏览者常常会因看到一幅十分引人注目的图形而感兴趣去了解相关内容。在很多网页中,图形占据着整个页面的重要位置,有的甚至占据了整个页面。在视觉顺序上,图形往往能首先吸引人的们注意力,这是由于图形给人的视觉印象要比文字强烈得多。几乎所有的网页都用到了图形,善用图形,可以生动、形象、直观地表达网页的主题,增强网页的宣传力、感染力和号召力。图形必须符合网页的主题,并具有创新的构思和强烈的个性,使主题与表现两者较好的统一,以有利于信息的传达。
(三)多媒体。将多媒体元素引入网页界面,可以很大程度上增强浏览者的吸引力。从网页界面的发展来看,由纯文字界面到图文并茂,再到引入新的多媒体元素,这是一个必然的过程。浏览者希望在网上看到更具创造性、更具吸引力和更具情趣的内容,多媒体元素正是实现这一目标的重要手段。网页中所涉及到的多媒体元素主要是音频、视频和动画。
二、设计原则
设计在网页设计中占据着重要的地位,要求在有限的屏幕空间上运用平面设计的相关原理(如色彩、构成、版面等艺术设计原理知识)将视听多媒体元素进行艺术化的表现,是一种具有艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。它同平面广告、报刊杂志等印刷品平面媒体的设计不同,印刷品都有固定的规格尺寸,网页则不然,尺寸是由读者来控制的,这使网页设计者不能精确控制页面上每个元素的尺寸和位置,而且网页的组织结构不像印刷品那样为线性组合,因此网页的平面设计具有更高的难度和挑战性。网页设计的艺术性网页作为传播信息的一种载体必须要有自己鲜明的艺术特色,才能在众多的网络信息中脱颖而出,受到关注。这就要求网页设计要按照视觉心理规律和形式美等艺术设计的手法将信息主动地传达给观赏者,在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求。
网页设计不但要单纯、简练、清晰和精确,而且要强调艺术性,通过独特的艺术风格和强烈的视觉冲击力来鲜明地突出设计目的。作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得其艺术性的手法是必不可少的,一方面通过对网页的内容运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。
网页设计的技术性不同于传统媒体之处,就在于信息的交互性、持续性、多维性、多种媒体的综合性、版式的不可控性等特点,这些都离不开网页设计技术方面的因素。网页设计的技术性是网页设计时运用相关的软件技术、媒体技术电子技术等实现网页最终表现效果的手段方式。没有技术的支撑网页也就失去了他的媒体特性。
网页多种媒体的综合性主要体现在使用的多媒体视听元素,如文字、图像、声音、视频等,这些都需要相应的技术来实现。随着技术的发展,网络带宽在增加,芯片处理速度在提高,跨平台的多媒体文件格式被推广,这些技术极大地满足和丰富了浏览者对网络信息传输质量的更高要求。这些技术的运用增强了页面传播信息的表现力和感染力,呈现了前所未有的媒体革新。各种技术的发展促进了网页设计技术与艺术的紧密结合,网页设计只有掌握各种网络技术的规律,注重技术和艺术的紧密结合,穷尽技术之长,实现艺术想象,才能满足未来浏览者对网页信息的更高需求。设计是主观和客观共同作用的结果,网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网络技术与艺术创意的紧密结合,使网页设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页设计艺术性与技术性的高度统一把浏览者带入了一个全新的网络数字时代。
参考文献:
摘要：本文主要介绍网络设计人员对网站进行排版和布局时，所用到的div+css技术及相关应用案例，还有网页的色彩搭配、版面布局等平面设计元素的相关理论和内容。
关键词：Div+CSS;网页设计；版面布局
纵观国内外众多大型商业门户网站、个人网站、行业网站、企业网站等，其不仅设计风格迥异，颜色布局多变，给人以完全不同的视觉冲击和美观享受，而且网站的开发与设计呈现出日新月异的发展趋势出来。伴随着互联网的发展与崛起，信息技术的不断成熟与革新，如今网页设计已经不再从前那般简洁朴素，界面丑陋，反而愈加注重网页的编排，平面元素的应用，与用户的交互等等。因而，本文试图探讨并介绍网页设计中利用CSS+DIV的布局方法，网页制作的色彩搭配，文字的编排搭配，以及在网页设计中经常用到的经典版面布局风格，来重点论述网页设计人员是如何将平面视觉元素运用到各大网站中的网页设计里来的。
1Div+CSS的布局技术
1）Div技术从其本质上而言，是将网页HTML文件当中混乱臃肿的文字、图片等内容通过Div元素将其分割成每一个单独的区域，以此来形成一种逻辑清晰，结构明确的模块组合体。Div元素，凭借其拥有众多具有独特作用的属性，经常被开发人员用来赋予特殊的值，并将网页内容的开头和结尾处放置DIV标签，以此来构成完成的一个模块。2）CSS是一种具有标记行的特殊语言，通过CSS，设计人员可以把对网页层级结构的设计样式和网页内容两者之间完全分离开来，独立存在，这样一来，不仅有利于对网站中各网页以统一设计风格的样式进行布局，而且还有利于提升网页的加载速度，缩短其响应时间。从当前CSS与Div在网页设计中的运用案例中来看，这种布局技术不仅可以使得网页设计人员通过属性值的设定精准的将各类网页内容精准的进行编排和定位，而且还能够使得文字和图片之间以精美的排版样式为网页的整体浏览效果增色不少。另一方面，由于网页内容同其设计样式两者之间互相分离，因而当网页设计人员需要对其网页样式重新编排，或者在CSS样式中的某几项属性值修改时，只需要在单独存在的CSS文件中对布局元素加以重新设计即可达到目的，从而使得页面的布局与后期迭代工作变得更加轻松简单。此外，由于内容样式的分离，使得网页本身不仅在代码内容上大为减少，而且极大程度上减少了网页重新改变版面布局的时间，使得网站部署的带宽成本节省不少。
2网页设计的色彩搭配
网页设计这项工作，从其技术角度来看，不仅要包含各种平面设计元素，而且还需要严格遵循其固有的设计原则。而且网页设计本身所体现出来的艺术高度通常决定着网页的浏览量和点击量，同时也是网站开发人员同互联网用户之间进行互动和交流的重要媒介。一个网站在色彩上的搭配和选用不仅有利于传递网页设计人员所要表达的主题及内容，而且可以为用户带来极为强烈的视觉冲击，增强其网站本身的观赏性。
2.1划分网页层次
从人欣赏事物的角度而言，色彩能够为人类感知事物提供极大的视觉刺激，使其从情感上产生共鸣。因而，如果通过将带有不同色调的色彩进行均衡组合，会形成风格非常鲜明，内容极为出彩的页面。由于网页中通常有不同的层次和不同作用的文字内容，根据文字内容的重点、情感、风格，选用比例均匀，搭配得当的几种色彩，会使得网页内容随色彩的分布而显得更加错落有致，主次分明，从而将网页的层次感划分得一目了然，以便于网民在网页的阅读浏览过程中抓住重点来获取信息量。这样一来，不但网页的导向性得以凸现出来，而且其视觉表达效果也十分出彩。下图是国外一家社交网站的网页设计作品，从该图中可以看出其在好友动态上色彩选用上用白色和蓝色交替组合的形式进行搭配，而在个人资料及其社交功能上选用的黑色作为背景，黑色和蓝白色形成强烈的视觉区域和对比，因而使得当用户在浏览该社交网站时将焦点更多的关注于内容本身上面。
作者：薛稳 单位：河南省漯河市第五高级中学高二（4）班
【关键词】Flash 动态网站 设计 要求
互联网（Internet）的出现，实现了人类地球村的梦想，但宛如一个新生的婴儿，一出现就有其与生俱来的缺点：传统的静态（HTML）网页，供用户查阅的信息只能是文字和静止图像。阻碍了用户体验和感受到网络上多媒体的互动效果。
Flash动态网站是针对多媒体网页设计脱颖而出的一个新型解决方案。它使用矢量绘制图像，它的最终文件可以以“流式”的输出在网页中播放。Flash动态网站动画文件小，互动功能强。它给网页设计带来的无限生机。
一、现代网页设计的目的和要求
随着互联网知识的普及，让更多人对网站设计有了一定了解。但很多人仍旧不十分明确的了解网站能做什么，建设网站的目的是什么，要做怎样的网站，能从网站中得到什么。隐患最深的是，大多数企业网站的策划和运作都存在问题，在客户的概念里，这样的东西就是网站了。如果这样的网站无法给客户带来直接或间接“好处”，那么网页设计就成了没有任何意义的工作。现代网页设计的目的和要求到底是什么呢？一句话：互联网要给企业带来利润。
二、Flash动态网页发展的现状及优势
1.现状及趋势
Flash动态网页设计从业人员相当少，行业缺口很大。
在国外，众多大公司如：IBM、 Shell、 Hp、 Sony等争相用以加强自己公司主页的形象和更强大的互动功能。而国内的动态网站发展相对较慢。
由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，会在不远的将来完全替代静态（HTML）网页。
2.优势
（1）更加专业、漂亮的设计：Flash动态网页有专业的设计工具，也可导入用其他点阵和矢量绘图软件绘制的专业级图形，并生成SWF格式，通过网页浏览器浏览和播放。
（2）灵活性：有完美的、全面的网络无缝接口设计工具，利用它可以创造全屏的动画，导航按钮、地图、动画按钮、图形及广告条。另外，可以自动生成数据引擎以及基于服务器的图形和动画，可以创建图形模版，该模版将在以后由服务器自动更新数据内容，这样就将专业的动画设计和服务器的灵活性有机地结合起来。
（3）快速性：边下载边播放，Flash动态网页以“流”的方式打破了带宽的局限，即使是在网络状况很差的时候也无需长时间等待。
（4）压缩技术：使用矢量技术使得产生的网页文件非常小，即使当网页在全屏幕播放时也是如此。同时Flash动态网页提供的Shockwave Flash插件也非常小，小于170KB。
（5）交互性：任何的图形和动画都能变成按钮，最大化的满足网页设计者的新想法、新创意。Flash动态网页是在网络上创建交互性多媒体的最先进的技术。
（6）通用性：支持多种播放标准和平台，包括ActiveX、Glf、animated Gif、RealPlayer、网络在线电视以及更多的平台。
三、Flash动态网站的设计要求
1．网页形式与设计
（1）导航菜单设计
导航菜单设计是Flash动态网页浏览的基础。简洁、有效的导航菜单，可以使浏览者迅速而高效的找到所需要的信息。导航的形式有侧边式、上端式、悬浮式、隐藏式等。导航的艺术性与可用性是具有艺术美感的导航会使浏览者的浏览过程变得丰富而富有趣味。导航菜单的设计还要注意简洁，易用。设计导航菜单的时候，可以假如一些小声音、小动画来丰富浏览体验。
（2）网页版式设计及风格
Flash动态网页往往包含的信息量很大，元素也很多。但由于Flash动态网页的超链接特征，使它的空间可以无限扩展。设计者通常把产品或服务的不同卖点分别集中在不同的路径之中，在细化的动态分页中可以根据次主题的不同，对各个构成元素的空间进行多样化安排。
Flash动态网页上的三维空间是一个假想空间，它是由无数个具体的二维平面空间组成的虚拟世界。这些二维的平面空间就是网页。二维平面的空间是借助各个构成元素的比例关系、位置关系以及动静变化等空间因素表现出来的。各个元素的形象的弯曲变化、大小变化、色彩变化、位置的前后叠压、纹理的渐变、元素之间清晰与模糊的对照以及透视法的应用、疏密的变化、矛盾空间等所产生的视觉效果都不相同，都能丰富平面的视觉深度，使之产生富有弹性层次的空间效果。空间设计在作用于浏览者的视觉感受的同时，也产生不同的心理感受，增加画面的注目率。一般政府类和商业类的网站的空间安排往往注重条理化，分层分级的简洁明快；媒体类以及个人类网站则追求时尚的或出人意料的、或神秘的、或非常态的个性化空间效果。
（3）色彩设计
Flash动态网页色彩搭配既是一项技术性工作，同时它也是一项艺术性很强的工作，因此，设计者在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网站。网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。
一个页面的色彩设计尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。
2．Flash Action——动态网站的魔力
Flash Action已经成为了重要的设计辅助手段，很多意想不到的动态效果、实时计算都是由Action来完成，灵活运用Flash Action会使你的动态网站设计达到“质”的飞跃。
3．优化动态网站
在Flash动态网站的设计过程中，合理运用嵌套技巧，会使设计效果事半功倍。在当前的网络状况下，使动态网站的文件尽可能的缩小，对于减轻浏览者等待的“厌烦心理”是十分有效的，从而培养更多的网站浏览用户群。
动态网页设计作为一个新兴的网页设计手段，在信息极度丰富、网络带宽不断提高的当代，已经成为网页设计的未来。我们也不断看到，动态网页设计由于具备了多方面的接口优势，越来越成为数码设计中涉及领域最广、应用项目最多、就业前景广阔的设计艺术。
虽然现在的动态网页设计的现状有吞没设计者个性的趋势，但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计者都有理由在这样的状况下运用自己的能力，开辟出一片新的网页设计道路。如何使中国的动态网页设计水平提高是摆在很多网页设计者面前的问题。
参考文献
【关键词】视觉传达；网页设计；教学
"2015年7月23日，中国互联网络信息中心（CNNIC）在京第36次《中国互联网络发展状况统计报告》（以下简称《报告》）。《报告》显示，截至2015年6月，我国网民规模达6.68亿，互联网普及率为48.8%。"
2015年11月12日，2015天猫双十一全球狂欢节正式落下帷幕，最终交易额也正式揭晓。据阿里巴巴实时数据显示，2015天猫双十一全球狂欢节最终以912.17亿元交易额拉下帷幕！
互联网已经深入到了我们生活的方方面面，绝大部分人们现在正常的购物需求都由互联网来主导，人们对网页的视觉性体验的要求也是逐步提高。社会对于网页设计师的需求也是逐年增多，社会各种互联网培训学校也是悄然升温。基于这种社会需求，国内许多高校在也都增开了《网页设计》课程。
笔者在艺术设计学院里从事了多年教学工作，目前所受课程都是视觉传达专业的网页设计课程，主要授课的对象是视觉传达系电脑艺术设计和广告设计与制作专业大三的专科学生，这些学生们经过大一、大二基础课程的学习，对平面设计理论知识和软件实践操作都已经有了足够的认识。针对视觉传达系开设的《网页设计》课程，主要是从艺术设计层面，培养学生的界面设计能力；而计算机类专业中网页设计的课程，则侧重网页的程序的开发和数据库的建立能力。
但是结合实际的社会需求，更需要的是将设计与程序开发进行有机的结合，而以上不同学院的专业区分的课程设置是完全分隔的，经过实践教学，笔者认为其不够科学和合理。下表是某公司的一则网页设计师（美工方向）招聘的专业能力要求：
有扎实的美术功底、良好的创意思维和理解能力；
熟悉HTML、CSS语言、div+css网页开发，有丰富、真实的、独立完成的、符合W3C标准的制作成品（要求兼容各主流浏览器），对web3.0网站有一定的认识；
有 开发、网站搜索优化经验优先；
精通Photoshop/Dreamweaver/Flash/Illustrator等设计软件，对图片渲染和视觉效果有较好认识；
专注于网站界面开发与设计，以及用户体验优化，较强的平面设计和网页设计能力，良好的美工基础，能够独立设计大型电子商务网站的前台页面；
从上表的分析可以得出以下的结果，那就是对网页设计师美工不仅要求有平面方面的设计能力，同时要懂得与之相关的编程知识，结合实际市场需求，高校在网页设计的课程设计上应进行更有意义的创新改革，才能顺应时代的发展浪潮。
针对视觉传达专业学生而言，通过几年的基础课训练，已经具有了极高的艺术鉴赏能力和较好的设计能力，但如果针对将来要从事网页设计师这个岗位而言，其又具备如下缺陷：
一、缺乏对不同载体下页面设计尺寸方面的认知
相比较起来，学生几年所接受的知识，都是与平面打印相关系，运用的单位无外呼厘米、毫米、米等打印度量单位，对应的载体是纸质文档，因此设计惯性知识考虑单一。而相比较起来网页设计最终的呈现载体是计算机屏幕，不同屏幕分辨率下，呈现的页面效果会有有所不同，而且页面中图标的尺寸，各个元素的尺寸，直接影响了人们通过电脑查看的舒适性，而电脑屏幕的度量单位是像素，怎么扭转学生对于这些知识的认知，是一个需要慎重思考的问题，如果不处理学生对于尺寸方面的认识，最终导致的后果，就是花费了巨大的精力和时间设计的页面由于尺寸问题不能实现。这个问题曾经笔者在实际的设计案例中也是经历过的。
针对此问题，笔者经过实际的教学研究，让学生通过对比不同屏幕载体之间的数据，自己截屏研究--模仿设计--实现再呈现这样的方式，让学生充分掌握网页设计中的整体尺寸以及各分类元素的尺寸设计问题。
二、英文水平薄弱，代码知识严重欠缺
对于艺术设计学院学生而言，普遍存在的一个问题就是英文水平，因此本科毕业考核标准对于艺术生的英文水平的标准基本上是三级水平，而专科生对于英文水平是没有设定的，因此学生的英文水平普遍较差，但要想从本质上理解网页设计的知识，同时能够便于纠错和设计浏览器之间的兼容性问题，必须要求学生掌握核心的英文代码知识，但学生在这个方面基本上是一张空白纸张，也因为是这个问题阻碍了很多学生通往网页设计师之路。
针对此问题，笔者到目前也没有找到更好的、更快捷的方式，但结合实际情况，希望之后在网页设计教学之前增加学生对于html代码知识的学习，同时增加学生的实践案例操作时间，让学生通过长时间的训练，达到精通的程度。
以上就是笔者对目前视觉传达设计专业《网页设计》课程的一点思考，网页设计是伴随着时代而产生的，市场对于网页设计师的需求之后只会增加，而高校是培养网页设计师的一片沃土，要如何培养学生的职业能力，是摆在很多高校视觉传达设计专业面前的一件大事。希望通过本文的一点思考，对将来艺术设计院校的《网页设计》课程改革会有所帮助。
参考文献：
[1]黎永碧.杨战旗.《网页设计与制作》课程推行"教学做"一体化教学模式的探讨[J].科教文化 2013.2：208.
[2]姚翠兰.以就业为导向的网页设计课程体系研究--以艺术类职业院校为例[J].软件导刊・教育技术.2012.12：28-29
关键词：网页界面设计；视觉要素；
中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 (2012) 10-0000-02
一、网页界面设计的特征
网页界面设计是一将艺术与技术相结合的一门学科，早期人们会有一种误解，认为网页设计主要体现在“技术”的应用上，而忽视了“设计”的层面，导致许多网页布局不合理、页面平淡无奇、内容杂乱无章等。因此，在充分传达内容和信息的基础之上，网页界面还必须具备一定的艺术特征，这种艺术是基于功能性之上，并且为其服务的。
（一）以功能性为主
网页界面设计和平面设计一样，必须遵循一定的设计原则，在必须具备平面设计特征的同时，网页设计还具有其特有的基本特性。网页界面设计应时刻围绕“信息传达”这一主题来进行。因此，它是一种以功能性为主的设计。主要体现在以下两个方面：
1.信息传达的功能
网页界面设计以信息传达为主要功能，并且信息必须准确、清晰明了，具有明确的受众对象和宣传目标，注重时效性。
2.一定的审美功能
网页界面的审美功能具有一定的综合性。以内容为主，艺术为辅，除了界面布局合理，色彩搭配美观，有清晰的导航功能，内容吸引人等，还必须考虑到用户操作的简易性和信息接受心理等因素。
（二）形象明确，易于接受
格罗佩斯在他的《艺术家与技术家在何处相会》一文中提到：“如果物体的形象很适合于它的工作，它的本质就能被人看得清楚明确。”明确地指出了“形象”在信息传递和接纳过程中所起到的重要作用。
人们在接触外界事物的时候，总是先通过视觉来接受信息，从而触发一系列的心理活动。例如：看到天空飞翔的小鸟，会联想到自由，看到长城、故宫，会联想到中国传统文化。因此，在设计网页界面的时候，必须以通俗易懂的形象来传递信息，同时，也要考虑到网页受众的年龄、职业、文化层次、兴趣的差异性，尽可能地使用简单的宣传形式来满足所有层次的受众。在可口可乐的网页中，用户可以从水珠、人物等形象中充分联想到活力四射、清凉的感觉，形象通俗易懂，传达的信息易于接受，具有良好的传达效果。
二、网页界面设计的视觉构成要素
网页无论其类型、大小、功能，风格，其具备的基本要素都是一致的，与平面设计相比，除了图像和文字之外，网页界面包含更多的要素，如声音、视频、动画等多媒体要素，以及由Javascript、VBscript等动态语言实现的网页特效和交互功能。
（一）网页界面中的文字设计
文字是网页界面的主体，也是传达网页信息的基本载体，虽然在今天多媒体元素的种类繁多，但文字依然占据它不可取代的地位，因为文字具有存储空间小、易于下载和显示的功能。
网页界面中的文字分为两种：ASC文本和像素文本。网页中大部分文字都是直接在HTML代码中编写，或者在dreamweaver设计窗口中自行输入，这部分文字主要以ASC码存储，占取空间小，易于修改和编辑，在排列文字样式的时候，一定要结合CSS样式表来排版，CSS样式表的强大功能可以同时对文字的字体、字形、大小、颜色、间距、边距和特殊效果等进行精心的设置，以达到较好的浏览效果。但是如果在网页中使用特殊字体，不同的用户可能由于未安装此字体而无法正常显示，所以，有的时候我们可以把文字在photoshop或者fireworks等图像图像处理软件中保存为jpg或gif格式的图片切片，再应用到网页界面中，这样就可以达到任意想要的艺术效果了。像素文本主要应用于网页界面中的标题、LOGO、Banner或者广告的部分。
（二）网页界面中的图形图像设计
图形在网页界面中占据着十分重要的地位。在上网浏览时，图形图像往往比文字更容易吸引用户的眼球，因为它可以最直观、最形象地表达网页的主题，其给人的视觉印象往往比文字要强烈得多。
图形必须要符合网页的主题，每张图片都必须要有其存在的价值，善用图形，可以生动形象直观地表达网页的主题，增强网页的宣传力、号召力和感染力，吸引浏览者的注意和兴趣。网页中的图形格式主要有：JPG、GIF和PNG三种。JPG具有压缩比高、压缩质量好、色彩连续性强的特点，因此，使用最为广泛。GIF虽然色彩数目不如JPG，但是可以制作透明背景，以及动态图像，也被大量应用于网页界面中。PNG是Fireworks的默认图像文件格式，集前者的优点于一身，可以对图像进行全面的优化并且导出任何想要的格式。所以，根据图形图像的使用功能，合理地采用这三种格式，是网页设计人员必须掌握的技能。
（三）网页界面中的色彩设计
1.色彩设计的基本作用
色彩对于事物的表现能力有着其它形式无法比拟的超强效果。作为一个网页设计师，只有掌握色彩的原理，熟知各色彩间的相互关系及各种色彩的生理或心理作用，结合自己所具备的平面构成知识，在网页设计中准确用色，才能实现传达特定信息和渲染页面的效果的目的。色彩在网页设计中起着重要的作用。首先，彩色网页较单色网页更具吸引力；其次，色彩本身具有象征作用，浏览者易于产生联想；第三，彩色网页具有赏心悦目、装饰性强等特点。
2.网页界面中色彩搭配的技巧
用一种色彩。这里是指先选定一种色彩，然后调亮度、透明度或者饱和度，生成新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
关键词:网页设计;元素;色彩
互联网技术日新月异的发展,已成为人们生活中不可缺少的一部分。互联网的发展使信息传达的范围速度与效率都产生了质的飞跃,随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术。
――引言
网页设计作为一个全新的设计领域,没有照搬的模式,没有从属和延续但任何设计形式又有去规律和标准。但也有些出学的设计者,将艺术的设计语言和设计理念抛到脑后,机械的完成设计,完全成为了技术的奴隶,因此,我想从平面设计基础理论在网页设计的应用来浅谈我对网页设计的理解,希望给广大读者带来一些启发。
一、平面设计元素在网页布局中的应用
第一个要素――点:在日常生活中很多东西都可以看作点,如晶莹剔透的一颗雨滴,大海中的一页孤舟,星空中的一轮明月……从几何学角度来说,点是线的交点,它没有大小和形状;从造型艺术来说,点是最基本的要素,指画面中某一小块区域;从视觉的角度而言点不但有大小还有形状。在具体构成中点并非都是以远的形式出现的,一些较小的个体元素都可以视为点。例如,在网页中的一些按钮就可以当作点来处理。在运用点的时候重点不仅在于外形,更在于点在整个空间中所起的作用,在相同的视觉环境下相对面积越小点的感觉越强。点越多其间隔就越短,免得感觉就越强,这对把握画面的整体效果和统一画面十分重要。
在Racing乐队网站中20个大小相同的圆点铺满了首页这些圆点既是页面中的按钮,又是页面的装饰元素,在不同的色彩映衬下圆点似乎产生了韵律感和运动感,浏览者的视线会不断在这些点之间徘徊决定最终去向。
第二个要素――线:线是由无数个点构成的根据其长度宽度方向等构成线。线是点移动的轨迹线在页面中有强调分割引导的作用。垂直的线给人平稳挺拔的感觉;弧线使人感到流畅轻盈;曲线使人跳动不安。不同粗细的线在空间的性格也是不同的,粗线条给人粗犷,勇敢阳刚的感觉;细线条可以表达锐利敏感速度之感;当粗线和细线进行结合时粗线必定先进入视觉,若线的长短符合透视规律,就能表达出强烈的空间感。因而,线的构成在网页设计中有着广泛的应用,网页设计师常用简洁的线条进行页面构图,以此传递丰富的视觉信息和思想感情。
第三个要素――面:根据几何学定义,面是线移动的轨迹。点和线的密集可形成面;面的分割面与面的合成亦形成新的面。面试构成空间的基本单位一段文字可以视为一个面,一张图像可以看作一个大面,一大片留白可以成为一个面"面"的概念不是固定的,面试网页构成中常用的元素,它的大小曲直变化都会影响页面的整体布局。
分割面是规划空间的重要手段,在网页设计中,设计者通过面的分割组合虚实交替等多种手法来实现页面的整体效果。在网页设计技术中表格和框架就是用来分割页面的利用面的分割,可是网页页面主体清晰,层次分明。避免杂乱的重要原则就是:少即是多。另外,在网页设计中要敢于留白,善于留空。空白可以定义为页面中没有安排内容的地方,空白空间并不一定是白色的,它可以是环境空间的颜色或图案。
第四个要素――空间:网页设计中的空间并非生活中的立体空间,而是一个假象的空间,是看得见而摸不着的,是在二维平面上建立的空间关系。在设计中,我们可以利用对比强烈的大标题可以作为前景,大面积的正文构成中景,附属的版权信息构成背景。实践证明,这种清晰而和谐的层次关系,极大地提高了页面的整体艺术效果。
二、网页设计中色彩的运用
网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
在网页设计选择颜色时应注意几点事项:第一不要大面积使用很高的纯单色,否则会使浏览者感到视觉疲劳;第二当网站面对的用户超出本国范围时,最好使用网络安全色;第三为增强网页的可读性,背景与文字内容的亮度差最好在102以上。
在色彩运用过程中,由于生活地理文化位置的差异不同的人对色彩的喜恶有很大的差异。如生活在高原地区的人喜欢用暗色;生活在草原地区的人用红色;生活在闹市区的人喜欢用淡色……在网页设计时想要透过色彩传达某一意象时,必须将色彩形成的背景因素与目标群结合分析。同时色彩的认知是会变动的同样的一群人在不同的时间地点都会对色彩产生不同的解读。因此,不但要关注上述因素,还要考虑到网页配色的共性:色彩的鲜明性;色彩的独立性;色彩的功能性和习惯性;色彩的有限性;色彩的周期性。
三、结束语
网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。网页界面艺术设计是永远也学不完的一门学问,因为它会跟着你的成长也变化,直到形成你的一种风格,网页界面艺术设计需要大胆创新,需要新的思维,需要不断的努力。
网络对艺术设计行业同时造成了威胁和机遇。真正有魅力的设计师设计者的思想素养对艺术的理解及表现技术的综合体现。任何设计最终都是为人所用的,特别是网页设计的艺术表现,它既是传播信息的载体又是传递美感的使者,设计者只有不断增强交叉设计的能力,使艺术与技术有效地结合才能适应不断变化的时代!
关键词 网页设计 简约主义 视觉呈现
中图分类号：TP3 文献标识码：A
随着商业社会的繁荣，大众生活品质的提高，互联网代表着一种崭新的信息交流方式。网页设计也越来越趋向人性化，设计要求围绕人为中心展开进行设计。而网页作为一种传播信息的媒介，会受到时间、空间和适用环境的限制。但是如何让凌乱复杂的网页变得变得轻薄简洁，在拥有它完整功能的同时又能很好的把重点模块区分出来呢？如何更好剔除多余的颜色、背景或是部分元素，保留并梳理清楚视觉流程呢？
1网页设计视觉流程筹划
视觉流程俗指人们在观看网页时候的视觉路线走向。美国阿尔多斯・赫叙尼在《观看的艺术》中提到：感觉+选择+理解=观看。观看的第二步是从视野中选定一个特定的元素，进行下一步详尽的理解。这是他总结给我们看清事物的方法。
视觉流程是视线在观赏物体上移动的过程，而网页设计中的视觉流动路线是相当重要的。垂直的物体在页面上会引导人们的视线做上下的运动轨迹，水平的物体在页面则给我带来的是左右的视觉流动，三角形的物体会让我们的视觉由角顶开始做循环的视觉流动，而圆形的物体往往会让我们的视线呈辐射状运动。
因此，网页设计中不同的视区范围有着不同的注目度。我们浏览网页时一般的阅读习惯是从左至右，从上至下，因而我们会把一些重要的讯息，比如logo、通知、最新信息放在左上位置，通常我们叫这个位置为视觉中心。
2影响网页页面视觉呈现的要素
2.1网页页面的版面率
版面率指的是网页设计中文字、图形、图像、颜色等的占有率，它不仅影响页面信息传达效率，也决定着整个网页设计的视觉呈现效果。一般来说，版面率与视觉传达效果以及设计创意成反比的。如图（1、2）
由图我们可以看出，宜家的版面率低，整个页面几乎只有其logo的存在，所容纳的信息量少，但是给我们的视觉冲击力很强烈，视觉呈现的形式感很强。在网页设计中，极简的网页视觉呈现能够把最重要的信息以最直观的方式传达给浏览者，而且也可以起到一个避免阅读中分散注意力的作用。譬如我们的一些个人网站、博客等商业气息不浓厚，大多都会以设计创意个性为主，版面率较低。选择版面率比较高的设计时，讲究空间的有效利用与秩序的合理划分，而且每一版面的大小和位置关系要和谐。否则要么排版呆板，要么秩序混乱。
2.2网页设计的权衡布局及简化设计
所谓简约主义，顾名思义就是要我们将设计元素、色彩、造型进行简化。人们常说的“简约不简单”，实际上就是简约主义。目前，简约设计已经被广泛应用到我们生活的各个领域，无论是室内设计或是平面设计还是包装设计，都在实行“简约主义”。甚至很多品牌，譬如无印良品、宜家家居等都是采用的简约主义风格，无疑简洁时尚已成为人们广泛追求的一种风格。正所谓“简约不简单”，个人也认为越是简单的东西越大牌。
排版布局中的平衡、对齐及对比关系，对页面视觉效果至关重要。那么对于网页设计来说，要做到简化设计的第一步就是要去除一些多余的没有必要的东西，尽可能的丢掉他们，留下一下最为关键的信息，比如logo、介绍、导航等等。我们每天都在使用的腾讯，它的页面设计就做到了这点。如图（3、4）
图3 腾讯页面设计
图4 腾讯页面设计
2.3颜色给我们带来的心理暗示
色彩是我们认识事物的第一印象，我们在浏览网页的时候对视觉冲击力强的网页设计留下的印象最为深刻。因此一个好的网页设计必定有一个很好的页面配色设计，它不仅能更好的传达信息，同时还能更好的与大众的心理需求相契合，更大的发挥网页设计中带来的视觉效果。如图（5、6）
根据季节的变更、促销活动的安排以及各品牌不同的文化理念，常常要做一些不同的网页设计才吸引消费大众。因为人们在长时间浏览网页的时候很容易产生疲倦，在色彩的使用上，我们一般应将色彩对比放在一些需要仔细阅读或主要信息上，以免增加网页浏览者的阅读难度，引起视觉疲劳。同时，我们也不能采用一些辨识度低的颜色，尽可能把信息目标更快更好的传达到消费者的眼中。
3结束语
在网页设计过程中，我们应继承我国的传统文化，形成独特的设计风格，拓展设计的视觉语言。与此同时，我们还要推陈出新，突出现代化，引领时尚潮流。以现代简约主义的手法对中国的传统元素和符号进行提炼和二次设计，让网页设计获得更强的视觉认知力和艺术感力，营造一个自然、合理、顺畅的视觉流程，更好的激发人们的审美情趣，引导人们在美的享受中接受传达的信息，发现美好。
参考文献
[1] （美）鲁道夫，阿恩海姆.艺术与视知觉[M].中国社会科学出版社，1984.5.
[2] 孙娇，宗明明.网页设计中视觉流程筹划与应用[J].美术教育研究，2011（7）.
[3] 李湘媛.浅谈网页设计中的色彩语言表达[J].艺术教育，2012（11）.
