视觉艺术网页设计论文

摘要：随着我国“互联网+”时代的到来，社会各界对互联网美术人才的培养提出了新的要求，传统的教学内容已经不能满足当代的需求，新的教学课程体系急需研究与确立。本文针对传统网页设计美术人才培养中出现的问题，从艺术类网页设计课程教学内容、教学方法两个层面进行阐述，提出具体改革方案，旨在提高艺术类高校培养网页设计美术人才的社会实践对接能力。今天小编为大家精心挑选了关于《视觉艺术网页设计论文(精选3篇)》的文章，希望能够很好的帮助到大家，谢谢大家对小编的支持和鼓励。

视觉艺术网页设计论文 篇1：

浅析网页设计中的视觉艺术处理

[摘要]就网页设计过程中所涉及到的视觉元素的艺术处理进行分析，主要尝试从网页设计的内容与原则等方面，对这个新的艺术设计领域进行探讨。

[关键词]网页艺术处理　版面布局　风格设计　色彩搭配

一、版面布局中艺术处理

从功能上来看，首页主要承担着树立企业形象(当然不仅仅是首页)的作用，网站首页是企业网上的虚拟门面。

设计首页的第一步是设计版面布局。所谓版面，指的是浏览器看到的完整的一个页面(可以包含框架和层)。所谓布局，是指以最适合浏览的方式将图片和文字排放在页面的不同位置。一般来说，网站首页的形式有两种，一种是形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，将图文组成一幅生动的画面。另一种是信息罗列型，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大、内容丰富的网站。无论采用何种形式，都可以遵循如下原则：

1、主次分明，中心突出。在一个页面上，必然考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。这样在页面上就突出了重点，做到了主次有别。

2、大小搭配，相互呼应。较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起。对待图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。

3、图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。

网站首页的布局比较灵活，着重设计，而内页的版面布局主要是考虑导航、必要信息与正文之间的布局关系。在内页布局过程中，可遵循以下原则：

1、正常平衡——亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。

2、异常平衡——即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。

3、对比——所谓对比，不仅利用色彩、色调等技巧来做表现，在内容上也可涉及古与今、新与旧、贫与富等对比。

4、凝视——所谓凝视是利用頁面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。

5、空白——空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。

6、尽量用图片解说——此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者更多的心理因素。

以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就会大不一样。比如：网页的白色背景太虚，则可以加些色快；版面零散，可以用线条和符号串联；左面文字过多，右面则可以插一张图片保持平衡；表格太规矩，可以改用导角等等。

二、风格设计中的艺术处理

首页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。如何统一网站风格，除考虑上述首页风格外，更多的还应在内页设计过程中考虑以下几种设计方式：

1、结构的一致性：网站的统一性在网站营销中占重要地位，而网站结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等。

2、色彩的一致性：方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。建议是选取一两种主要色彩，几种辅助色彩。

3、利用导航取得统一：导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象，比如将标志的形态寓于导航之中。

4、特别元素的一致性：在网站设计中，个别具有特色的元素(如标志、象征图形、局部设计等)重复出现，也会给访问者留下深刻印象。

5、利用图像取得统一：网页中的图像在使用上一定要谨慎，尤其是一些与内容无关的动画不能使用在网页中。这里我们所说的利用图像取得统一，决不是在每页中放置几个动画!而是根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。

6、利用背景取得统一：从技术上而言，网页背景包括背景色和背景图像两种，一般提倡使用背景色或色块而非背景图像。原因很明显，第一，背景色的下载速度比背景图像的下载速度快；第二，显示效果，图像作为背景往往使得前面的文字很难辨认!给人一种很不舒服的感觉，让人无法停留。那么什么适合网页背景呢?一个好的建议是将公司的标志、象征性的简单图片作为背景，并将其淡化，使浏览者在阅读网站内容的同时不经意记下公司的标志。

三、色彩搭配中的艺术处理

色彩是人的视觉中最敏感的东西，网页中最难处理的也就是色彩搭配的问题了。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。网页设计中色彩的使用原则一般有：

1、用一种色彩。这里是指先确定一种色彩，然后调整该色彩的透明度或者饱和度产生新的色彩(说得通俗些就是将色彩变淡或者加深)，用于网页。这样的页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色。

3、用一个相同色系。所谓相同色系，简单的说就是同一个感觉的色彩，例如淡蓝，浅蓝、深蓝；而在色相环上是指位置十分相近的色彩，这种色彩搭配的优点是易于使网页色彩趋于一致，容易塑造网页和谐统一的氛围，缺点是容易造成页面的单调，因此往往利用局部加入对比色来增加变化，如局部对比色彩的图片等。

充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升网站的文化品位。根据色彩的心理感觉，下面介绍几种常用的配色方案：

1、暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2、冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3、对比色调。所谓对比色，是指色相环相距较远，即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。

作者：唐雨薇

视觉艺术网页设计论文 篇2：

艺术类高校网页设计教学课程模块研究

摘 要：随着我国“互联网+”时代的到来，社会各界对互联网美术人才的培养提出了新的要求，传统的教学内容已经不能满足当代的需求，新的教学课程体系急需研究与确立。本文针对传统网页设计美术人才培养中出现的问题，从艺术类网页设计课程教学内容、教学方法两个层面进行阐述，提出具体改革方案，旨在提高艺术类高校培养网页设计美术人才的社会实践对接能力。

关键词：艺术类高校；网页设计；教学课程；改革

随着“互联网”国家策略的大力推进，我国社会发展急需大量优秀的网络应用人才，网页设计美术人才是互联网人才的重要组成部分，为了配合国家战略，目前国内各大艺术类高校纷纷把《网页设计》设置为艺术设计专业高年级学生的必修课程。然而，随着近年来艺术设计高等教育教育的不断扩招，以往的课程体系和教学方法已无法满足当代及未来社会对网页设计美术人才的要求，而无视市场需求的人才培养模式也会使网页设计美术人才的培养与市场需求间的距离越拉越大，对艺术类高校网页设计课程教学的探讨和廓清已愈发重要。

一、网页设计美术人才培养现状分析

艺术设计教育在我国发展起步虽晚，但成长迅速，其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术，它的创意取决于企业的文化属性和互联网的特色，它是一种附属于互联网之上的、艺术与技术合二为一的新型设计形式，它的界面设计既要注重界面中的构成元素，又要遵循用户体验，还要注重各页面链接的空间关系和视觉协调性，使之成为有着互联网特征的、综合性的数字设计艺术。

目前，国内各大本科院校多是依据所属专业来确定《网页设计》课程的教学侧重：计算机类的侧重代码编程，用于网站后台人才培养；艺术类的侧重界面规划和美化，适于网站前台网页美工的培养，但在网页设计课程的教学上存在主要以下两种现象：一是“轻维护、重美观”，培养出的学生多在意静态页面的艺术性，不在乎是否有利于后台维护；另一种是“轻线下、重线上”，培养的学生往往只在意屏幕的视觉效果，对线下互联网用户的需求了解不够，虽然网页界面看起来很漂亮，链接也很流畅，但实用性不强，更别说线下产品的开发了。因此，对艺术类高校网页设计课程的教学改革势在必行。

二、教学课程改革措施

对于艺术类高校网页设计课程教学中所出现的问题，有必要进行课程改革。首先要调整教学内容，新的教学内容将设置为网页设计艺术理论课程和软件实践课程两大模块。

1.网页设计艺术理论课程模块

网页设计艺术理论课程模块的知识点包含三部分，即网页设计的功能要素、网页交互设计、网站品牌形象的美学塑造。

网页设计的功能要素是网页界面设计的基础元件，了解其功能元素特点、作用及各元素之间的相互关系对网页的设计工作起着至关重要的作用。它的功能元素有背景与底纹、按钮与控件、页眉与页脚、导航器和目录、功能板块和广告位等，这些功能元素依靠文字、图片、色彩、多媒体和超级链接来实现。这些元素的形式语言遵循传统平面设计的设计原则，又和传统平面设计有很大不同。例如传统平面设计多是以印刷为目的，作品尺寸是固定数值，而网页设计是以连接互联网的显示器为最终呈现方式，它的宽度不宜超過显示器宽度，高度可以任意但只能显示一屏的高度，随着浏览者拖动下滑竿，显示高度随之变化；用于传统平面设计中的色彩在输出过程中是以印刷色CMYK形式出现的，而网页设计中颜色是的RGB模式，是标准的光色；传统平面设计中对于图像像素的设置往往是300像素，而屏幕显示的像素只有72像素…因此，教师在此部分教学中不但要传授网页设计各功能元素的作用与特点，还应该指出与平面设计中相对应元素的异同，让学生在区别中学习。

交互设计是网页设计最为重要的功能设计。交互设计源于工业设计的概念，原来平面设计专业教学内容没有交互设计的内容，为了更好的让教学内容与市场接轨，在调整后的教学内容中新增了这一知识点。此部分教学内容包括用户体验研究、层级结构设计、流程设计、低保真和高保真图等，通过模拟用户上网实际操作来进行分析，找出痛点，确定网站特色，确定栏目，将站点ID，栏目、实用工具、搜索引擎等交互设计元素和平面设计知识结合，将功能设计教学落到实处。

品牌化建设是企业视觉形象执行标准的延续和拓展。和大多线下公司一样，一家优秀的网站也需要品牌形象的塑造。从企业文化和性质入手，树立准确而独特的网站品牌形象，有利于公司在互联网上同类公司中凸显出来，提高上网者的浏览兴趣，增强浏览记忆，促进网站企业的宣传推广。

在教学内容中应渗透品牌形象概念，将此概念应用到网页设计的各个环节之中，无论是网页 LOGO、网页色彩、版式和导航设计等等都应该保持品牌形象的一致性。

2.软件实践课程模块

此课程模块包含两部分：新网页三剑客和常用简单代码识别

Fireworks、Dreamweaver、Flash是传统意义上的网页三剑客，过去网页设计的教学基本都依靠对它们的学习，虽然具有普遍性但对不同专业学习的针对性不强，结合平面设计专业现有软件掌握情况（Photoshop是艺术设计学生必修基础软件，多数学生都已掌握它的基本操作技巧），把此部分内容调整为“新网页三剑客（PS+Dreamweaver+Flash）”的学习。简单的说就是根据界面规划草图，用Photoshop制作出精美的静态界面效果图，并在此基础上再次利用PS软件进行切片、优化和输出HTML文档，用Dreamweaver版式、美化处理和超级链接，最后用Flash做特效替换，最终做出具备跳转链接功能的动态网页设计效果图。

网页设计美术人才最终所做出来的网页设计作品是网页效果图，需要软件工程师根据动态效果图代码编程上传才能更好的在互联网上呈现使用，为了更好后台工程师沟通，把动态效果图设计的共准确，网页美工师需要了解一些常规编程代码知识，但艺术设计专业学生多是文科生，数学和英语的掌握水平普遍不高，对此，在代码教学内容上选取一些常用的简单的代码语言，并结合Dreamweaver的Html标签和CSS规则的使用方法，利用框架，对现有模板优化和美化，提高网页设计动态效果图的实用性。

三、对接社会、校企合作，提高学生实战能力

艺术类高校网页设计课程教学改革的最终目的就是为社会输出合格的互联网网页设计人才，更好的服务社会。对此，在在校期间能够将课程教学活动中对接社会、加强校企合作就显得尤为必要和重要。学校根据自身特点选择合适企业建立教学实践基地，聘请企业网页设计骨干作为指导教师参与此课程实践教学。也可以组织部分优秀学生组建设计团队，成立工作坊，工作坊可以按照企业模式管理运营，承接校外的网页设计项目。此阶段教学针对学生社会接轨针能力培养，为学生对接社会提供条件，将企业文化和行业规范引入教学，实现校企无障碍对接，真正将理论与实践两种教学有机结合在一起。

在计算机信息技术飞速发展的大环境下，艺术类高校网页设计课程更要紧扣时代的脉搏，求实创新，不断地更新和丰富教学内容，结合市场创新教学方法，及时将最新案例和相关知识点引入课堂，最终培养出满足“互联网+”国家战略需要的，具有综合素养的，网页设计美术高级应用人才。

参考文献：

[1]吕威飞 .陈洁滋.网页设计与制作[M].上海人民美术出版社.2016.

[2] 许广彤 .网页美术设计[M].中国人民大学出版社.2011.

[3] （美）Robert Hoekman.Jr .瞬间之美：Web界面设计如何让用户心动[M].人民邮电出版社.2009.

作者简介：

洪涛（1973.02—），男，河南大学艺术学院视觉艺术传达系副教授，研究生学历，硕士学位，河南省美术家协会会员。

注：该论文为“河南大学民生学院院级教育教学改革研究项目”成果。

项目名称：平面设计专业网页设计课程教学改革研究。

项目编号：MSJG2015004。

作者：洪涛

视觉艺术网页设计论文 篇3：

网页设计风格与用户体验的二元交互

摘要：网页设计是用户体验和艺术视觉感性印象相结合的过程，网页设计的视觉风格取决于网站设计的主旨和内容目标。同时，网站信息和内容主旨的传达取决于网页设计人员对设计风格的把握和自身的文化审美情趣。

关键词：视觉风格；审美情趣；用户体验

1图标设计的原则与风格

移动终端的大规模普及让过量的信息涌向客户端，受众产生了对信息的识别失能。所谓信息识别失能是指在信息过量的情况下，受众不能有效地消化这些信息，信息群转化为无效的信息符号。

为了有效解决信息接收用户对信息的识别困境，标准化和识别特征明显的图标设计成为网页设计的重要视觉元素和关键性信息识别标志。以下笔者将就网页设计的图标风格定位和設计原则进行总结和阐述。

（1）网页设计图标使用信息适量原则。网页指示图标信息表达不宜过量，如果网页交互指示图标传达的信息超过信息受众的一般信息接收量，图标信息在传达的过程当中很容易导致信息受众的识别失能。并且，由于短时记忆的信息容量很小，信息接收用户和网络程序使用者在选择图标指示时是调动自身大脑指挥的短时记忆，因而网页视觉图标应该表达适量的信息。

（2）网页设计图标使用合理性原则。在图标设计之前，应该由相关设计人员进行实地调研，重视网站使用者的用户体验和感受。充分研究网络信息使用者通过“手段目的”解决通用问题的方式的操作行为特性，并考虑使用者在操作上发生错误的各种可能性，研究图标使用的可能性和合理性。

（3）网页设计视觉图标的含义清晰明确的原则。尽量不选择容易造成含义混淆的视觉图标，含义清晰明确的视觉图标便于人明确获得操作步骤的信息及正确做出选择判断，而图标含义的不明确，会让受众无法操作对操作行为产生不愉快的知觉感受。简洁的图标使人对操作的感知更容易被储存记忆激发，在转化成愉快操作信息后记忆加深。

（4）网页设计视觉图标的目标用户熟悉度原则。尽量使用信息接受者和目标用户更为熟悉的认知图形，或者使用目标消费者通过视觉呈现元素的刺激更容易产生联想的图标。例如，要表达“购物商城”这一操作信息，用购物车、购物篮等视觉图标更容易唤起人的联想和熟悉度，从而更好地理解图标的含义，以及该图标与其他图标的区别。

2色彩的渲染与运用

色彩是网页设计和用户体验当中重要的印象元素，它是美丽而丰富的，它能唤起人类的心灵感知。举例来说，红色是热情奔放的颜色，象征蓬勃的生命力和进取精神；黄色彰显活力、华丽、明快；绿色就像广袤开阔的草原铺陈出的颜色，意味着纯净、无污染、宁静和生长，带给消费者和网站信息受众安宁、和平与安全的视觉印象。

颜色是光的折射产生的，红、黄、蓝是三原色，其他的色彩都可以用这三种色彩调和而成。在网页设计的视觉艺术风格呈现和展示的过程当中，网页设计师可以用颜色的变化来表现光影效果的变化和商品的质感，这无疑将使网页设计作品更贴近目标用户人群。色彩代表了不同的信息内涵和情感指征，给网站目标用户带来完全不同的视觉印象和信息指示。色彩渲染和光影明暗在网页设计中所蕴含的象征含义是网站目标用户所能感知到的信息特征和品牌印象，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

网页设计当中单纯的颜色变化和选择并没有重大的视觉意义，而不同颜色的搭配和渲染则能够带来有效的视觉用户体验，它所表现出来的效果也不同。例如，绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛；蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛；红色和黄色、金色搭配能渲染喜庆的气氛。设计的任务不同，配色方案也随之不同。在进行网页设计时，应当充分考虑到网页视觉体验的普适性，尽量使用能让大众产生共鸣和愉悦感的安全配色方案。

3基于用户体验的网页设计过程

设计的实现可以分为两个部分。第一部分为网页的版面布局，第二部分为网页的制作。

基于良好的用户体验而进行的网页设计首先要关注整个网页的版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。

第二个步骤就是网页设计师通过相关的设计软件来对视觉元素进行组合，将设计的审美构想变为现实。视觉元素包括了颜色的铺陈和碰撞，介绍文字的字体形态变形等视觉效果，图片形状风格的使用，动画效果的设计和渲染和布局造型的重叠铺排。

4网页设计元素的有机组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，视觉元素的有机组合是交互网页设计当中很重要的一个设计环节。交互网页画面上的图片、文字、图标、动画等视觉元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，需要点、线、面的有机组合与搭配来呈现一个视觉风格独树一帜、和谐优美的交互界面。

网页设计当中可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在交互网页设计当中应根据网站宣传主题和机构形象地位，选择最适合的视觉元素组合方式，这样有利于网站设计主题的表现。

交互网页设计通过点、线、文字、图片、光影、颜色等元素的有机组合，可以充分展现交互页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感，而且能较好地突出网站机构的品牌形象。将网页上的各种元素有机地组织起来，它甚至还可以引导目标使用群的视觉注意力和强烈的用户体验欲望。

5基于交互体验的网页设计原则

网页交互设计是有原则的，无论采用什么样的设计手法对画面中的元素进行组合，都应当遵循以下四大原则：分割、统一、对比及和谐。

分割是指将交互页面分成若干个小块，小块之间有视觉上的明显区分，这样可以使目标受众对交互网站的分类信息设置一目了然。在交互网页信息量庞大的情景下，使目标受众能够清楚观察并点击自己需要的信息，这个信息甄别过程离不开对交互页面进行有效的分割。分割不仅是视觉呈现形式的需要，换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。统一是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

交互页面视觉元素的对比就是通过层次参差和颜色碰撞，使网页设计风格更加富有生气。对比手法很多，如强与弱、粗与细、明与暗、长与短、疏与密、虚与实、主与次、黑与白等等。交互网页设计当中使用对比的设计手法应当谨慎，层次参差与视觉元素对比过强容易破坏美感，影响网页视觉风格的统一。和谐是指整个交互页面设计风格符合美的标准，浑然一体。如果交互网页设计师认为网页设计仅仅是数字、图片、动画等元素的任意混合，那么网页设计作品将不但没有“生动风格”，而且也根本无法实现网站主旨的视觉设计功能。交互设计和谐不仅要看视觉元素的布局是否和谐，最重要的是网站目标用户的使用体验和视觉印象，这才是成功的网页设计风格与用户体验的二元交互。

作者：陈紫燕