平面设计在网页设计中的运用

李青

上海帝儒教育科技有限公司

以往在对各种新闻、杂志等多方面进行设计时，主要形式便是平面设计，在平面设计中存有诸多重要元素，如：视觉、文字、色彩以及排版等等，在这些元素的优化下，新闻杂志才能吸引社会大众的注意力。但在互联网诞生后，社会各界对于新闻杂志的注意力有所下降，更多的是将注意力放在各种网页之中，各领域也开始利用网页进行宣传推广。但在网页设计中平面设计属于一种核心要素，在对网页内容进行设计时，需要灵活运用各种平面设计中的重要元素，为了帮助大家掌握网页设计的要点，以下围绕平面设计在网页设计中的运用展开说明。

一、网页设计与平面设计概述

（一）网页设计概述

网页设计是对一个网页内容，进行图像编辑、排版等一系列调整。在日新月异的现代技术支持下，网页设计得到更加宽阔的发展空间。虽然在网络时代下，技术一直占据主要角色，但网页设计一直在网络技术的持续完善下不断发展，甚至可以说网页设计的概念在发展过程经常变动，尤其是在互联网中的浏览器诞生后，网页设计的核心概念越发清晰，各种设计内容与信息都能在其中实时更新，这对于网页设计而言提供了更多的可能性。站在宏观角度分析，网页设计可以承载网络浏览器中的大量信息，还能通过各种手段将浏览器中的信息变得更加有规律，为社会大众提供更加享受的视觉效果。

（二）平面设计概述

传统的平面设计主要是指在二维或三维的空间之内，设计人员考虑不同组合的视觉设计元素的交互,并对其中内容展开布局和场景结构的设计行为。其中包括:以文本的形式设计、插图、布局、商业摄影、场景设计等等,在这之中最为关键的内容之一，便是如何实现设计信息形式的消息,通过文字、图片以及效果说服社会大众，真正形成平面设计的艺术形成主要因素。还有源于工业革命的强大推动，以及现代数字印刷技术的迅速产生和不断进步发展,也就是现代常说的各种平面设计艺术语言，主要就是涉及考虑到一个设计者的理念、意图以及其设计思想,这也是其中的精髓含义所在。同时，也主要包括各种图形的组合创意、色彩的组合构建以及各种字体图形设计与文字排版。在网络信息时代的今天,网页媒体设计也被完全囊括在现代平面设计技术内容之中,其内容是现代平面设计在我国当今社会经济生活环境中的一种技术发展和文化延续,是一个新的现代平面设计技术种类和研究课题。

二、网页设计与平面设计之间的联系

网页设计是当今计算机信息时代平面设计的延续和扩展，但两者的主要目的都是为了实现审美信息的传递和表现。与传统平面设计注重印刷品的外观相比，网页设计主要是通过屏幕界面来传播信息。同时，网页设计也是平面设计的一个重要发展方向，它将先进的计算机网络技术与平面设计的传统视觉传达效果有效地结合起来，最终实现对美的表达与渲染。因此，网站设计技术整合了传统计算机网站技术的优势，以及平面网站设计视觉艺术的诸多优势，彻底打破了传统唯物主义和静态三维空间设计的限制，包括动态的、逼真的和各种交互的视觉效果等。都是传统平面设计在过去简单的无法实现的，将是未来网页平面设计的应用和发展方向。

三、平面设计在网页设计中的运用

（一）视觉元素的运用

作为我们网页设计者的整体创作目的，是为正确实现和对于设计作品信息的及时传递与信息交流,也就构成了一个技术难题。因而在整个平面设计创作过程中适当性地加入一些可以有效增强设计作品视觉辨认度和受众注目性等的元素固然是可取的。因此，在运用视觉元素展开网页设计时，可以将一些工业设计作品图片、某种设计文字或者色彩，准确地传递产品设计师和受众的某种情感或者信息，再转换成另外一种已经能够使其具有一定设计创意性和代表性的产品设计，使其以抽象形式清楚地表达出来,这样可以迅速确保这种良好形象展现在产品设计师和受众面前，促使网页内容迅速赢得产品设计师和受众的广泛认同关注,从而获得可以迅速实现事半功倍的产品设计美化效果。

（二）文字元素的运用

网页设计需要参与企业网站内容的设计，并进行全面的专业知识掌握，包括整个企业的品牌文化、历史、产品功能特点、受众信息等，然后对整个网页设计风格进行全面的分析，保证整个网站页面布局的准确性，以及对合理准确掌握的设计技术和准确表达视觉艺术的艺术创新。创造出一种与网站设计风格一致并适应网站氛围的设计，不同的网站主题会使网站风格有不同的网站设计和制作思路，造成用户的思想、情感、形式等方面的不同。使具体的文字在整体视觉环境的完美背景下有效准确地传达具体的信息。

（三）色彩元素的运用

人们在浏览和观看图片时，就会感受到各种世界和思维的不一样,所以色彩设计的效果就是一种能够充分激发欣赏者的内心联系和思考的方式。这样的效果也许就能够传达出更多的思考,在设计中起到了不可忽视的作用。如果相关人员已经掌握了在设计过程中对于色彩应该怎样的搭配和运用,那么在工作中也必将事半功倍。在对于网页的设计中,一般都是采用多种颜色相互融合的设计形式,仅仅简单地利用一种颜色来对其进行设计,未免过于单调,所以要通过多种颜色相互融合的设计形式来对其进行更好的运用,这样让浏览和阅读的人就会感到赏心悦目。而且图形设计中的色调一般都是在封面上或内侧彩色的页面上。其比例较低。它需要在页面上处理得非常干净整洁，还必须要在网站上清晰地展现出所需文字。这样,可以充分利用有限的时间,充分利用艺术色彩的魅力,使得浏览者能够直接感受到其所表现出来的意义与所传递给人们的信息。

（四）排版技巧的运用

在网页之中设计整体结构与文字布局的排版状况时，遵守统一准则，尤其是在确定文字布置位置上，必须保证布置位置的合理性。最好能够在平面设计之中将文字的处理要与图形、色彩等元素统一起来，可以理解为排版设计的平面设计元素。在网页设计中，文字信息是关键内容，网站的信息基本上是通过这些文字排版技巧来表达和描述的，文字表达对于网页设计也是一项重要的表现。文本排版在整个网页设计过程中的应用，直接影响到整个网页设计的可视化和性能效果。在网页设计中，排版设计采用图形美学效果，将文字作为图形元素来表达。在字体一般设置的基础上，采用艺术手法对文本进行设计排版，能更好地表现文本的视觉效果。

四、平面设计在网页设计中的运用案例

（一）实际案例问题

某些品牌在运用平面设计展开网页设计时,并没有将视觉、文字、色彩以及排版等元素考虑其中,最终出现以下几种状况。

1.充满了商业氛围,随着我国市场经济的进步,受到社会经济和个人利益的影响, 广告已经插入到网页之中,有些网页的设计者故意诱导消费者刷新和直接用户点击这些广告,隐藏重要的链接,为了鼓励游客他们的眼睛关注广告。一些国内网站的主页,经常有一些悬浮广告和图片,图片和模糊，还容易阻塞底部和顶部的网站页面内容。这些人为的刻意干预，已经成为网页设计中的一大禁忌。毕竟，用户只有在网站容易赚钱的情况下才愿意回馈。

2.由于网络设计缺乏其视觉效果, 网页的设计不仅要对整个平面的视觉因素进行合理的布局，还要安排其独特的视觉元素。而一些大型网页只是直接为整体视觉元素的使用而直接堆叠空间，缺乏合理的空间规划，缺乏人们的审美视觉意识。各种类型的文字、动画、色块等凌乱不堪，让广大电脑消费者感到十分厌倦。网页平面设计与内容相辅相成，缺一不可，只有赏心悦目的网页才能吸引人们的注意，引起购买欲望。有些网页看起来很漂亮，但仔细一看，却是空空如也，缺少有用的信息。

（二）运用方式

为了切实解决以上问题,并遵循平面设计在网页中的运用要求。我们在开始设计时应考虑到平面设计元素在网页设计中的重要性,并采取以下方式展开。

1.创新视觉设计，在对网页视觉展开设计时，主要因素的便是图片元素，这也是网页设计诞生时最先融入的主要元素，在网页设计中适宜图片能够为视觉效果起到美化作用，但在设计过程必须着重确定所用图片的分辨率，尽可能选取分辨率与清晰度较高的图片，这样浏览用户才能精准分辨网页中的核心内容，满足现代民众对于网页的视觉需求。

2.创新文字设计，在对网页展开设计工作时，最为关键的因素便是文字，通过文字可以促使社会大众确定品牌风格，甚至还能够促使社会大众与品牌产生情感方面的共鸣，因此，相关人员需要根据品牌风格、产品风格展开文字设计。一般在网页中进行文字设计时，并不会将重点放在字体时，所以大部分字体都属于默认字体，但默认字体无法吸引浏览用户的注意力，这就需要相关人员在字体设计上进行创新。在设计网页文字时，最好挑选一种或两种文字字体，以免多种字体在网页中混淆视觉效果。

3.创新色彩设计，正常在网页设计中色彩属于视觉方面的首要因素，当不同色彩在网页中相互碰撞时，便可为浏览用户营造各不相同的美感，但由于现代网页大部分需要构建在国际平台中，所以设计人员必须保证网页色彩与国际色彩准则相符，只要恰当地运用到这些色彩就可以了。网页的颜色设计应用并没有固定的图案或模式, 但也不能毫无约束地充分利用各种色彩，一般情况下，需要根据整体设计风格要求来确定主色调和辅助色彩，设计方法具体有：其一，同色系的设计方式，在网页之中使用相同色彩能够强化整个页面的统一性，增加浏览用户的层次效果，但使用这种设计方式时，需要注意调整网页不同结构的透明度与饱和度，这样便可通过同色系的深浅组合设计形成全新色彩，如图1所示：

其二，多种色彩的设计方式，正常情况，在大部分网页中都会同时存在诸多色彩，这种色彩设计方式较为常见，能够促使网页内容更加丰富，更具层次感。但在运用这种设计方式时需要注意，如果同时在确定色彩时没有考虑色彩间的对比效果，很可能导致网页内容过于花哨。因此，在该品牌使用多种色彩展开网页设计时，需要根据当季主题挑选主色彩，在挑选其他搭配色彩时，最好在主色彩的对比色中进行挑选，这样才能确保网页色彩设计的合理性，如图2所示：

4.创新排版设计，在该品牌对网页展开排版设计时，需要在狭窄的屏幕上保证所有元素的合理性、均匀性以及视觉性，而且还需要在考虑视觉效果的同时，确定网页部位的留白状况。为了强化网页整体效果，排版的设计应该考虑到界面的整体视觉和观众的心理，按照主题方向确定排版方式，缜密考虑网页排版产生的视觉效果。

五、结语

综上所述，虽然网页设计属于在现代技术的基础上诞生的全新内容，但任何全新内容都需要根据以往内容进行完善，否则网页设计之中就会存在巨大问题。而且现代民众大部分时间都在接触网页，社会各界如果在网页设计中无法灵活运用平面设计，必然会在激烈竞争中被逐渐取替，因此，如今在对网页内容展开设计时，我们必须明确平面设计元素运用的重要价值，并在设计过程切实融入视觉、文字、色彩以及排版等平面设计元素，只有这样才能设计出足够完善的作品，网页才能吸引现代民众的关注和兴趣。