网页设计制作论文范文精选Word格式.docx

网页设计制作论文范文精选Word格式.docx

《网页设计制作论文范文精选Word格式.docx》由会员分享，可在线阅读，更多相关《网页设计制作论文范文精选Word格式.docx（7页珍藏版）》请在冰豆网上搜索。

其次，网页设计应用简约主义理念，可以做到网页信息主次分明。

Google产品设计副总裁MarissaMayer曾经对这个功能做出过精辟阐释，她认为简约的网页设计就犹如一把合上的瑞士军刀，用户往往只能记住一个网站的7-9个功能，脑海中留有16个左右的关键词印象，所以必须在这个范围内合理考虑用户的要求，而那些功能繁杂、页面华丽的网站，更像一把打开的瑞士军刀，可能会“伤害”用户的使用，使其感觉信息混乱。

四、网页设计应用简约主义理念的对策

自从米斯•凡德罗提出了经典的“Lessismore”设计原则，简约主义设计理念收到了人们的热烈追捧与认可，它提倡摒除所有无关紧要的要素，以简明、活泼、轻快的设计风格直达用户内心，满足用户诉求。

如今，现代人身处于一个信息爆炸、知识泛滥的时代中，内心越来越渴望网页界面做到简洁明快，能快速找到想要的信息。

有鉴于此，网页设计应用简约主义理念可以从以下几点入手：

1、合理取舍

2、合理组织视觉要素

在设计网页界面时，有了简约主义设计理念的指导，设计师应该合理组织视觉要素，力求做到简单清晰。

设计者要合理分类、组合网页界面的信息，进行适当删减。

分类网页信息是为了让用户在浏览网页时，可以直接、快捷地了解网页布局与结构，做到心中有数，在其脑海中留下一定印象;

减少类别和适当删减并不是要减少网页含量，而是将重点信息、关键信息放置于一个相对简单的布局中，使用户能一眼就看到有效信息而不浪费时间。

在组织视觉要素时，设计师可以先构建一个简单清晰的首页，摒弃繁杂，然后进行适当配色，色彩种类不可过多，以简洁素养为主，文字介绍也不可花里胡哨，力求做到简洁明快。

3、网页各界面保持风格统一

毫无疑问，现在的网页界面有着众多层级，设计是必须做到网页界面的风格统一和和谐，不可产生太大的突兀之感。

用户一般是通过首页或者网页链接进入网页界面的某个层级中，假若网格界面的风格不够统一，甚至存在较大反差，很容易影响用户认知网页信息的效果，不利于他们顺利解读网页信息。

事实证明，统一和谐的网页界面风格不仅可以增强用户的认知与记忆，提高他们搜索所需信息的效率，还能使用户对该网页印象深刻，对其形成满意度，成为该网页的“忠实粉”。

对于网页界面风格的和谐统一，关键要做到同样元素的位置和大小要保持一致，起码不能差距太大，配色方案也要保持整体一致，同类型的设计要素风格也应该尽量保持一致。

五、结束语

网页设计论文文献

[1][美]RobertHoekman,Jr.瞬间之美-Web界面设计如何让用户动心[M].北京:

人民邮电出版社,2009

[2]鬲波飞.网页设计之视觉信息传达分析[J].湖南大学学报（社会科学版）,2001,15（4）:

15-19.

[3]唐良瑞,李丹.网页设计的诸要素分析[J].北方工业大学学报,2000,12

（1）:

[4]黄海燕.网页设计与平面设计[J].包装工程,2004,25

（1）:

126-127

[6]徐超.探究简约主义的网页设计[D].上海：

上海师范大学设计艺术学，2012：

19.

[7]李静.基于视觉体验的网页界面极简主义设计[D].武汉：

中国地质大学艺术与传媒学院，2013：

27.

摘要：

网页设计伴随着网络的快速发展而兴起，网页讲究的是排版布局，其功能主要就是提供一种形式给上网者，让他们能够了解网站提供的信息。

怎样能让上网者在浏览网页信息的同时，不但浏览起来方便快捷而且感觉网页赏心悦目了?

以下针对网络环境下的审美，谈谈自己对网页设计的一己之见。

网页设计审美美感

一、网页设计的审美需求

1、网页的审美

谈到美，网页这种特殊环境下的美与传统的艺术上的审美有着明显的区别，一般的艺术上只要能够在欣赏者的心里产生共鸣就是美的;

而网页的布局上的审美却要受到很多的限制，网页设计面对的是大量用户，由于更新速度的快捷，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，这个过程可以在很短的时间里完成。

同时网页能融合文字、图片、声音、动画于一身。

这是传统艺术所达不到的。

当然最根本的在使用方面就限制了它不能够随意的挥洒自如，任设计师自由的发挥。

2、网页的功能

网页，最初就是在功能性的基础之上发展起来的。

使用者如何从网页中更好得到功能，这就需要站在使用者的角度来看待网页设计。

作为设计师引导潮流没有错，但是更要贴近自己的使用对象，想他们所想，急他们所急，适时的将自己的设计风格融入到作品中去，接受他们的检验，只有经得起考验的设计才是好的设计。

二、网页设计的几点原则

1、要考虑上网者的环境。

在网络世界里，涉及到各方面的内容，使用者通常是打开很多的窗口，在一种纷繁复杂的情况下接受信息。

假如他们浏览的网页是设计特别花哨，文字、动画等堆砌的极为杂乱，加剧了心理上的厌烦感，这种网页能算得上美吗?

所以从使用环境里的功能的因素来考虑美才是最根本的。

2、考虑网页的使用对象

3、考虑网页的使用功能

4、网站的自身形象设计

三、网页美的基本标准

1、简洁实用

网络特殊环境下，以最高效率的方式将用户所要想得到的信息传送出去，使用方便，越满足使用者的要求，就越显示出其功能美。

2、整体性好

一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

3、网站形象突出

一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。

4、页面用色协调，布局符合形式美的要求

布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。

一个网站单一颜色，让人感觉单调乏味;

颜色过多让人感觉轻浮花俏。

必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。

5、交互式强

发挥网络的优势，使每个使用者都参与到其中来，这样的设计才能算成功的设计。

四、设计界面的应用方法

设计界面所包含的因素运用中必须有侧重、有强调的把握。

设计因素虽多，但它仍是一个不可分割的整体。

它的结果是物化的形，但这个形却是代表了时代、民族等方面的意识，并最终反映出人的“美”的心理活动。

另一方面，设计师自身对社会环境也要进行深入的认识与考察，对设计的作品取向有明晰的认识。

日本设计师佐野邦雄先生曾作一图――生活的变迁与设计师的课题，将日本及世界上某些非常有影响性的事件进行了归纳，进而对设计有了深入的认识与感悟。

所以，要运用好设计的界面，理性的认识是首要的，其次就是创造性的，而且是有实效性的分析、处理信息。

设计不是一成不变的，分析方法也不是一成不变的，设计的界面同样是在人一物的信息交流中变化发展的。

以上谈了几个涉及到网页设计的美的相关的功能的影响，综合以上的概述，下面总结以下网页美的基本标准。

五、设计界面的运用原则

1、合理性原则

2、动态性原则

即要有四维空间或五维空间的运作观念。

一件作品不仅是二维的平面或三绝的立体，也要有时间与空间的变换，情感与思维认识的演变等多维因素。

3、多样化原则

即设计因素多样化考虑。

当前越来越多的专业调查人员与公司出现，为设计带来丰富的资料和依据。

但是，如何获取有效信息，如何分析设计信息实际上是一个要有创造性思维与方法的过程体系。

4、交互性原则

即界面设计强调交互过程。

一方面是物的信息传达，另一方面是人的接受与反馈，对任何物的信息都能动地认识与把握。

5、共通性原

即把握三类界面的协调统一，功能、情感、环境不能孤立而存在。

从心理的角度来讲，设计元素给人一定的先后印象，它们的次序分别是：

色彩―图象―文字。

色彩起着必不可少的作用，把握好色彩，才能把握好网页的整体设计。

一、网页设计中的色彩模式

网页设计的页面最终显示在计算机显示器上，而非传统的纸张上，因此，它的色彩运用有特殊的要求。

网页设计中用色以RGB色彩模型为基础，而RGB模型则依赖混合不同的R（红）、G（绿）、B（蓝）值来建立色谱中的大多数颜色，RGB模式主要用于计算机上所显示的图象。

以红，绿，蓝为计算机上所显示图象的三原色，其它的色彩都可以用这三种色彩调和而成。

二、网页设计的色彩艺术设计

（一）综合色相、明度、纯度进行的网页色彩设计

网页的色彩艺术设计是以色彩的属性进行配色的依据，而色彩的属性包括色相―色彩不同的相貌、明度―色彩的明暗程度、纯度―色彩的鲜浊程度。

1、根据色相的特征考虑网页的色彩

（2）白色给人的印象是洁净、光明、恬静等。

在它的衬托下，其他色彩会显得更鲜艳、更明朗。

（3）灰色突出的性格是柔和、平稳，它不会明显影响其它色彩，因此，在网页设计中，作为背景色非常理想。

任何色彩都可与灰色相混合，给人以高雅、细腻、含蓄、而有素养的高档感觉。

（4）红色一般用作迎贵宾的场合，含白的高明度粉红色，则有柔美、甜蜜、幸福的感觉，不妨考虑用它作为女性网站的色彩。

（5）橙色感觉活泼、华美、甜密、幸福等，但也有疑惑、嫉炉等消极的倾向。

含白的浅橙色与橙色本身都是食品包装中常用的甜美色彩，用在食品的网页设计上是不错的选择。

（7）绿色象征生命、青春、和平等，人眼最适应绿色。

黄绿带给人们春天的气息。

蓝绿、深绿有着深远、睿智等含义。

灰绿给人以成熟、深沉的感觉。

（8）蓝色表示沉静、理智等含义。

浅蓝色系明朗而富有青春朝气，被年轻人所喜爱，但也有不够成熟的感觉。

深蓝色系沉着、稳定，为中老年人普遍喜爱的色彩。

蓝色也有另一面的性格，如刻板、冷漠、悲哀、恐惧等。

蓝色受到世界各国、各族人民的欢迎。

（9）紫色具备神秘、高贵、优美、庄重、奢华的气质，但也有孤寂、消极的感觉。

尤其是暗紫容易给人以腐朽、死亡的印象。

但蓝紫色，却有着类似太空、宇宙色彩的幽雅、神秘的时代感，在现代生活里被广泛采用。

（10）光泽色指除了金、银等贵金属色以外，所有色彩带上光泽后的色彩。

金色富丽堂皇，象征荣华富贵;

银色雅致高贵，象征纯洁、信仰，比金色温和。

在网页设计中，小面积点缀，具有提神作用，大面积使用则会产生过于眩目的影响，显得浮华而失去稳重感。

2、网页色彩设计除了考虑以上所讲色相的各种特征，还要结合色彩的明度、纯度综合考虑

可以归纳为这几方面：

（1）用对比色调来表现网页的色彩设计，包括色相对比、明度对比、纯度对比

色相的对比是指不同色彩之间的对比，从24色环上按度数可分为同类色（15°

）、类似色（60°

）、邻近色（90°

）、对比色（120°

）和互补色（180°

），它们分别使网页呈现以下的特点：

同类色对比：

和谐、统一。

红色、橙色、黄色、赭色等暖色调可使网页呈现温馨、和煦、热情的氛围。

蓝色、蓝紫色等冷色调可使网页呈现宁静、清凉、高雅的氛围。

邻近色对比：

丰满、活泼，既保持了统一的优点，又克服了视觉不满足的缺点。

类似色相对比：

仍然统―、和谐，与同类色相比效果要丰富得多。

对比色相对比：

效果强烈、兴奋;

互补色（红色-绿色、蓝色-橙色、黄色-紫色）对比：

饱满、活跃、刺激的特点。

明度对比，就是将不同明度的两色或多色并列在一起，明的更明、暗的更暗的现象。

高明度具有优雅、明亮的感觉;

中明度具有柔和稳定的感觉;

低明度具有沉静厚重的感觉。

纯度对比是将不同纯度的两色并列在一起，因纯度差而形成鲜的更鲜、浊的更浊的色彩对比现象。

高纯度色彩具有明朗、积极的感觉;

中纯度色彩具有含蓄、稳定的感觉;

低纯度色彩具有：

朴素、平淡的感觉。

利用高中低明度、纯度的特点组进行网页中的色彩搭配，能体现不同的风格。

（2）色彩的大小和形状对比

色彩的大小会令色彩的对比有一种生动效果，比如网站设计中，尝试在一大片绿色中加入几小点红色小花，你会注意到红色的小花在绿色的衬托底下很抢眼，这就是色彩的大小对对比效果的影响，在大面积的色彩陪衬下，小面积的纯色会突出特别的效果。

但是如果用较淡的色彩，则会让你感觉不到这种色彩的存在。

譬如在米黄色中加入淡灰色，你根本就不会注意到淡灰色。

（3）网页底色与文字、图片色彩的对比

假如网页中底色是低调，网页上的文字、图片颜色就要浅，以深色的背景衬托浅色的内容;

反之，底色是高调，文字、图片颜色就要深些，以浅色的背景衬托深色的内容。

如果色彩的明度很接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。

当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也不适宜长期阅读。

（二）网页色彩搭配要遵循的原理

1、色彩的鲜明性

网页的色彩设计要生动，容易引人注目。

2、色彩的独特性

要有与众不同的色彩设计，使得大家对该网页的印象强烈。

3、色彩的合适性

了解你的网站所要传达的讯息和品牌。

选择可以加强这些讯息的颜色。

4、色彩的联想性

不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

（三）网页色彩搭配要注意的其它因素

1、了解你的读者群

不同地区、年龄层以及不同的文化背景对颜色的反应亦会有所不同。

如年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。

2、选择颜色要注意时效性

同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。

但就另外一个角度来看，你可以使用几十年前的流行色彩，引起人们的怀旧之情。

3、选择色盘时请考虑功能性的颜色

别忘了将关键信息部分建立功能性的颜色，例如标题和超级链接等。

4、注意网站色差问题

每一个网站开发人员都知道，即使是网络通用颜色在跨平台显示的时候都会有些不同。

记得要校正你的gamma值，并在不同的作业平台上测试你的色盘。

参考文献

[1]施莹、吕树红：

《网页设计与制作》，清华大学出版社，2009-05-01

[2]吉姆•克劳斯（美）：

《色彩设计指南》，上海人民美术出版社，2008-01-01

[3]王令中：

《视觉艺术心理》，人民美术出版社，2005-08-01