我优求知网网页界面设计论文篇（1）
据我国互联网信息中心（CNNIC）的2014年互联网报告显示，我国网民规模已达6.94亿人，人均周上网时间为26.10小时，超越美国，成为拥有网民最多的国家。同时网民对浏览网页界面的要求也越来越高，对网页的需求不再仅仅是功能和便捷性，审美标准也相应地提高，传统的设计模式已经逐渐不能满足广大网民的需求。人们更多的是将目光转移到网页人性化的设计，而网页界面的情感化设计能否为网民带来愉悦感、舒服感，逐渐成为网站设计水平的标准之一。
一、网页应用界面概述
网页应用是指用网页语言编写的程序通过浏览器来运行的软件，它可以广泛应用于企业网站或互联网。由于网页语言程序可以直接应用于各个PC终端和手机移动终端，不需要像其他应用软件进行升级或运行前安装复杂的程序，深受用户的青睐，例如，较常见的有基于计算机终端的网络论坛、网络游戏、网络超市等，也有基于手机移动终端的APP、网页浏览等应用。
虽然我国网络化快速发展，但是，网页界面的情感化设计起步较晚，最早的网页界面概念是由国外发达国家提出来的，在国外已经有了相对成熟的设计理论和实践经验，如欧美、日本等国家一方面提出了网页界面设计的理论基础，如依据艺术设计理论和社会心理、人机交互理论等理论进行情感化设计；另一方面，还要遵循简约化、一致性、统一性、均衡性等原则。目前我国对这方面的发展主要是针对网站的文字、色彩等视觉方面进行了一定程度的设计，但总体上缺乏对情感化设计的深入探究。
二、网页应用界面的情感化设计分析
“情感”是人们对自身周围的事物以及对自身的态度的体验，它是人对客观事物的主体反映。根据唐纳德教授在《情感化设计》一书中的论述，情感化设计分为本能、行为以及反思三个层次。本能层次是用户通过外界的刺激而做出的第一反应，具有先天性，因此，在对网页界面进行设计时需要充分考虑本能层次的物理特性，将本能层次的特征融入设计的界面当中。行为层次主要是指利用简单有趣的设计为用户提供最方便网页浏览布局和清晰明确的操作导向，使用户在运用中在情感上得到体验。反思层次是意识反作用于客观事物的一种表现形式，是人们最高的情感水平。网络用户通过浏览网页界面后产生的更深层次的感知和情感，往往受到不同主体认识的不同而有不同的情感变化。通常反思层次有助于提高用户的忠诚度，建立起用户与产品的长期联系。情感设计的三个层次相互影响，在本能层次得到满足后，产生行为层次，然后体验后，产生对网络界面的反思层次，在对网络应用界面设计中应当注意三个层次的相互作用，将情感化设计贯穿于三个层次中，提高用户的认知度，为用户带来情感愉悦和舒服的体验。
三、我国网页应用界面设计的现状及存在的问题
由于我国情感化网页设计起步相对较晚，缺乏理论依据，存在着众多不足，其主要有以下几个方面。
1.内容方面的问题
通常网站网页是进行信息传播的承载体，往往包含了众多的内容，但在国内的一些网站网页设计时内容相对混乱，分不清主次。还有一些网站为了向用户传达更多的信息，对网页界面嵌入各种软件以及各种各样的内容，使用户感觉杂乱无章，忽略了页面设计的整体性和主次感。此外，还有一些网站为了商业利润，在网页界面中填充了大量的广告，容易让用户在使用时产生抵触情绪，降低了情感化的体验效果，同时，网页广告界面往往自动弹出，强制用户“消费”，缺乏对用户的尊重。
2.网页界面板式雷同化严重，缺乏创新
网页应用界面在设计上大多都是遵照一种设计样式，除一些网站在设计时根据自身的实际情况，对界面内容进行分栏分类，对色彩字体进行搭配，其他大多数设计的版本内容布局高度雷同化，缺乏创新，使用户容易产生视觉疲劳，很难吸引用户的注意力，降低了情感化的体验。
3.网页应用界面设计普遍缺乏情感
情感化的网页设计能提高用户在浏览网页时的舒服程度，还能提高用户的自我标识，但是在实际的网站网页界面设计的过程中，往往只是满足功能上的需求，追求界面的效果，忽略了在网页中添加情感因素，在视觉色彩的应用上也相对混乱，造成用户情感体验的效果不明显。
四、网页应用界面的情感化设计
通常进行网页界面的情感化设计需要明确进行网络界面设计的目的，即构建一个使用户在视觉上产业愉悦的网站，以提高用户对该网站的忠诚度。一般来讲，网页界面设计目的包括实现网站服务、良好的视觉效果以及可行性和易用性三方面。因此，网站的网页界面的情感化设计需要围绕着上述的三个目的展开。
1.色彩的设计
网页的应用界面的色调通常包含了文字的颜色、主板的色彩、所含***片的色调等几个方面。首先，***片的设计是将抽象化的物体转化为直观的视觉效果，***片的色调可以直接进入用户的视觉体验，进而产生本能层次的情感，因此，***片色调的选择要符合主题内容，与整个网页的风格相匹配。其次，文字色调的设计，文字是传达网页内容的主要方式，是网页界面的主体，其字体的颜色需要与整个网页界面的设计搭配，使用户在阅读时不产生疲劳感；最后，主色调的设计，主色调是整个网页界面的背景，在对主色调设计时要遵照使用户舒服的原则，防止色调太强，而影响文字主体阅读的困难。
2.合理统一的布局
对网页界面合理统一的布局是指在网页界面有限的空间内，对文字、***片、色彩等元素进行统一的设计编排，使整个界面显得和谐统一，不至于出现内容混乱的局面。因此，在对网页界面设计中，既要加入人的情感因素，同时又要进行合理的布局，这样才能让用户在使用过程中产生情感上的依赖。
3.方便易用的操作功能
通常网页界面设计要以方便易于操作的功能为前提，使用户在使用过程中，能够用最短的时间进行操作，并接受该功能的应用。
4.对网页界面的情感化设计的创新
创新是设计的动力源泉，一方面，只有不断创新才能满足人们提出新的需求，另一发面，创新是人们劳动性的创造，将情感和抽象思维相融合，设计到网页界面的布局中去，提高用户网页界面体验的情感效率。
5.和谐统一的人机交互
人机交互是指用户在浏览网页界面的过程中，人们从网页的内容得到了情感上的满足。因此，交互作用是让用户在应用时产生愉悦心情的设计。在网页界面人机交互设计中，设计师要灵活运用设计方法，使人机能够充分进行信息交换，让设计出来的网页界面更能打动用户的心灵。
网页界面设计论文篇（2）
引言
格式塔一词来源于德文“gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“***底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.***与底
在人的知觉系统中最基本的一种知觉能力是在***形与背景间作出区分。“***”是居于前部的区域，“底”被看成是用来衬托***的背景。WWw.133229.cOm相对而言，***比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成***。
由于***与底之间存在的这种相对性质，在网页设计中，应当明确区分***与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的***－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，***形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、***像，还是动画和视频方面都要坚持***底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试***将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在***像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的***像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。
3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或***形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释***形或用以表明某一部分***形的文字就应当紧挨其所指的***形或部分***形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个***形中的组成部分都属于同一风格，这个***形就被视为一个整体。为了使浏览者重点关注***形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或***形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的***形，以免使浏览者花费过多的时间去琢磨***形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
网页界面设计论文篇（3）
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“***底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.***与底
在人的知觉系统中最基本的一种知觉能力是在***形与背景间作出区分。“***”是居于前部的区域，“底”被看成是用来衬托***的背景。相对而言，***比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成***。
由于***与底之间存在的这种相对性质，在网页设计中，应当明确区分***与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的***－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，***形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、***像，还是动画和视频方面都要坚持***底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试***将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在***像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的***像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。
3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或***形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释***形或用以表明某一部分***形的文字就应当紧挨其所指的***形或部分***形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个***形中的组成部分都属于同一风格，这个***形就被视为一个整体。为了使浏览者重点关注***形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或***形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的***形，以免使浏览者花费过多的时间去琢磨***形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
网页界面设计论文篇（4）
【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是***府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、***形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、***形、声音、***像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。133229.coM表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是：
1 制作网页包括具体都包括哪几部分呢?
1.1***形、***像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的***片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的***片。提到***形、***像处理，大家都会想到的软件是photoshop这个软件，对，这个软件是进行***形、***像处理的软件，但是，它不是专门的处理网络***像的软件，photoshop这个软件会用到去进行一些平面的***形***像，我们网络的***形、***像处理用的是fireworks软件，它可以制作出传输较快的gif格式的***片，占的空间也比较小，一般大小也就是kb，而photoshop制作出来的是jpg格式的位***，并且是有损压缩，象素大了***像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是fireworks软件进行处理***形、***像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有flash软件之前，用的是go live这个软件，再后来就用传统的做法，在html中嵌入java程序编写的动画，但这要求设计者要对java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的flash软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：dream weaver软件或者front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在photoshop或fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化***片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到dream weaver进行具体编辑，做链接可以用***片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍***书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意***，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体***，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用***片的形式，因为很可能浏览者的pc里没有安装你的特别字体，那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。
网页界面设计论文篇（5）
随着互联网的高速发展和高校网络化、信息化步伐的加快，高校网站受到越来越多人的关注，它不仅向社会各界展示高校办学特点、文化内涵，同时还和外界信息资源形成了互通，扩大了学术交流的范围，使大学校园走向了世界。目前，高校网站作为网络宣传的信息平台，正在充分发挥着高校教育资源的优势。如今的高校网站界面设计，早已脱离单纯追求功能的时代，网站界面设计不仅要考虑如何把有效的信息放在界面上，还要考虑到浏览者是如何感知网站界面上的各种视觉要素的。怎样通过网页视觉要素设计来实现高校网站界面设计？ 本文从文字、***形***像、版面、色彩及动态元素这五个视觉要素的设计来论述。
1 文字
在高校网站界面设计中，经常会使用大量的文字来对需要传达的信息进行描述。不同的网页信息内容以及网页主题决定了网页中文字的风格以及编排形式。文字通常单纯作为文本，有时还可以充当***形来使用，在这一点上应该根据网页的主题来进行设计。例如学校的名称。网页上的大多数中文文字是以容易被大众接受的宋体字、黑体字来设置，这是为了在不同系统设置的电脑上网页的显示没有误差来设置的。文字通过各种各样的巧思妙想，虽然也可以用来美化页面，对网页起到一定的装饰作用，但最终目的还是要传递信息，为准确的传递某种信息来服务。所以文字的装饰设计不应该抛离其可读性，合适的文字能使网民舒适的浏览网页并快速获取有效信息。
2 ***形***像
***形***像和文字相比，更加的形象具体，不需要进行解释翻译。在现代的网页设计中，由于信息量的激增，人们更加愿意从***片获取所需的信息，***片能够打破文字较为呆板的视觉效果，丰富网页的视觉表现。
网页中的***形***像包括***标、***片、背景***片。***标以功能性、操作性、标记性信息的传达为主旨，力求通过对字体、构***等抽象符号的位置、比例、对比、渐变等关系浓缩在一方小***，从而更直接、生动的揭示要表达的信息内容。***片在网页设计中不仅仅是作为装饰功能来使用，更多的是作为辅助文字信息传递的功能来使用的。
3 版面
网页的版式设计需要对信息资源进行特定有序的编排，才能够保证浏览者在浏览网页的时候不用花费很多的时问来从某个页面上寻找一些共性链接、菜单、按钮所在的地方，有利于更快更好的信息传递。
根据我国大部分高校网站进行观察分析，所采用的版式结构大概分成以下几种：（1）上左右结构。上部为校名、校标或广告，下方左边为导航菜单，右边为内容。这种结构布局清晰、主次分明，被我国绝大部分高校网站采用。（2）左右结构。里面填上所要内容，一半深色，一半浅色，这种设计性较强的结构，一般在国外高校网站设计中常见。比如哈佛大学网站的主页，就是采取这种布局方式。（3）上左中右结构。一般上下都有广告条，左右两边为导航和链接，中间为主要内容。这种结构在我国高校网站中也较常见。
4 色彩
高校网站是高校对外宣传的窗口，良好、恰当的色彩运用可以提升高校网站品质与网络形象，正确传达出高校的文化内涵。在高校网站色彩运用时，应当庄重、大气，整体色调协调统一，避免使用怪诞与另类的色彩。
在为高校网站页面设计选择色彩方案时，应当先确定一种主色调，这一色调应有利于体现网站主题宗旨。主色调应当根据学校的整体风格、学科特色、地域特色、人文特色、传统特色等各方面的因素来确定。二是确定配色方案。主色调确定后，就要合理运用色彩规律，以主色调为中心，利用色彩的明度、纯度、色相三要素的变化，适当增加其他色彩作为对比色和补色，选取辅色调、点睛色、背景色等组成配色方案。三是正确使用色彩。确定好主色调和配色方案后，在色彩的使用中应注意“总体协调、局部对比”，即网页的整体色彩效果应该是和谐的，只有局部小范围的地方可以有一些强烈的色彩对比。
5 动态元素
动态元素主要指声音、动画和视频文件。声音是多媒体技术的重要组成元素，在网页里，浏览者可以通过享受音乐获取所需要的信息。动画一般为GIF或FLASH。优秀的动画和具有震撼力的音效结合，常常使观者身临其境。考虑到目前的网络技术和视频文件的播放效果，在设计上应首选较小的显示尺寸。视频在传递声音和影像上的优势，将会为未来网络信息传播提供更大的发展空间。
网页作为一种新的视觉表现形式，兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有效的途径。高校网站页面设计，作为宣传和展示高校的门户，我们要从高等学校的教育主旨出发，同时学习和借鉴国内外优秀网站作品的设计经验，并且从传统的艺术思想理论和形式美法则中汲取营养，对高校网站建设进行更多、更深入的艺术设计实践活动。
[参考文献]
网页界面设计论文篇（6）
中***分类号：TP393.092 文献标识码：B
文章编号：1671-489X（2015）08-0057-03
1 简约化及相关概念厘清
简约化与饱和化的辩证 饱和，在化学中的解释是：在一定温度和压力下，溶液所含溶质的量已经达到最大限度不能够再溶解时表现出的形态。也用来比喻事物发展到最高限度时所表现出来的状况和态势。从视觉接受的角度分析，饱和化是指视觉信息达到人们所承受的最大限度。简约化与饱和化是相对的。简约化就是对人视觉信息的简化，它是用简洁明快的视觉语言来满足受众对视觉环境感性的、本能的和理性的需求。
简约化与简单化的厘清 简约不同于简单。“简单”解释为结构单纯、容易理解，与复杂、困难、繁琐是相互对立的词语。在网页设计中简单表现为页面结构单一、色彩单调，在形式表达上比较呆板，无法给人视觉带来亮点，功能缺乏交互性等。简约并不是缺乏设计要素，它是一种更高层次的创作境界[1]。简约是针对不同对象，筛选适合于设计对象的、经过不断精心组合或者选择的精华。它遵从人类的生理和心理状态，强调的是以人为本的更为情感化的设计。
2 简约化网页界面设计的内涵分析
形式统一与和谐 凡是简洁美的东西都有一条共同的原则，就是在外观造型中的各元素存在一定的和谐、统一的关系[2]。人的视觉和心理惯于接受有序、简洁与和谐的形态。即使人们遇到一些看似凌乱无序的画面，也尽量从各种角度对其进行归类、整理，以求从中找出内在的规律与美的因素。因此。视觉美感产生于有序与和谐之中。有序与和谐让人对事物的心理感觉单纯化、规律化以及整洁化。
网页功能的简洁性 简约的网页在功能上能明确表达功能效用，强调用户体验，是一种人性化的设计。王晓蓉、杨治明曾经建议人性化网页界面设计要具有美观性、舒适性、简洁性、一致性、高效性和安全性[3]。简约的网页功能针对用户的心理动机、认知心理、智力发展状况进行设计，表达意义简明醒目，易被用户注意和认知，而不是浪费时间去寻找功能。
形态的易记性 从记忆的角度来说，简洁单纯的网页元素要比复杂的网页元素更容易被人们记住。简洁单纯的事物视觉点突出，不会分散用户的注意力，能够保持长时间的注意力稳定。
情感表达的丰富性 简约化的网页呈现的不仅仅是一个视觉画面，它还蕴含着深刻的思想和丰富的情感。针对用户的情感心境，使用合理的文字、色彩、***像，能使用户对产品产生亲和力，从而加深品牌印象。因此，网页不仅注重它的美观度，更注重它的情感表达的丰富性。
3 网页界面设计中简约化要素分析
简约化设计与文字元素 文字是人类用来记录语言的符号系统，在网页界面设计中占有十分重要的作用，因为人们大多信息的获知都是以文字的形式表达出来的。众多构成要素中文字具有最佳的直观传达作用以及最高的明确性。文字传达本身语义之外，还传递其他一些信息。文字视觉形态的大小、颜色、曲直、排列的疏密，以及语言的强弱、缓急、和谐或嘈杂，以及表情、姿态等，能够引起浏览者内心相应的不同感受。文字简约化设计表现为以下几点。
1）易读性：文字的表达要能被大众理解，在排版形式上能够符合人们的视觉流程，在文字颜色和大小设计上要符合网页的设计风格。
2）明确性：信息表达简洁明了，不繁琐不模糊，能够明确表达网页设计的中心主题；在语义的传达上不会让人产生歧义，传达的信息容易被用户理解。
3）美观性：文字的大小、颜色、编排等的设计要符合人的视觉审美，选择适合于网页风格的文字编排；通过文字形体的统一变化、文字编排的节奏韵律、文字量感的对比和谐来增强网站的美观度。
4）适合性：针对不同的用户，使用合适的文字大小、颜色、语气、形态，拉近用户的心理距离，引发用户的情感共鸣，达到产品宣传的最终效果。
5）创新性：将文字***形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调和平淡，从而打动人心。这种方式的处理既是文字内容的直观表达，又是文字含义的延伸表达。它增加网页的视觉亮点，给用户耳目一新的感觉。
简约化设计与***像元素 ***像在网页设计中扮演着不可缺少的角色，能够简化网页设计的各种复杂的信息，这也是大多设计师喜欢它的原因之一。***像简化信息的具体表现包括以下几点。
1）***像的直观性和简易性：***像取代了文字多而繁杂的缺陷，相对于大片的描述文字，人们更愿意去选择简洁和直观的***片，它易被理解和认知。尤其是在体现产品特质的网页中，与其使用大量的文字耗费精力，不如使用更直观的产品***片，提高信息的传递效率。
2）***像的丰富性和真实性：***像含有丰富的色彩，具有设计艺术的美观度和视觉的空间感，所以能够吸引人们的眼球。同时，***像多是真实的生活采集到的摄影***片，在艺术的表达上自然、不做作、真实，更符合人们简约化思维的模式。
在新闻资讯类网站中，***文结合是经常见到的现象。网站中都会把今日的重点新闻配上小块的***片放在网页中，不仅简化了文字的数量，还提高了用户处理信息的效率。***片的应用就是对信息的简约化处理，***像将信息以最直观、简洁的形式呈现出来，省去了人们阅读大篇文字的时间，也避免了因文字过多而迷失重点。
另外，***形的简约化还表现在LOGO设计上。LOGO可识别性强，使用简单的***形表达丰富的含义。简约化的标志更容易获得受众的认知，更具有时代性，是信息简化的产物。
简约化设计与色彩元素 色彩在网页设计中占有很重要的位置，因为就生理而言，人们对色彩的敏感度特别的高。马克思说：“色彩的感觉是一般美感中最大众化的形式。”[4]当打开一个网页时，关注色彩元素比其他的元素都要强，色彩最具表现力与识别性，出色的色彩搭配可以在瞬间吸引用户的目光[5]。同时，它能够体现企业产品的特质，在不需要过多繁琐的文字、版式等元素的搭配下，色彩就能直接简洁明了地给用户第一印象。
简约化的网页色彩设计就是根据网页类型的特质，从复杂的客观色彩中提取出最能凸显设计神韵的一到三种主观性的色彩，通过色彩的色相、纯度、明暗、色块面积等的对比，简化用户的视觉流程，给受众带来视觉和心理的轻松，具体表现为以下几点。
1）配色的统一和谐：同一色彩的大量使用，可以使页面整体化和秩序化，能快速给用户留下深刻的印象。
2）配色的强调和突出：使用和其他元素颜色对比强烈的某一色彩，可以引起受众的注意力。
3）配色的留白使用：采用大面积色块的留白，增强了页面的节奏感和韵律感，能够使页面简洁大方。
简约化设计与版式设计 如果把网页界面中的文字、***形、点线面等元素比喻成员工的话，那么版式设计就是一个管理者，根据员工的职能特点，依据一定的管理理论和方法，有效地激发员工优势，从而更好地完成任务。因此，版式设计就是将文字、***像、色彩、***标等元素有机组合，表达美与和谐[6]。
简约化的网页版式设计并不是将各种元素杂乱无章地编排，而是按照人们的视觉流程规律以及形象思维，有秩序统一地进行规划整合。基于受众的视觉流程规律，简约化的网页版式设计应该具有以下特征。
1）清晰易读：网页的不同元素位置设计，框架构造上和谐统一。每个元素不是混乱的搭配，而是根据人的视觉流程特点，将设计元素进行合理规划，能够在人的大脑中呈现出清晰明了的信息。
2）统一有秩序：统一和秩序增强了网页各元素的联系和轻重关系，符合用户的阅读习惯、心理秩序和思维发展的逻辑认知顺序。
3）相互呼应：呼应是指两个以上的形态之间通过“呼
唤”和“相应”的关系达到画面的均衡。有效的网页元素呼应能够增加元素之间的内在联系，使网页整体感突出。
4）中心突出：视觉中心是人的视觉心理量感所偏向的视觉位置。视觉中心突出的网页能够主次分明地把网页的元素进行位置编排，以突出网页要表达的重点信息。
简约化设计与留白 顾名思义，空白区域是指不同元素之间的区域。在网页设计中，文字之间、段落之间、***片之间等网页设计元素之间的区域都是空白。网页设计的留白并非意指白色，而是设计界面中内容的空白。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起[7]，它是符合人们的认知需求的，人们的注意力和记忆力不可能长期保持稳定的状态，他们需要外界的事物给予一个“缓冲”和“喘息”，以获得视觉和心理的缓和，因此，留白体现的是一种单纯轻松的理念。
“留白”在某种程度上代表着简约[8]。留白正是用这种“此时无声胜有声”的视觉语言，诠释了简约化设计的以少胜多之美。留白能控制视觉量感，保持了网页整体的统一性和平衡感，增加了网页页面的内涵和丰富性。网页设计中一般包括以下几种常用的留白技巧。
1）背景和元素间隔的空白：它能够清晰地分离页面板块，增加页面的空间感，更容易引导用户的视觉流程。
2）页面大面积色块使用：页面大面积使用某一色彩，可以强烈渲染、烘托网页设计元素和网页主题，简约时尚而更具视觉冲击力。
3）统一页面主要设计元素的背景，呈现出规则***形组合：统一而有秩序的页面能简明地体现网页主题的特质，更容易让用户认知。
4 总结
简约化网页界面设计符合现代人们视觉和心理的需要，是时代大背景的选择，体现设计界最先进的设计理念。将简约化的思想和理念运用到网页设计中，创造性地处理网页中文字、***像、色彩、版式等网页元素的关系，便能正确把握设计流程的方向，给设计师和用户一个规范的参考。
参考文献
[1]黎浩.简约主义：现代设计的风格倾向[J].高教论坛，
2004（5）.
[2]杨大松.现代设计艺术的简洁之美[J].安徽建筑工业学院学，2004，12（2）.
[3]何亭.人性化网页界面设计的进展与展望[J].美与时代，2012（9）.
[4]欧阳丹.浅析现代平面设计中色彩的简约化趋势[J].湖南工业职业技术学，2009，9（1）.
[5]吴爱群.简约版式在平面设计中的应用[J].美术教育研究，2012（3）.
网页界面设计论文篇（7）
二、课程教学目标的重新确定
我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以h7V5数据库等做交互型网站的，以计算机专业为主；第三类就是两者都要具备的全才网页设计师，是具有技术背景和多年实战经验的创意人才。由此我们可以确定视觉传达专业培养出来的网页设计人才的岗位定位应是网页美工师，他应该具有两种专业素质：一是掌握网页设计的基本要素和美学知识相结合的方法与技巧；二是懂得简单机算计软件（PS、Dreamweaver、Flash）的操作，便于在制作网页界面时考虑到后台维护的便利。而“艺术设计教育的人才培养目标是：培养综合素质高、创造能力强的高级应用型设计人才”。所以该课程教学目标应该是培养具有以上两种专业综合素质的、创造能力强的高级网络应用型设计人才。新的培养目标确定后，该课程的教学内容应该在此基础上重新调整。
三、课程内容的调整
视觉传达专业网页设计课程教学内容应该为教学目标服务，知识结构要合理，应注意知识点之间的交叉及有机结合，同时也要有效地培养学生的创新性思维及***分析、解决问题的能力。基于此，新的教学内容调整为两大板块：理论课程内容和实践课程内容。
1.理论课程内容
理论课程内容在课程编排中为最先讲授内容，以教师PPT演示传授为主，学生讨论互动为辅，课时安排为总学时的四分之一。在教学过程中又分为两个环节来实现：（1）第一次课的设计把第一次课设置为课程概述，主要对网页设计课程的教学特点、教学内容、教学目的、教学重点和难点加以通篇介绍，对学生说明课程安排和考核要求，并通过简单上机实例操作来提高学生学习兴趣，进而引入网页基本理论教学环节。（2）网页基本理论学习网页基本理论学习包含三个知识板块：网页设计的基本要素、网页界面的版式设计、网页VI形象的美学塑造。我们知道每个设计门类都有自己独特的构成元素，这些不同的构成元素形成了该门类不同于别的门类的独特的艺术魅力。了解和掌握这些构成元素的特点和作用，有助于我们更好地进行设计工作。网页构成元素按功能和形式划分为两大类型，按功能划分为页眉和页脚、背景与底纹、按钮与控件、导航器和目录、功能板块和广告位；按形式分为文字、***片、色彩、多媒体和超级链接。网页设计中的构成语言不同于传统平面设计，它们之间存在很大差异，例如网页设计中的颜色是光色，是标准的RGB色彩，而传统平面设计中的颜色在输出过程中是以印刷色CMYK形式出现的；传统的平面设计不用考虑网络传输的因素，而网页设计中的构成元素应考虑在不影响显示效果的前题下，尽量压缩文件大小，便于网页文件的上传与***；又如动画、音频等多媒体语言在传统平面设计中不用考虑，而在网页设计中它们是给网页增加活力的重要手段因此，教师在此板块教学中要选择大量实例进行比较，不但要指出网页设计各构成元素的特点和作用，而且还应指出与平面设计中相对应元素的异同之处，便于学生区别学习。网页界面的版式设计不同于传统平面设计的版式设计。平面印刷品有着各自固定的纸张大小或裁切规格，而网页界面则不然，它的显示尺寸受到电脑显示器的限制，不同尺寸的显示器显示的网页界面是有区别的。除此以外，它的最终显示控制权其实掌握在浏览者手中。如果过分注重网页界面版式设计的视觉完整性，就不能顾及网页设计元素的灵活性。所以，教师在此板块教学中应该强调网页界面版式的变化性，同时也要强调首页与内页版式的连贯性，要求学生在设计中注意网页界面版式完整性与灵活性的关系。网页设计是VI设计的一个重要组成部分，是企业视觉形象执行标准的延续和拓展。和所有的线下公司一样，一个好的网站也需要依助于VI设计。准确的、有创意的VI设计，有利于树立网站形象，使其在众多同类网站中脱颖而出，增加浏览者的浏览欲望和浏览记忆，对该企业的推广和宣传也能起到促进作用。网页设计课程上引入VI设计概念，教师应该保持教学的延续性，要求学生在进行网页设计的同时，将VI理念应用到网页界面中。网页设计应主题突出、富有创意，色彩搭配应协调统一，具有强烈的视觉冲击力，从网页LOGO到色彩运用均要突出企业视觉形象。
2.实践课程内容
视觉传达教育的目的就是培养出创造能力强的高级应用型设计人才。应用性人才的培养模式里实践性课程比例要大，网页设计课程也是这样，理论是基础，实践是灵魂。所以实践课程内容在课程编排中为比重最大的内容，课时安排为总学时的四分之三。实践课程包含软件操作板块、简单代码学习板块和实际案例制作板块三个知识点。此部分内容在教学过程中又分为两个环节来实现：
（1）软件操作和简单代码学习板块的教学
此部分教学为计算机软件学习阶段，Fireworks、Dreamweaver、Flash是传统的网页设计软件学习内容，根据当今互联网开放性的特点和视觉传达学生对现有软件知识掌握的情况（PS是基本功，是学生都已掌握的软件），把传统软件教学内容更改为“网页新三剑客”（PS+Dreamweaver+Flash）的学习。简单地说，就是用PS制作静态网页界面和切***，并处理***片，用Dreamweaver布局和超级链接，用Flash做特效。而这三个软件知识板块里面教学重点依次为Dreamweaver、Flash、PS。在软件教学环节，教师可借助类似“红蜘蛛”一样的网络教学平台和学生互动教学。学生可根据老师***传送的素材临摹教师的操作，教师也可以***观察学生执行情况个别辅导。同时根据艺术学生英语和数学水平普遍较低的特点，在教学中应该增加一些简单代码知识，介绍一些常用的代码语言及Html标签和CSS规则的使用方法，便于优化网页样式，使整个网站风格统一，也便于对已有的网页模板进行更改，进而大大提高学生的岗位实践技能。
（2）实际案例制作教学
此板块教学采用以项目为载体、以任务为驱动的教学方法。教师可以引入实际项目或者虚拟项目，提出项目名称和项目要求，辅导学生进行实际案例设计。实际案例制作教学应充分强调实用性和自主性，教学环节可分三步进行。首先是教师示范环节：教师要根据实例要求演示创作过程，从网站创意草***到制作静态界面；从创建站点到Dreamweaver网页布局，创建超级链接；从美化网页样式，到制作网页特效，利用简单的代码语言和Flas实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。
网页界面设计论文篇（8）
关键词:网页设计;色彩;***片优化;用户体验
现代设计在中国的发展大概有二十多年的时间了，以前中国很少有人会注意网页界面的用户体验，而且国内宽带水平有限，所以那时候我国的网页界面基本上都是框架式，创新的页面很少。随着我国各方面的发展，我们的设计也越来越有创新意识，我们也越来越注重用户的体验。尤其是在文学网站设计方面，以前很多网站的设计大部分都是大的框架加上链接构成，没有下多少功夫在外观设计和用户体验方面，而现在随着文学网的发展，仅仅是靠老一套的理论来做的设计已经不能满足现在用户的审美需求了。
1文学类网站设计原则
1．1色彩设计原则
众所周知，不管是做招贴、包装或者是VI，给人的第一印象往往是这个作品的色彩设计，它的色彩运用的好与坏，将直接影响到阅读者的兴趣。同样，在网页设计中，色彩也是居于十分重要的地位。现在的文学类网站的网页设计，大部分以比较浅的颜色为网页的背景色，如浅黄色、浅蓝色、浅绿色或者直接就是白色背景，再加上较深颜色的文字来做的配色。一般来说网页中所出现的字体颜色都是黑色，因为浅色背景中黑色字体的视认度最高，但是这种强对比，屏幕刺激较大，也更容易让浏览者产生视觉疲劳。在文学类网页设计中，这种对比过于强烈的配色会使用户长时间***浏览的时候有不适，但是缓和的色彩搭配视认度不高，也不利于用户阅读。所以笔者认为在网页中出现大面积文字以及考虑到用户会长时间停留在一个页面的时候，比如文学网站的***阅读界面，我们可以给用户一个选择，让用户自己来挑选网页的背景色以及字体颜色，让用户自己来选择适合自己的颜色搭配。
1．2文字和排版设计原则
在做网页设计的过程中，无论选择什么字体，都要基于网页的总体设想和浏览者的需要来使用。而且浏览器使用的是本地字库显示的页面内容，作为一个网页设计者，不得不考虑到用户电脑中是否有你选用的字体，所以说网页中的文字最好使用缺省字体，在必须使用特殊字体的地方，可以先把文字做成***像，然后再插入到网页页面中去。再者就是文字行距的问题，一般的行距比例为10:12，因为合适的行距可以很好引导浏览者的视线，如果行距过宽会影响行与行之间的文字延续性，影响阅读。而且在视觉传达中文字作为网页页面的要素之一，除了表达文字本身的意义以外，还有传达感情的作用，所以文字设计在视觉上要给人以美好的印象，让浏览者可以获得良好的阅读感受。而且网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，都是通过文字***形的空间组合，表达出和谐与美。在网页文字设计编排中最重要的一点，就是要与网页内容的性质和特点相和谐，其设计风格要与内容特性相一致，而不是相分离冲突，所以在我们把大量的信息整合到一个页面上去的时候，首先要考虑的是怎样把它们以合理统一的排布，达到变化与统一并存的和谐效果。在排版这方面，网页的版式设计同报刊杂志的版式设计有不少共同之处，基本上都是把页面中的文字字体、***形***像、色块线条等要素按照一定的节奏进行编排，同时注意其结构的大小、轻重、虚实等对比因素，并通过对这些要素的编排，使浏览者直观地感受到该页面要传递的信息。
1．3网页***形的优化和应用原则
对于一个网站来说，网页的***速度是非常重要的，但是影响网页的***速度的因素除了网速以外，网页中所包含的***像***形对网页的***速度也有很大的影响。因此，对网页***形进行优化，使网页能够快速***是网站设计制作中考虑的首要问题。所以，接下来就来探讨一下***片优化的基本方法。首先是***片的裁切，裁切时应尽量沿所需***像边缘裁切，避免不必要区域占用文件大小。如果在页面中有一张过大的***片，也可以先把它裁成小块，然后再使用Table语法所提供的Border=0、Cell-spacing=0、Cellpadding=0的无缝功能，将它们组合起来，这样也会提高***片的加载速度。再者就是***片的输出，一般情况下，色彩少的***片使用GIF或者PNG格式，色彩丰富的的***片使用JPG格式。如果是一些摄影网站，***片要求都是高清***片，那就可以用JPG格式做小***预览，然后链接到TIF格式(无损)的原***，这对没兴趣看这张大***片的浏览者而言，不但可快速***该网页，而且也是一种体贴的选择。还有些***片，因为要在不同的背景中使用，需要输出为透明的效果，这时，就可以选用GIF格式，因为对于GIF***像来说，色彩越少，文件就越小。所以说在看起来可以接受的范围内，尽可能地将色彩数量减少，就能够对GIF***像进行不错的优化。而且对于网页中所采用的***档，通常会加入Width、Height这两个属性，这样就可以在加载网页的过程中为***像预留空间，在加载***片时，用户就可以先浏览其他已加载项目。如果没有这些属性，浏览器就不能了解***像的大小，也就不能为***像预留下合适的空间，这可能会给网页中其他元素的显示带来很大的延迟，从而影响用户的阅读。
2现今专业文学网站设计趋势
以前，做网页设计基本上都是用PS设计网页版面，仅仅是PS就可以满足用户的需求，但是现在互联网用户对网页设计的质量要求越来越高，没有内涵华丽的设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。另外在版式设计方面也逐渐加入了一些“留白”的理念，“留白”发源于中国传统的虚实相生、阴阳辩证的哲学思想，发展于传统的绘画行业，表达一种“以无胜有，以简胜繁”的思想，这种设计理念与西方20世纪兴起的一些现代设计理念如出一辙。“留白”不是一个色彩的概念，而是一种形式的概念，通过欣赏者的审美联想和想象获得的一种“秒与生意，能不失真”的意想空间，从而使设计者能够更好地表达出设计的意***，将作品的视觉感染力加强。总之，一个好的文学网站的网页设计，不是只要有华丽的界面就可以，而是要在艺术和功能上做到两全其美。
2．1大背景***的网页设计
高清***片是一种可以产生极具视觉冲击力并迅速抓住读者视线的好方式，而且这些***片一般都是高质量写实的或者是抽象的精美照片，这些***片的用色和表现的内容都十分考究，并且趋向于一些比较柔和，比较透明的***片，不会影响到文字的阅读。不然再漂亮的***片，看起来和网站整体效果不协调，影响用户体验，也是白白浪费资源。除此之外，大背景***的运用还有一种方式，叫做拟真设计，听起来可能有点陌生，但是拟真设计就是和大背景***的运用相似的一种设计，它是指将界面元素设计成用户容易理解的，存在于现实世界中的实体。就文学网站，在书籍阅读的界面平台上，不单单是书籍内容完整无误的呈现，它的呈现方式可以像常见的平面媒体带给读者的愉悦体验一样。可以在书籍阅读的起始部分与结束部分分别放置***书原有的封面与封底;可以模仿纸张的材质，灵活设置;可以在文章的正文界面中配合插***，插***同文字共同营造书中的独特氛围，插***的类型可以配合文章的叙述情境进行绘制;可以与插画师合作，共同创造出良好的阅读环境，从而提高阅读质量和阅读效益。
2．2移动互联网时代
现在这个时代，智能手机几乎是人手一部，而且平板电脑、小型上网本随处可见。所以说，如今的网页设计已经不能只局限在普通电脑的显示效果上，还要考虑到更多的移动设备。但是，设计适合移动设备的网站不是去掉大量装饰，做得简单易于***就可以，因为它不仅仅是变得简单，更是要表现出原网站的精华。另外，现在很多网站都推出了属于自己的方形的条形码，这种条形码被称为QR，全称就是QuickResponse。这个条形码就相当于一个快捷方式，让用户可以方便迅速地打开自己的移动网页。近几年来，移动媒体的优势越来越明显，利用这个优势所做的网页设计也是现在的热门。
2．3页面布局设计及特效设计
以前的网页设计，大部分都类似于书籍和杂志的版面设计。而随着互联网等各方面的发展，现在的设计更接近于影片的效果，更注重空间艺术，现在的网页设计已经不再是单纯的平面设计，而是立体设计、空间设计，致力于把浏览者带进一个现实的虚拟世界。我们都知道构成网站的是网页，网页本身也是很多个页面的总平面，所以说平面设计原则同样也适用于网页设计。但是网页设计的排版又是对平面设计的延伸，单独考虑平面设计原则的话，这样的网页设计是不能满足现在浏览者的需求的。在网页特效方面，文学类网站运用的不是很多。现在是一个注重用户体验的时代，适当地采用一些网页特效会给网站加分不少。比如说，视差滚动设计，让多层背景以不同的速度移动，形成一种类似于3D的视觉效果，吸引浏览者。但是值得注意的是，这种效果不适于导航。
2．4极简主义的运用
极简主义在早几年就流行起来了，但是在网页设计方面极简主义的影响力在近几年才逐渐大了起来。极简主义风格的网站设计，运行速度快，用户体验效果更好，接入也更加容易，所以无论哪一类型的网页设计都可以运用，文学类网站也不例外。但是就目前来说，还没有哪个国内文学网站尝试这种极简主义设计，因为接下来提到的文学类网站设计的一大要点，就是丰富的内容。但是，极简主义并不是把内容也变得极简。要知道极简主义有一个理念，少就是多，简洁就是丰富。所以说极简主义只是把不必要的东西去掉，使页面的每一个元素都和主题统一，用最简单的元素来传达更丰富的信息。
2．5丰富的内容
内容是一个网站的最有价值的部分，而对于文学网站来说，丰富的有价值的内容比起网站外观来要重要得多。但是做内容的建设时也要注意几点，首先，网站的内容要和网站的主题一致，不可偏离主题。其次，就是网站内容最好是原创内容。作为一个文学网站，不是说拿那些已经现有的作品就可以，还要有新的原创文学，大家没有看过的文学作品，这样才能让用户时刻保持对网站的新鲜感。最后，网站的内容要定时更新，并不是说有丰富的文学作品就万事大吉了，不然一个再好的网站不去更新内容，它也是一个死站。而且一般经常浏览文学网站的互联网用户对文学都是很有见解的，所以说作为一个专业的文学网站，为他们提供的不仅仅是一个文学资源库，更应是一个交流平台，让他们发表自己的原创文学及见解。
3文学网站中多媒体技术的运用
无论是***形文字，还是声音视频，设计者所要考虑的就是怎样才能使它们以最和谐的方式融合到网页这面大屏幕里。所以，多媒体技术的运用在这里必不可少。现在大部分的浏览器本身都可以支持***播放或收听，比如GIF、JPEG***形和GIF89a动画。另外还有一些比较常见的插件，比如ActiveX，它可以播放更多种类的多媒体文件。总之，多媒体技术随着互联网的发展在网页设计中的运用也越来越多，也使浏览者能够体验到更加完美的浏览效果。在现今有很多网站设计都采用了flash软件来制作，用flash制作导航界面，随着鼠标的动作可以产生动画或者声音，让网页更有吸引力。而且制作flash时用的是矢量***形，它需要的内存和存储空间要比位***小很多。在网页设计中flash还具有一定的交互性，比如说网站导航栏动画、***片展示动画以及网站注册和登陆系统等等。在静态页面中，如果用到这些动画，一定能与浏览者有一个很好的互动，也能使网站看起来更加生动有趣。但是整体不可以太花哨，太杂乱，不然会使浏览者对该网页缺乏信任感。当然也有一些网站，为了表现自己的与众不同，使用flash来制作整个网站。而且设计制作flash时就已经包括网页内所有视听元素和版式的设计，并不会给人眼花缭乱的感觉。这样的flash网站，给人感觉都十分酷，给浏览者一种很特别的感觉，基本上可以完全调动浏览者浏览的积极性，同时给浏览者一种活跃的心理感受。总之，不只是文学网站的设计，所有的的网页艺术设计都需要大胆创新，需要不断地完善和突破，从而达到网络技术与艺术设计的完美结合，让浏览者获得最佳的阅读体验。
参考文献:
［1］王晓峰，焦燕．网页美术设计原理及实战策略［M］．北京:清华大学出版社，2009:8．
［2］张新伟．网页经典配色艺术［M］．北京:电子工业出版社，2009:6．
［3］郑国强．网页设计与配色实例解析［M］．北京:清华大学出版社，2012:6．
［4］张磊．专业色彩搭配手册:网页配色［M］．北京:北京希望电子出版社，2011:11．
［5］刘鹏．浅谈网页色彩的编排设计［J］．科技创新与应用，2012，(1)．
网页界面设计论文篇（9）
检 索：
中***分类号：J08 文献标志码：A 文章编号：1008-2832（2015）11-0036-03
" Blank-leaving " Concept Maps in Web Design
Ni Jia-liang， LIU Bing（Academy of Fine Arts， Northeast Normal University， Changchun 130024， China）
Abstract ：White is not just a color， it is a design concept， simple word steeped in a rich cultural heritage， produce ethereal， tranquil， virtual and real effect， but also with traditional oriental culture philosophy， meditation， tea ceremony， traditional Chinese painting， Western blank literary technique， Bauhaus minimalist philosophy mingled. Blank in the East is an important manifestation of traditional Chinese painting techniques， you can make the picture give the viewer an imaginative breathable produce good mood oriental traditional beauty product page for the new era of new media， it is equipped with a surge in today’s increasingly information， how the information explosion under the age of the information to better convey to become a priority.
Key words ：white； blank-leaving； ethereal； false and true
Internet ：
一、留白在网页中无处不在
“白”有着极强的包容性，令人联想到空灵、虚无、东方传统哲学、中国画留白意境美、日本禅学、西方文学空白之美、包豪斯提出的极简设计理念等等。在当今这个信息化时代，随着互联网的飞速发展，网页搭载的信息量猛增，电脑等一些移动终端使人不受时间地域的限制，随时能够从网络中获取信息，网络成为地球村的重要窗口门户，用户也越来越多的关注网页的美观程度。而网页设计中的构成关系是网页美观的内驱因素，留白的合理运用可以使构成关系平衡稳定，符合人的审美认知规律。
在网页中“留白”并非单纯的留出白色，广义的讲是留出背景，它可以是白色可以是大片的颜色、纹理、有规律或无规律的***形背景，在构***上面起着空白空间包容的作用。留白部分的色彩构成和布局在一定程度上决定整个网页界面的情感化基调，令人无限遐想的“白”，往往能够营造安静、稳定、空灵的感觉。
二、留白在网页中的作用
（一）气韵美
气韵美可以理解为气质与韵律，在设计中一个作品所传达出的气质是它整体给人的留下特点个性印象，韵律是设计作品中构成关系的升华。
留白会使网页中所有的要素呈现良好的层次感、韵律感，产生高低错落，跌宕起伏，强化网页的节奏感。网页中构成元素的比例缩小或是数量减少，控制好留白，会在视觉上面减弱叙事性，增减情感性，界面的写意性也会强化，使画面一目了然，增强网页的韵律美。“空白表面上是一种休止符，但是在欣赏者的脑海中却形成了一种审美期待”，留白是美感上韵律性的一种延伸的手法。网页界面中应该有一个视觉中心，界面中的所有设计元素都需要围绕着这一视觉中心，变换与统一，从而达到一种和谐，然而节奏源于界面构成的跌宕起伏。气韵在画面中构成一条线、一股气贯穿其中，使整个页面有一个主旋律，减轻视觉疲劳。
（二）传达性
在如今信息爆炸的时代，网页中的信息承载量巨大，所以信息的传达方式是否通畅信息传达的效果是否良好是至关重要的。而网页设计师需要通过界面布局界面设计，运用设计手法布局分割界面，将界面中的实体元素在背景画面进行排列，来引导大众浏览的界面中的主次关系，然而网页布局中留白是十分重要的。
留白会使网页更加的简洁。正所谓少即是多，用极简主义的设计语言，突出实体元素，可以显著增强网页中内容的可辨别性，可读性，使浏览者更准确去感受设计风格，避免了网页界面中因为元素过多导致的无从下手。网页界面中通过板式的排列创造界面不同维度的空间关系，提高信息传达的效率。在Web设计中，每节省3字节就会节省千分之一秒的***时间。空白不紧在设计角度突出重点，同时在技术角度，也会提高页面的打开速度。
（三）统一性
网页中整体统一很重要，这就要求网页界面中的所有组成要素包括：***片、***形、文字以及版式构成，在美感风格上协调一致。而在网页风格的统一中，留白作为协调整个网页界面中所有设计元素的一个桥梁，发挥着重要作用。巧妙的运用留白艺术，可以使设计师在设计的过程中轻松把控全局。同时也能避免观者在浏览过程中因为一个网页中风格不一出现断档而打断其思路。留白使整个网页的设计元素有更好的构成关系和凝聚力，强化设计风格的统一性。
随着时代的发展，扁平化设计在平面设计中脱颖而出，扁平化设计在苹果公司***上得到体现，重点放在网页板式中的留白、配色、版面布局构成关系。相反把阴影、高光、渐变、一些玄幻的效果扔到了一边，采用一些简单的多边形，拒绝复杂的外形。从而提升了网页界面的清晰性、表现性、可见性，这样使浏览者在网页操作上更加的舒服、简单，这也给一些视力有问题的弱势群体提供了便利。
在网页界面设计中，尽管留白的好处很多，但是仍然需要合理运用留白的艺术手法，避免造成形式主义。在界面中元素间的距离太大留白过多，会使画面空洞，网页的信息搭载量减少，不能把需要传达信息全部传达出去，更达不到少即是多的四两拨千斤的效果，反而让大众觉得内容简单空洞形式缺乏美感。网页界面中元素距离太小留白过少，会使画面凌乱琐碎，层次感缺失，大众在浏览网页过程中无法分清主次，信息量大容易导致用户视觉疲劳，不能够良好的去接受信息。界面中***片、***形、文字，三者的构成关系就是靠留白来确定三者的构成关系的。在网页设计中，需要有意识的去运用留白，计白当黑，惜墨如金的去运用留白。宗白华老先生说：“笔墨所未到，已有灵气空中行这种画面的构造是植根于中国心，灵里葱茏蓬勃生发的宇宙意识。”
三、网页中留白手段在国画中汲取营养
中国画在中国传统文化中就像一颗璀璨的明珠，接受着中国传统文化这片沃土的滋养。国画中讲究用留白的手法去营造写意之美，他有着极强的东方美学特性。中国画的留白手法营造的虚无空灵感觉以及给观者无限遐想与西方文学空白之美有着异曲同工之妙。国画中的留白创造的意境美就是观者的召唤结构产生的美感。
（一）“疏可走马，密不通风”的国画式留白
正所谓“大音希声，大象无形。”中国画中运用“留白”来营造意境，表达构思。创作中需要按照“疏可走马，密不通风”的原则来达到画面的有松有紧，疏密有致。画面中的实体要素往往需要深入刻画往往指的是“密”，大片的空白以及一些稀疏的飞白构成了画面中的“疏”。在国画中，过于“密”产生阻塞感，影响画面主题形象的表现，会把元素揉成一团；过疏会熬成画面结构松散、空洞、中心形象不集中，有凌乱琐碎的感觉。网页中构成元素的减少，会在视觉上面减弱叙事性，增减情感性，合理安排留白，界面的写意性也会强化，使画面一目了然，增强网页的韵律美。
国画中留白布局包括：疏、密、聚、散。而留白是协调好疏密的关键。画面中的元素构成关系，也能反映出艺术家的美学文化修养。把“疏可走马，密不通风”这一国画美学原则，转化到网页设计中，强化网页中设计元素间的松紧疏密关系，更好的突出中心。这种国画式留白使网页的在汲取不同的养分后，焕发出独特气质。
（二）东方文学意境美――空灵、虚实相生
留白在艺术作品中可以营造一种空灵的美感，文人画之祖王维在他的许多作品中都大量的采用留白的表现手法，来引出观者的召唤结构，表现山峰的空灵和流水的悄无声息。“虚”在中国传统绘画中指画面中留白以及着墨不多笔法稀疏的区域，往往也在这个区域的烘托下想象得以更好的发挥。“实”指的是画面中写实，精心着墨的区域。在这里提到网页中因“留白”而产生的“虚实相生”，指的是网页界面中的实境和虚镜营造的意境美学特征带来的视觉和心里上面的感受。
网页中虚境地是指“留白”，实境是指网页界面中的设计元素。在一个网页界面设计中通过大量合理的应用“留白”可以以虚衬实，突出网页设计元素的主导地位，只有控制好虚与实的关系，作品才能灵动且富有生命力。这种虚实互衬能够增强网页的意境美，同时也证实了“此处无物胜有物”的艺术境界。宗白华在《美学散步》中说：“以虚为虚，就是完全的虚无；以实为实，景物就是死的，不能动人；唯有以实为虚，化实为虚，就有无穷的意味，幽远的意境”。可见虚景在画面中起着不容忽视的作用。
结语
为了使网页这一原本功能化冰冷的媒体传播媒介与人类和谐共生，留白产生的效果作为一个纽带拉近彼此的关系。东西方文化的多样化导致对留白这种手法在网页上面有着不同的诠释，留白这一手法源于中国画，是营造画面意境的重要方式，这是西方留白所不具有的，同时东方文化也有着鲜明的历史特性，因此网页这一载体，在迅速发展的过程中需要汲取国画中的留白，需要汲取东方文化来更好的发挥其作用。
参考文献：
[1] 原研哉.设计中的设计全本[M].桂林：广西师范大学出版社，2010.
[2] 李砚祖.现代艺术百年历程与装饰的意义[M].北京：北京工艺美术出版社，1998.
[3] 宗白华.美学散步[M].上海：上海人民出版社，1981（6）.
[4] 童铧彬.浅谈留白在平面设计中的应用[J].美术之友，2009（06）.
[5] 高颖.对包装设计中简约理念的认识[J].装饰，2007（9）.
网页界面设计论文篇（10）
中***分类号：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.网页界面中色彩搭配的技巧
网页界面设计论文篇（11）
理解并遵循网页设计的规范是网页界面设计的基础，网页设计的规范在行业中通常被称为设计的“一贯性”。一个优秀的、有经验的设计师能把网页设计的基本规范自然而本能地融入作品中。在显示器的方寸显示空间里，用户需要以被限定的分辨率来浏览页面、以键盘和鼠标来交互控制界面、继而在有限的网络传输速度下一个个层级地浏览整个站点，可想而知其中有多少要素需要规范化。
形象标志(LOGO)、导航、搜索、内容区块、页面长度、字体字号等元素是这些规范中至关重要的部分。这些元素中大部分都表现在网站的头部或者是第一屏能显示的区域内：一般的网站通常会在头部显著位置显示网站LOGO，以合理的层级关系及最普通的字体字号来展现导航以及设计合理的搜索功能块。
在这里我们需要注意的是――除非非常必要，网站的LOGO尽量不要以flas展示，同时导航也尽量不要以flas或***片来表现，因为浏览器有拦截flash的可能；同时，不同终端设备上浏览器对flash和***片的不支持也可能造成网站无法继续访问或者根本无法识别。
我们可以通过以下几个例子对比一下网页设计规范在实际应用中的效果：***1，汽车之家的导航设计，***文结合，非常出色；***2，贵州省人民***府网站，网站标题和LOGO全部制作到flas中，当浏览器屏蔽flash的时候，网站将无法识别；***3，伊利集团网站，导航flash也很漂亮，同样的，当浏览器屏蔽flash的时候，导航将不可见，网站无法被继续访问；***4，广东省人民***府网站，非常优秀的设计，导航栏全部以非***片形式制作，既保证了美观，又体现了实用性。
除此之外，网站的各内容区块应切割明显，让用户能很容易地判断内容块的起始。如果不是门户类型网站，网站页面长度尽量不要超过三屏（因为不同显示器分辨率参数不同，三屏的说法不一定适用于所有设计），即不要让用户在同一页面上过多滚动鼠标滚轮。中文网站设计时应注意内容区域文字尽量使用12像素、14像素等偶数字号，以准确表达中文字体的整齐切割，正文汉字部分应严格使用宋体，保证用户最好的阅读感受。标题部分可以稍微增大字号，页面上除装饰性***片或广告之外的地方最多使用两种字体。如***5所示的方正字库网站，就是一个很好的例子，左侧列表使用13像素宋体，右侧列表使用12像素宋体，同时除广告外还出现了黑体和行楷等数种字体。
遵循简洁为美原则
网页设计不是仅仅使用户在显示器上看到漂亮的装饰性画面那么简单。比起华丽的画面装饰，网页设计应该在更
有效地传达信息方面多下些工夫。这必须有对布局设计和色彩的正确理解和相关知识，要熟知网页物理系统的特性，并具备应对各种情况的能力。在具备人性化界面的网站设计中，我们不难发现其表现出来的功能性和自然美。多数设计得比较好的网站，都考虑了多媒体的特性，色彩设计和信息按照一定秩序排列，能更有效地向用户传达内容。
很多设计师认为画出美妙绝伦的页面才是设计，其实不然，要在有限的元素和色彩里表达出风格才是更有难度也更有层次的设计。经过严谨的思考和漫长的推敲，最终只花几分钟为页面画下一个简单的圆角框或者一条两像素的实线，其效果也许比涂满了色彩和组合了数十个分层的画面更好。设计最终将上升到思想的层面，而不是仅仅停留在工具和素材的使用。
简单就是美的设计理念使得Web设计中的简约风格意向逐步明朗，在体验了复杂烦琐的颜色和***片堆砌之后，主流设计开始返璞归真。毕竟网站是给用户使用的，而不是光用来看的，简约的设计能给人以轻松的视觉体验，更好的突出网站功能主题，更适用于网站文字内容的资料表达。
通过以下几个例子我们可以很好地对比简单和复杂的网页设计所体现的不同效果：如***6，互联网上最著名的相册Flickr，采用了最简约的设计；***7，中国SNS的典型代表校内网，以色块和线条构成主体，网站结构上极少使用***片；***8，安徽省***府网站，首页使用了极少见的纵向4栏分割设计，极其烦琐。
重视交互性和用户体验
转载请注明出处我优求知网 » 网页界面设计论文大全