网页设计视觉呈现分析
摘要：
随着商业社会的繁荣，大众生活品质的提高，互联网代表着一种崭新的信息交流方式，同时我们开始关注“信息的品质”。而网页是网络信息传达的主要载体，网页设计成为人机交互的重要对象之一。其视觉呈现更是直接影响最终的网络传播效果。通过对网页版式设计的视觉流程的筹划分析以及影响网页设计页面视觉呈现要素的阐述，凸显了简洁网页设计的视觉呈现和艺术美感的重要性。只有轻薄简洁美观的视觉呈现才能更多的吸引消费者，对于网络信息传达来讲具有重要的意义。
关键词：
网页设计;简约主义;视觉呈现
F49
文献标识码：A
1 网页设计视觉流程筹划
首先，什么是视觉流程?通俗的讲，就是人们在观看网页时候的视觉路线走向。我们在浏览网页是时候通常是从第一感觉印象到具体信息传达，最后产生整体感官印象的过程。美国阿尔多斯.赫叙尼在《观看的艺术》中提到：感觉+选择+理解=观看。观看的第二步是从视野中选定一个特定的元素，进行下一步详尽的理解。这是他总结给我们看清事物的方法。
视觉流程是视线在观赏物体上移动的过程，而网页设计中的视觉流动路线是相当重要的，是设计师们不可忽视的关键因素之一。垂直的物体在页面上会引导人们的视线做上下的运动轨迹，水平的物体在页面则给我带来的是左右的视觉流动，三角形的物体会让我们的视觉由角顶开始做循环的视觉流动，而圆形的物体往往会让我们的视线呈辐射状运动。
因此，网页设计中不同的视区范围有着不同的注目度。我们浏览网页时一般的阅读习惯是从左至右，从上至下。也就是说我们在浏览网页时一般视觉流程是从左上角向下逐渐移动的，所以，我们一般会把一些重要的讯息，比如logo、通知、最新信息放在左上位置，通常我们叫这个位置为视觉中心。
2 影响网页页面视觉呈现的要素
2.1 网页页面的版面率
版面率指的是网页设计中文字、图形、图像、颜色等的占有率，它不仅影响页面信息传达效率，也决定着整个网页设计的视觉呈现效果。一般来说，版面率与视觉传达效果以及设计创意成反比的。如图1、2所示。
我们可以看出，宜家的版面率低，整个页面几乎只有其logo的存在，所容纳的信息量少，但是给我们的视觉冲击力很强烈，视觉呈现的形式感很强。在网页设计中，极简的网页视觉呈现能够把最重要的信息以最直观的方式传达给浏览者，而且也可以起到一个避免阅读中分散注意力的作用。譬如，在一个纯白或是纯黑的页面上，出现的任何一个色彩都将会引起浏览者的注意，色彩本身也就成为了我们关注的焦点。“少即是多”在网页设计中同样也适用。如我们的一些个人网站、博客等商业气息不浓厚，大多都会以设计创意个性为主，版面率较低。选择版面率比较高的设计时，讲究空间的有效利用与秩序的合理划分，而且每一版面的大小和位置关系要和谐。否则要么排版呆板，要么秩序混乱。
2.2 网页设计的权衡布局及简化设计
所谓简约主义，顾名思义就是要我们将设计元素、色彩、造型进行简化。人们常说的“简约不简单”，实际上就是简约主义。目前，简约设计已经被广泛应用到我们生活的各个领域，无论是室内设计或是平面设计还是包装设计，都在实行“简约主义”。甚至很多品牌，譬如无印良品、宜家家居等都是采用的简约主义风格，无疑简洁时尚已成为人们广泛追求的一种风格。正所谓“简约不简单”，个人也认为越是简单的东西越大牌。
排版布局中的平衡、对齐及对比关系，对页面视觉效果至关重要。然而画面效果头重脚轻，或者左右失衡，则会让浏览者感觉到不适，心理上会造成一种束缚感和压迫感，从而影响到阅读者浏览信息的流畅性。
那么对于网页设计来说，要做到简化设计的第一步就是要去除一些多余的没有必要的东西，尽可能的丢掉他们，留下一下最为关键的信息，比如logo、介绍、导航等等。我们每天都在使用的腾讯，它的页面设计就做到了这点，如图3、图4所示。
2.3 颜色给我们带来的心理暗示
彩是我们认识事物的第一印象，我们在浏览网页的时候对视觉冲击力强的网页设计留下的印象最为深刻。因此一个好的网页设计必定有一个很好的页面配色设计，它不仅能更好的传达信息，同时还能更好的与大众的心理需求相契合，更大的发挥网页设计中带来的视觉效果，如图5、图6所示。
根据季节的变更、促销活动的安排以及各品牌不同的文化理念，常常要做一些不同的网页设计才吸引消费大众。因为人们在长时间浏览网页的时候很容易产生疲倦，在色彩的使用上，我们一般应将色彩对比放在一些需要仔细阅读或主要信息上，以免增加网页浏览者的阅读难度，引起视觉疲劳。同时，我们也不能采用一些辨识度低的颜色，尽可能把信息目标更快更好的传达到消费者的眼中。
不同的网站类型都有着自身的色彩语意相关性，譬如儿童用品的网页设计则多使用一些明亮醒目的纯色，而一些高科技产业等互联网行业的网页设计一般采用蓝色为主。我们平时网上订餐的KFC、必胜客等页面一般都是采用的企业文化的标识颜色，以红色橘色为主，这样的暖色系更能勾起人们食欲。白色，因其明度最高，无色相，明亮干净、畅快、朴素，永恒无暇，在自然界象征着极致的纯净与贞洁。可以给人很好的轻快速度感，运用得当可以让其它任何浅颜色及亮颜色呈现出其深度、明度和饱和度的不同，通过对比让其亮色更加明快、专注和舒适。整洁、大空白的同时让用户保持欢快的情感进行浏览。如图7、图8所示。
2.4 空白不等于苍白
中国的传统美学所提倡“空白”，不是单纯的抽象、虚无，而是一种主观的感性的理性的感悟。页面变得苍白?是不是整版的文字缺少图片的点缀?其实适当的点缀是必不可少的。在适当保留重要的留白空间的同时，为配上一张与文字相契合美图吧，起到画龙点睛的作用。或者是给段落文字总结旁边添加一个小图标，示意其文字内涵。虽然使用空白多多益善，但也要尽可能的保证有对比感。设计师应使用最小的视觉变化来表达想法。事实上这就是意味着元素之间要有主次感，如图9所示。
其实透气的留白并不等于无力的苍白，让有趣并富有创意的大胆设计去刺激阅读者的视觉神经吧!让我们的网页设计变得更有趣味性，更有思想，更简约，但不简单。
3 结束语
在网页设计过程中，我们应继承我国的传统文化，形成独特的设计风格，拓展设计的视觉语言。与此同时，我们还要推陈出新，突出现代化，引领时尚潮流。以现代简约主义的手法对中国的传统元素和符号进行提炼和二次设计，让网页设计获得更强的视觉认知力和艺术感染力，营造一个自然、合理、顺畅的视觉流程，更好的激发人们的审美情趣，引导人们在美的享受中接受传达的信息，发现美好。
参考文献
[1](美)鲁道夫·阿恩海姆.艺术与视知觉[M].北京：中国社会科学出版社，1984，(5).
[2]孙娇，宗明明.网页设计中视觉流程筹划与应用[J].美术教育研究，2011，(7).
[3]李湘媛.浅谈网页设计中的色彩语言表达[J].艺术教育，2012，(11).
[4]万剑，丁洁琼.论平面设计中色彩的应用[J].职业技术，2006，(20).
作者：夏慧中
摘 要：网页设计是一项设计领域，是平面设计在信息领域中的一个非常重要的发展方向，网页设计也是平面设计的一种延伸和发展，如何将两者之间的差别进行分析，并在此基础上进行将二者发扬光大，具有非常重要的意义。本文系统的介绍了网页设计与平面设计之间的差异性，旨在为其发展提供一定的理论基础。
关键词：网页设计;平面设计;比较分析
网页设计与平面设计之间存在着一定的差异，我们应当系统的分析这些差异，并在此基础上实现网页设计与平面设计的相互借鉴，相互促进。笔者通过对网页设计与平面设计的差异性进行研究，得出了几点结论，先总结如下：
1.网页设计与平面设计的设计理念、设计思路存在差异
品牌是平面设计的核心，是其实际的出发点，设计师在进行平面设计的过程中，都是以品牌为核心的，要实现视觉上的完美体现，将平面设计的魅力体现出来。与之相对的，网页设计是以用户为核心，之所以建立网站其主要原因就是希望能够通过网站与用户实现百分之百的沟通，或者是通过网页设计实现预期的特定功能等，这与电脑软件十分类似。也就是说，网页设计就是我们常见的UI设计，进行设计的时候应当以用户的操作习惯为主要目的进行设计，归根结底，就是网页设计必须遵循人性化，用户在使用网页的时候，感到非常方便，即使长时间关注网页也不会感到疲劳，有很多门户设计网页的过程中都以白色做主色调，其主要原因是用户盯着白色网页不会感觉眼睛过于疲劳，而彩色的却不一样，如果长时间盯着彩色的网页会比较容易犯困。平面设计和网页设计的设计理念也不尽相同不一样。进行平面设计要遵循三个步骤，这三个步骤是相互联系的统一整体，缺一不可。设计者在拿到设计项目之后，应当系统的分析客户。然后，了解客户的具体需求，最后，针对客户的需求进行资料整合，确定平面设计风格。值得注意的是，平面设计可以采用传统的设计手法，比如，我们日常生活中经常见到的笔和纸张等等。当然平面设计也可以通过软件的形式设计出来，但是，不论是那种形式，都必须以用户的需求为主导，以因起用户的兴趣。在审核完毕后，便可以应用相关设计软件开展网页设计工作，做好版块间的衔接，发挥创作灵感，最终在相应的细微调整后完成网页设计作品。与之相对应的，网页设计也需要三个步骤，首先就是将导航弄清楚，具例如，用户在浏览一家关于婴儿用品特卖的网站，网站的形色设计都非常不错，但是，在浏览这个网站的过程中却花了很长的一段时间，才找到自己想要购买的东西，那么这个网站就是个失败的网站。其次，要具备快速的页面下载，在设计网页的时候，一定要遵循精简的原则，如果用户想要打开网页，但是都快到了一分钟也没有打开网页，那么这个网站也不是成功的网站。最后，就是网页的分辨率问题，网页的分辨率太低，用户看了一段时间都看不明白网页所表达的内容，那么用户下一回想要浏览该网页的几率应该非常的小。除此之外，我们还要比较一下网页设计与平面设计的尺寸单位问题，网页设计中尺寸单位标注的是像素，平面设计的物理尺寸的概念。这些都是需要设计者进行具体了解的，对于平面设计和网页设计工作的开展有着非常重要的意义。
2.网页设计与平面设计在视觉元素方面存在差异
平面设计与网页时机在色彩的使用上可以说是完全不同的，由于后期印刷等原因，平面设计采用的色彩模式是CMYK，而网页设计所采用的色彩模式确是RGB的色彩模式。平面设计在运用色彩模式的过程中，所采用的往往注意的是视觉流和冲击力的引导，而网页设计在运用色彩模式的过程中，往往注重梳理信息结构的关系，如果在设计的过程中，运用过多的色彩，过浓的色彩都会给用户带来疲劳之感。我们平时在设计过程中，平面设计的字体选用更为自由一些，不用担心后期实现的问题，所有的文字最后都会输出为图形进行印刷，而网页设计在文字的选择方面就需要慎重很多，供设计师选择的字体范围也比较小，为了减小输出成品对服务器的压力，设计师在设计网页的过程中就会根据用户操作系统内默认的字体进行设定，这些年，科学技术飞速发展，差距也在逐渐缩小。从图形使用上来比较平面设计和网页设计，我们发现与网页设计相比，平面设计在图形的运用上更加丰富，而网页的设计就相对逊色一点，尤其是在设计产品类网页的时候，在视觉上、在设计思路上显得更加的丰富，更加的充满趣味。
3.在浏览方式和信息的传播方面也存在一定的差异
平面设计是一种渐进的浏览方式，还不能将整个浏览的过程进行串联，而网页设计可以通过滚动条下拉和按钮链接跳转等方式，实现网页的浏览，也就是说，网页设计能够将整个浏览过程串联起来，用户在选择网页信息的时候，选择的自由度非常大。平面设计相对来说，是一种较为传统的信息媒介设计，通常情况下，所采用的方式就是销售、张贴、邮寄派送等，这种比较传统的传播方式有一定的局限性，例如可能会使缩小传播的范围，增高传播的成本，与平面设计相比，网页设计的传播范围会更广，但是，平面设计由于需要第三方的支持，使得平面设计的受众群体较为广泛，与网络相比，不论什么年龄段的受众最为熟悉的还是纸张和书本，最容易接受的还是纸张和书本。从网络中获取信息会存在一个学习成本的问题，随着网络的日益普及，平面设计与网络设计之间在受众人群方面的差距会越来越小，网页设计和平面设计之间存在着不同的用户，我们应当根据用户的不同需要，设计不同的内容，选择正确的设计形式来提升用户的体验，只有这样，才能够促进平面设计和网页设计的进一步发展。
总而言之，网页设计和平面设计之间有着一定的差别，我们应当认真仔细的进行鉴别，并互相借鉴二者的优势，促进二者之间的共同发展才是最重要的，也是现阶段亟待需要解决的问题。
结语
在网络技术飞速发展的今天，网页设计也已经成为人们不可或缺的一部分了，它是对平面设计的一种继承和延续，也是技术与艺术的融合，如何将网页设计和网络设计融合在一起，促进网页设计和网络設计的发展，具有非常重要的意义。
参考文献
[1]薄芙丽，滕兰芝，何瑾，张路光.平面设计的新概念——教学网页设计[J].电化教育研究，2002，03：54-57.
[2]沈海荣.浅谈网页平面设计[J].大众科技，2009，11：11+13.
[3]伊延波，苗苹.网页设计的意象表达[J].数位时尚(新视觉艺术)，2012，01：88-89+92.
[4]刘永翔，唐良瑞.网页设计中的视觉构成分析[J].北京工商大学学报(自然科学版)，2004，01：58-62.
作者：余旭
[摘 要]通过以唐代服装为切入点的职业教育网站网页设计中的视觉审美要求和其视觉构成要素(图片、文字)进行分析，结合人机交互操作中的重要视觉习惯，探索以传统文化问切入点的网站设计中的如何更有效的传递视觉信息和表现合理的网络信息内容。
[关键词]网页设计; 构成要素;唐代服饰
[
引言
信息大爆炸时代，人类社会的进步正在以飞速的脚步进行科技的革新，世界范围内对互联网也在进行着越来越深刻的革命。互联网代表着传统信息传递的一种改变，整个包容了信息、经济、地域、文化等等，它使信息无论从传递的速度还是传递的质量和效率都产生了质的飞跃。互联网的世界由万千网站组成，网站又由很多的网页组成，所以网页的构成是互联网系统的构成基本元素。以唐代传统服装职业教育网站的开发为切入点进行设计，首先是其网页设计具有中国传统文化的传承与数字化保存的整体开发和研究。在设计页面时主要内容包括中国唐代服装文化历史及特征、文化原形进行数字化保存的必要性和重要性、“web”基础教育的特性以及相关唐代传统服装教育网站开发的设计意图和构想等，伴随着网络个性化学习时代的到来，中国传统服装文化及其他文化形式的教学必然向着数字化、网络化的形式发展，利用先进的信息技术与平台，能够更好保护与传播传统文化。
良好的信息互联网平台要求我们在版面的编排上有所讲究，除此之外，大部分的现在社会所见的传统文化的网站在其界面设计、网页美工等方面还有所欠缺，这些正是因为在信息大爆炸时代多带来的设计工作者的契机，在网页设计的视觉领域提高自身的欣赏能力，完善网络本身的特征，为网络用户群体提供更优质的网络传媒。
1 网页设计中的视觉操作流程
我们要了解网页的设计本身是为客户群体进行的视觉引导功能，网页是通过视觉来完成这一设计要素的，为了使网页能够在有限的网络空间获取最大的视觉传达信息，更多的设计融入到了现代网页设计的视觉操作中，例如flash网页，以及运用视觉心理和图形构成元素之间的关系等等，这些都是从根本上解决网页设计的点线面的构成，从而完成网页设计中的视觉元素的流程操作问题。
网页的视觉流程的形成是由人的视觉体统特性，因为眼睛的晶状体生理结构，只能有一个焦点，所以我们不能把视线同时停留在两处或者两处以上的位置上，因此我们也应该知道用户在阅读信息的时候，视觉自然的会形成一定的自然流动的观察线条，也就是说先看什么后看什么的问题。知道了这些我们在设计网页的时候就要有一定的视觉线条，像是有一根线条在里面，穿梭起所有的信息，也就是要使得整个版面的整体感觉无论是主旋律还是运动趋势都是有相关的运动主要内容在里面。很多心理学家也一致认为在一个平面上，在上面的部分给人的感受是轻松和自在的，位置处在下半部分给人的感受是稳重和压抑的。这样计算结果就是网页中的平面上，上部和中上部被称为“最佳视域”，也就是最优选的地方。可以将一些重要的信息安排和设计在这些位置。当然视觉流程是一种心里学家研究出的大部分人群的共同感受，这种感受也并非精准的仪器、公式，其实只要能够符合人们在认识的过程中的心里顺序和信息发展思维顺序，符合事物的逻辑性，那么其就能够更加的灵活运用。设计出更为个性的网页。合理的视觉流程以及最佳的设计视域，组织自然流畅的视觉引导，直接影响着设计的最终效果。
2 网页设计中的审美需求
网页设计是新兴的设计门类、网络设计和互联网交叉的学科，网络时代将是未来相当长一段时间的世界发展大趋势，也一直备受瞩目，她本身具有网络特性的载体意识形态，把各种信息快捷方便的传递给用户群体。传达信息是首要的标准，那么在完成这个要求下人们不断的对美的追求也就有所加强，网页设计只单单的完成其传达信息这一要求是远远不够的，人们对于美的追求不断加深的同时就要求将各种信息如何更好的表现出来，要考虑受众群体如何清晰的准确的确认好网页设计内容，优秀的设计能够给人以愉悦感，接受信息也就更加的容易些。网页的审美设计首先不能够是单纯的将各种东西放上去，只是完成能看的要求对于当下的网页设计是远远不够的，要能够考虑到如何使受众用户浏览能够愉悦和容易的接受信息。而且网页设计的审美要求其实是对传统美术中的一种继承和使用上的延伸。是相互一致的，把传统平面设计中的构图要素以及图形规律运用到现代网页设计中的具体问题的解决当中去，能够增加网页设计的形式美感和构成美感以及大众的视觉审美需求。
3 以唐代服装职业教育网站的设计构成要素分析
网站的设计起源是源于唐朝，中国的唐朝是一个强盛的朝代，对周边国家及整个亚洲地区的政治经济和文化发展都产生深远的影响。唐代政治长期稳定，对外贸易发达，在经历了近三百年的和平发展后，唐代的社会生产力得到了极大的发展，国力强盛，文化艺术繁荣昌盛。影响唐代服装的因素有人们的劳动成果、物质文明的发展程度、传统服装样式、人们长期以来形成的生活习俗、审美情趣、色彩爱好、文化心态、社会风尚等等，反之，服装以及围绕服装产生的文化又反过来影响了社会的政治、经济、科学、文化、教育、礼仪、伦理等社会规范，这些影响也持续存在于我们现代的生活中，目前我國在传统文化遗产的利用，基于唐服的数字化继承与开发方面尚处于初级阶段，有待于利用数字化手段对教育网站的功能加以保护、利用、开发。
在以唐代服装职业教育网站的视觉传达分析上，对其网页构成要素进行分析。
3.1 网页色彩设计分析
唐代传统服装教育网站设计首先要将唐代服饰的主要设计色彩提取，唐代作为中国鼎盛时期的封建王朝，其经济繁荣，文化昌盛，服饰衣式都呈现出前所未有的华丽和灿烂，唐代的服饰文化对于当时的历史来讲也是有所继承和发扬的，坚持着对传统服饰色彩文化的“鲜明”特色，在色彩上采用单一为了突出，色彩上大气而又豪放，具有泱泱大国的豪情和色彩情调的吉祥喜庆，积极健康向上，整体上体现了唐代礼仪之邦的风度。唐代传统服装教育网站设计在色彩上体现了色彩形式的艳丽明快，给人以赏心悦目之感，同时也不落入俗套，设计特点也是鲜明而且奔放〔1〕。
网页设计就像艺术品一样，因为其平面上的色彩對比新颖、整洁，运用唐代服饰色彩的明快对比增加网页的整体强烈视觉效果，使页面更加生动。而且，用户在使用网页时，留下的第一深刻印象就是页面的色彩设计，其色彩设计的好坏直接影响受众群体的观赏使用兴趣。因此，色彩设计的安排在设计网页的过程中占有极其重要的位置。对于网页设计上色彩使用把握几个方法：首先是主色调的明快，符合唐代服饰的整体色彩风格;前层色彩明快，背景设计就用比较淡雅的颜色，例如：淡灰色、浅黄色、淡蓝色等等。浅色为底，使受众群体感受到的是柔和、素淡。配上明快的唐代服饰色彩图案形成配色统一。忌讳喧宾夺主，唐代服饰的明快色彩应该成为网站有活力的代表，而不应该成为杂乱无章的网页整体感觉。少量的有代表性的唐代服饰元素用以突出强烈的视觉突出和强调，但是要合理使用，形成色彩结构，有条不紊。驻足在唐代衣妆盛世里的五彩斑斓仍然无法逃脱追求“和谐”有余， 将其色彩斑斓的世界带到全新的网络时代。
3.2 网页文字的编辑设计
网页作为互联网信息平台的构成要素，其信息性是网站建立的初衷，文字是网页中不可缺少的要素，是信息传递的主要工具之一，文字的表现力是影响整个页面设计的质量的，其中包括字体的设计和编排。
唐代传统服装教育网站设计的文字主要介绍各种唐代资料的信息，而要传达各种有效的服饰要素信息，必须考虑对整体网站的文字编排，能够给人以清晰的视觉印象，避免文字编辑上的相互混乱和页面整体的杂乱无章，减去不必要的文字装饰，让人简单中去识别网站的文字信息。不能够为了造型去随便编辑文字，忘记了文字的最根本要素就是“传达内容本身”和“去表达”。
唐代传统服装教育网站的文字编排与设计要素就是要服从于信息本身的内容特点，也就是要符合唐代服饰文化特点要求，当然不能生搬硬套，不能直接将唐代文字直接不加变化的在网站中进行使用，文字字体可以借鉴唐代最为盛行的“楷书”字样，设计整体要简单有序，造型规范。对内容文字安排也要做到层次分明，节奏明快，苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调都要融合在整体网站的文字设计中来。文字作为视觉要素中的形象要素之一，除了能够表达意思之外，还要能够传达情感的功能，既要美观，有能将美好的图示形象传递给受众群体，获得良好的视觉信息提高网站整体设计效果。
3.3 图片信息编排
唐代传统服装教育网站主要是以展示唐代传统服装信息为主的网站，主要内容是以图片的形式对网站内容进行表达。网站是以图文并茂地形式对网站内容进行构架的，因为网站的表达内容比较特殊，其网站表达的方式是以图片信息表达更为直观，因此在图片信息的编排上要有所安排。从纯文字的网络信息上脱离，更为简洁明快的运用图片信息进行表达。
网站对图片的要求要求质量不能过高，这样会影响网站整体运行速度，还因为显示器的最小分辨率会形象图片的现实效果，即使是图片的分辨率很好，但是由于其最小分辨率的影响，我们的肉眼是无法分辨的，但是唐代传统服装教育网站有时以服饰为主的网站，很多华美的图片是可以单独做出图片链接进行单独加载，来观察图片的华美效果。不需要单独打开的图片一般我们使用的图片分辨率为72dpi( dot per inch) 也是大多数图片最佳选择。
4 结束语
唐代传统服装教育网站作为网站形式进行视觉表达，其网站的视觉传达兼容了平面设计的基本特征，又具有不其平面设计所不具有的优势，成为尽头信息交流平台上的重要途径。网页设计是一个比较综合的设计学科，广泛的领用了心里学、视觉设计美学、人机交互等诸多方面的知识的运用。在科技发展的支撑下本文站在视觉传达的角度以唐代传统服装教育网站为例进行了视觉传达要素的分析，好的网页设计出了要在前期网站内容设计上要求精益求精，其次就是要对内容有个更为合理的视觉有效安排。简约、实用、美观的唐代传统服装教育网站为更多的人服务，满足愉悦的视觉使用操作平台。
〔参 考 文 献〕
〔1〕 崔丕鑫.唐代服饰色彩与色彩观念浅析，辽宁丝绸 〔C〕.辽宁柞蚕丝绸科学研究院，2006：23-24.
〔2〕 何丽萍.基于网页设计的视觉信息传达有效性的研究〔M〕.浙江大学，2006;12-16.
〔3〕 郭安.从韩国网页设计看网页艺术设计的视觉呈现〔M〕.武汉理工大学，2008;4-6.
〔4〕 李泽厚.华夏美学.天津：天津社会科学院出版社， 2004;30-31.
〔责任编辑：陈玉荣〕
作者：马金祥 王健 犇妮
一直以来，网站设计师似乎是第三类人，我们处于后台程序员和平面设计师之间，身为网站设计师，既要懂得一些平面设计，又要会一点程序设计，从现在的人材市场的招聘信息上也能看得很明白，很多公司的招聘都诸如：招网页设计师xx名，具备素质为精通 Photoshop，Corldraw,Frontpage,Dreamweaver,Firework,Flash.会 Css,Html,Asp,SQL者优先云云。。。。这更让很多希望投身网站设计职业的人们徘徊，要成为一个网站设计师，一定要能使用这么众多的超重量级工具吗?从Macromedia到Adobe，再到Microsoft，最好是连Sun公司，以及全球数据库开发企业的主打产品都吃通才够用，这种单纯以技术来衡量的方法，不过是招聘方单方面希望招聘的老黄牛而已，他当然
正因为如此之多的困扰，令网站设计人员处于一种混乱，迷茫的心理状态：我要不要继续做一个网站设计师?我到底应该掌握什么样的工具，掌握到何种程度?我怎样才能依靠这一职业取得高薪?等等。
随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使用起来愈加方便。打个比方：原来的网页全是如同文本编辑一样，图片的定位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表格，这就需要熟练的掌握表格的应用。而且还很难达到目标，有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢?在Dreamweaver和Frontpage2000出现后，采用了高级的Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新的发展，适应新的功能，以增加工作的效率(当然这就要求原来就要掌握必要的软件的使用知识，才能使自己能驾轻就熟的掌握新的升级后的软件的使用)，很多设计师却只重视网页的设计制作软件的使用，而忽视一些内部技术方面的知识。这也不行的，例如如果不掌握ASP技术网页设计师的知识是不完善的，就不能做一些好的交互以及查询等等系统，还有一些数据库以及本身的HTML、DHTML、 javascript和CSS的技术。只有这样才能做到知其然和知其所以然。如若不然就只是让人感到有一种缺陷，这种缺陷带给人的不是缺陷美，而是遗憾。
作为合格的网页设计师，一定的文化素质是不可少的，如文学修养，看到一个又一个写得优美而充满情调的文案了吗?同时你也看到了一些充斥着错别字和生硬的文字搭配的文章了吗?好的文案，不仅仅让人对你所做的网页回味无穷，也可是自己的网页平添几分艺术特色。具备这样的素质往往能从自己的网页上反映出来，能使受众体会到，如网页内容的好恶的选择，适当的遣词造句。相反，一个欠缺文学修养的设计师做的网页，人们能从他的网页上看到他的缺陷。当然文化素质不仅仅包括文学修养，还有音乐和绘画等方面的修养。只有具备一定的这些方面的修养，才能够使自己网页达到一定的水准，才能够使人欣赏到好的网页制作。
网页设计就业前景好吗?现在网络发展很迅速，学习网页设计还是蛮好的，而且现在公司这么多，一般都是需要建站、维护、优化的。学习一门能就业的好技术，就学网页设计专业。那么，网页设计专业的就业前景真的那么好么?我们应该怎样学习网页设计专业?
网页设计的就业前景
2012年网页设计就业前景是行业里面热门职位，是一个比较吃香的香饽饽。随着国内互联网的快速发展，网络经济引领的新经济时代的到来，是得网页设计的相关人才需求量急剧增大。中国网民的数量大量的增加。所以很多人通过互联网去宣传自己。在市场需求和人才缺口都很大的情况下，我们有理由相信网页设计的就业前景是十分好的。来八维广告艺术学院学习网页设计，轻轻松松找到高薪工作!
网页设计专业的特点
跟传统的计算机行业一样，网页设计专业也是一个活到老学到老的专业。网页设计用什么软件?是一个值得我们用一生去为之奋斗的专业。网页设计能够让你学会网页设计的一些设计技巧，但是如果想要成为网页设计高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平。这是一个很看重实践经验的专业。所以，结合这方面的特点，我们在学习网页设计专业的时候，一定要选择一个这样的，能给我们很多项目实践的学校来学习。
如果你真想学习的话，没有基础的话，建议你可以选择八维，让老师给你讲一些，学起来也没那么吃力了。八维重视实践，八维在实践经验，动手能力，和解决现实问题上的应变能力方面都是十分优秀的。选择大于努力，一次正确的选择大于辛勤的努力，相信自己，相信明天。
导读：现在，网页设计师成为了越来越兴起的职业，网页设计师也是人们比较羡慕的白领职业，现在很多的人都是想学习如何网页设计，如何建站，都想拥有自己的一个网站。
这样的话，就是有必要的到专门的网页设计培训机构学习一下，而本篇文档就网页设计的定义，网页设计的发展前景和课程，并且结合了自己的学习经验为大家推荐了一个网页设计培训学校。
一、分析网页设计的定义
网页设计——网站是企业向用户和网民提供信息(包括产品和服务)的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
网页设计的建站包含：企业网站、集团网站、门户网站、社区论坛、电子商务网站、网站优化技术等，如中华网库，在行业中各自有各自的作用。
二、合肥网页设计的发展前景
网页设计师从一开始，是互联网行业新的产物，是平面设计的延续或者说是平面设计的高层，打个比喻平面设计就是叶问，而网页设计就是李小龙，想练就李小龙的截道拳就必须先练就咏春拳，可叶问虽然是李小龙的师傅，李小龙在咏春的基础上又创造了截道拳，叶问打不过李小龙，死不服输，脸上没光，活了一辈子也算是一代宗师竟然被自己的徒弟打败;看过李小龙传奇的都知道;网页设计师不仅要比平面设计师更懂得专业的设计还要向程序员多学习代码;有时候他们还必须得搞点动画，比如FLASH、JS、CSS等。与程序员相比，除了不懂专业技术性的开发，就向往网页代码标准方面发展和学习;但对于动画设计师来说，网页设计师懂的是基础，毕竟玩的不是一个软件，可网页设计师一样牛，因
为可以应用CSS和JS搭配直接很简单的做出FLASH的动画效果，很不错的哦。不管怎么说，一个人要想成功，特别是网页设计师，一定要不断的努力学习，向程序和FLASH动画设计师学习;
三、合肥网页设计培训课程内容
第一部分(美术部分)
1.结构素描、光影素描、速写、设计素描、户外写生
2.色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业
第二部分(静态网页)
1.Dreamweaver CS4：网页布局、制作;Html&Css简介;网站管理与维护、上传与下载;案例分析
2. Fireworks：美工设计、网页配色;CI、LOGO、Banner的制作;常见网页动画制作、网页布局
3. Flash CS4：经典网页动画、广告、片头、贺卡设计与分析;MTV制作、交互式网站简介
4.Photoshop CS4：Photoshop操作基础、图像优化处理、经典实例分析与制作、gif动画、广告gif图片
5.Illustrator CS4：广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计
第三部分(动态网页)
1.Html语言详细解介、CSS样式、IIS、C#语言、 Asp. net动态、SQLServer数据库、Access数据(送)、
2.JavaScript、Flash8.0高级编程、网站筹划、网站推广、电子购物车、ChatRoom、BBS制作。注：此部分基本上是程序员工作，并不是网页设计师所要学会的。
第四部分(网页美工)
1.三大构成：平面构成、色彩构成、立体构成
2.Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、banner设计;
3.Illustrator网页设计、网页字体设计、网页规划设计
四、合肥网页设计培训机构分析
合肥专业的网页设计培训机构有很多，我以前是在合肥兴网网络教育培训中心()现在我也在从事网络推广这一块儿，工作还不错。里面有个项老师，是我以前带过我的老师，很不错的。给大家推荐一下子。他的qq是 793323897手机号码是13515609520当然你也更可以进入到他们的网站去看一下 (). 大家如果感兴趣的话，可以去他们那里先去看一下，当面了解一下。他们是在那个明珠广场上海城市2栋1301。
1 CSS 技术特点
互联网刚兴起时，网页缺少动感，布局内容也有许多因素限制，设计起来难度较多。即使专业的HTML 技术人员，在网页设计中也需要通过不断测试，才能掌握网页中的信息排版，在这样的背景下，样式表应时而生，CSS技术具有以下特点。对网页中的元素进行精准定位。网页设计者在网页设计中，如同导演，网页中图片、文字就是演员，网页设计人员依据要求使“演员”扮演好自己的角色，操控起来十分简单。将网页中的格式控制与网页中的内容分离。网页浏览者在浏览过程中，面对是网站内容结构，为了帮助浏览者更好地查看网页中的信息，在设计中需要合理利用格式控制，将的内容与格局分离，从而对网页布局进行更加合理的控制，即将CSS 代码独立，从另一角度实现对页面布局和外观的控制。页面布局的控制。通过CSS 技术，能够事项对HTML的有效控制，并且可以在网页中对图像的位置进行准确定位。制作体积加载更快。体积更小的网页，CSS 样式只是简单的文本，在设计中不需要执行程序、图像、插件，在执行上就如同HTML 中的指令一样快。
2 CSS 技术在网页设计中的应用
2.1 外部样式表
外部样式主要适用网页中存在多个副面，外部样式表一文件存储的情况，通常情况下文件的扩展名为.css。网络页面中应用外部样式，可以将多个网页与.css 文件进行连接，通过改变一个.css 文件中的内容对整个网站的布局进行调整。例如m.css 需要将 添加到文档头部，将去作为标签，具体方式代码如下：
css”/>
. . . . . . . . .
在网页设计过程中，可以通过外部文件，对编辑中的文本进行编辑，但是在编辑中需要注意，不能出现任何HTML中的代码，例如：
p{color: red;font-size:14px;}
body{background-color:#FFDFFD}
其中color 为属性，red 为值;font-size 为属性，14px 为值;background-color 为属性，#FFDFFD 为值。
2.2 内部样式表
如果一个在网页设计中，不需要特殊样式，通常为简化，都采用内部样式，可以将
p{color:red;font-size:14px;}
body{background-color:#FFDFFD}
??
内部样式与外部样式相比，更加简单实用，在网站页面头部，输入同一样式，可使网站中所有页面都呈现统一的样式。
2.3 内联样式表
网页设计中内连样式表，可以将style 参数直接加入到HTML中，添加的参数就是CSS 多属性与值，内嵌的样式如下：
设计中，内联样式表与其它两种样式相比，使用率相对少，主要这种方式不容易在网页中重复使用，如果上述的p 元素在网页设计中重复式样，网页会将p 元素定义为完全重复，样式属性也会出现重复，会加大对网页的维护和阅读难度。
3 优化CSS 代码
在网页设计中，为了使网站能够快速的显示出来，Web创建者在实际操作中，需要对网站中的图像文件进行压缩。CSS 样式表是纯文本文件，所占内存较小，在设计中不需要进行压缩，但在应用过程中，也有一些方法可以使其格式缩小20% ～ 50%。
3.1 缩写性质
利用专用性质名取代相关性质集合。例如，paddingtop、padding-left 等性质在CSS 带面中就可以进行缩写。在网页设计中可以通过以下代码代替复杂的代码。
.body{margin:12px 18px 20px 24px;padding:4px 8px
6px 5px
Border-top： thin solid #000000;｝
此外，在对缩写性质进行应用中，属性之间的间隔通过空白完成。如果属性之间出现类似值时，要注重连续属性的顺序，属性由顶部开始，依照顺时针顺序进行。如果缩写性质相同，可以简单罗列单个属性，将后面的三项属性缩写。
3.2 通过样式覆盖简化代码
如下CSS 样式
.a,
.b,
.c {font- size;10px;padding:10px;width:200px;
background- color:black }
.a {border:2px solid red;}
.b {border:2px solid blue;}
对以上这段CSS 样式进行分析，可以发现，三个样式边框属性，除了颜色之外其余并误差别，因此可以将无差别的属性进行归纳在一起，对颜色进行单独控制，优化的样式如下：
.a,
.b,
.c {font- size;10px;padding:10px;width:200px;
background- color:black;border:2px solid：red}
.2 {border:2px solid blue;}
.3 {border:2px solid black;}
优化后代码能够实现与原代码一样的效果，代码的属性变得更加简单。
3.3 提高代码重复率
重复使用代码是CSS 在网页设计上的主要优势，多数网站设计中，对CSS 中的代码已经进行了重复利用，但受设计者自身影响，并没有得到合理的重复使用。在CSS 代码编写中，应当尽力避免重复的元素属性值多次编写。
4 结 语
现代网页设计中对CSS 技术的应用十分广泛，在应用CSS 技术过程中，不仅需要注意应用的合理性，同时应当通过分析，采取相应的方式，简化CSS 代码，使其变得更加合理、简洁。
摘要
：互联网和信息化技术的高速发展给教育教学领域带来的变革，是教育工作者不能忽略的现象。充分利用各种新型的教学模式或技术手段来提高教学质量，激发学习兴趣，是当代教师应广泛关注的问题。本文从翻转课堂教学模式在“网页设计与制作”课程中的应用入手，探究翻转课堂对传统的“教”与“学”模式的影响及其在课程中应用的分析与总结。
关键词
：翻转课堂;网页设计与制作;教学模式
一、翻转课堂教学模式的研究背景和意义
1.翻转课堂教学模式的研究背景翻转课堂译自“FlippedClassroom”，也可译为“颠倒课堂”。源于美国科罗拉多州林地公园高中的两位化学老师对传统教学模式的改革实践。随着翻转课堂教学模式在美国的推广和流行，其逐渐成为全球教育领域关注的一种新型教学模式。传统的教学模式是教学主要在课堂上完成。教师在课堂上讲解知识，演示案例或实验。学生听取讲授，完成相关的实践任务及课后练习。但由于课堂时间有限，这种教学模式基本上是以教师为主体，学生的学习较为被动。并且部分学生在学习前对新知识点的了解非常有限，甚至一无所知。经常是教师讲得激情四射，学生听得不知所云。教师在课堂上为完成相关的教学任务，变得没有时间及精力与学生进行更多的互动及反馈。翻转课堂教学模式是指重新调整课堂内外的时间，将学习的主动权从教师转变为学生。学生在课前的课余时间，根据教师的任务布置，先行自主学习视频教学资料或其他学习资料，对新知识进行一定的了解和思考。在课堂上教师用相对较短的时间，将知识点中的重点和难点进行讲解，然后布置相关的练习任务。在解决问题的过程中，学生可以与教师或同学进行研究与讨论，将课堂变为师生间答疑解惑的互动场所、知识应用的实践环节，给教师和学生更多的沟通和反馈时间。2.翻转课堂教学模式的应用优势“网页设计与制作”是计算机类专业的一门重要专业基础课程。课程特点是知识点较多，但易于自学，实践性较强。目前，大部分教师都采用“教学做一体”的方式进行教学。这种方式能让学生掌握网页制作的基本技能，但也存在一些问题：由于教学内容较多，所以课上讲授时间偏长，学生精力容易分散，教学效果难以达到预期;由于课堂时间有限，课上教学方法和内容统一，无法满足不同水平学生的学习需求;教师要将更多的精力用于讲授环节，对于学生在实际应用中所带来的疑惑，无暇进行回答和解决。传统的教学模式忽略了学生作为学习主体的地位，阻碍了教学效果的提升，不利于对学生自主学习主动性、积极性与创造性的培养。翻转课堂教学模式中的课堂内外教与学的变换及研讨式、项目驱动式学习模式都与该课程的强实践性要求极为符合。因此在“网页设计与制作”课程中应尝试使用翻转课堂教学模式进行改革，以弥补传统教学模式的不足。
二、翻转课堂在“网页设计与制作”课程中的应用
翻转课堂不是忽略或降低教师的作用，而是对教师提出了更高的要求。它要求教师在设计教学过程时，不再只注重课堂，而是要将课前、课中和课后有机地结合在一起，进行综合的考虑和协调，将一条学习的主线贯穿其中。下面对翻转课堂教学模式在“网页设计与制作”课程中的应用过程加以说明。1.教学资源的准备(1)教案设计编写。教师根据课程教学大纲中的教学目标编写教案，建立一个完整的教学过程的规划设计。明确整个教学过程的教学任务、教学案例、拓展练习等具体的实施内容。(2)视频资源制作。教师采用视频录制软件，制作教学视频。每个知识点可以录制2～3个时长为5～10分钟的教学视频。大致可以分为：知识点应用的导入、基本知识点的讲解、教学案例的演示等。(3)其他资源制作。根据教案和视频，可以制作如学习指导、参考案例、拓展任务、辅助资料等学习资源。(4)上传教学资源。教师将录制好的视频资源和其他辅助教学资料上传到校内的共享学习平台或班级QQ群中，供学生利用互联网络在课前进行下载学习。(5)问题汇总整理。学生在自主学习、完成参考案例和拓展任务时会出现各种各样的问题。教师通过学习平台或QQ群收集整理学生的问题和反馈意见，对于简单的问题在线即可解答，对于典型或困难的问题在后面的课堂教学中重点解决。2.教学任务的实施学生通过网络下载学习视频和资料，在课前完成新课程的学习环节。通过课前的学习，学生对新知识点有了一定的了解和掌握。学生在课前向教师提交完成的练习任务或存在的疑难问题。教师在课堂上根据汇总和整理的问题或任务完成的情况，结合具体的任务实例讲解本课程中的重点或难点。这个部分一般控制在20分钟左右。然后教师布置新的拓展任务，并将学生分为小组模式，以小组的方式完成拓展任务。在分组练习的过程中，教师可以进行充分的引导和问题的解答，使学生与学生、学生与教师之间对新问题进行深入的研讨。利用这个环节加深和巩固学生对知识点的掌握及在实际问题中的应用。在课程的最后，教师进行适当的总结，并布置课后任务和新的课前学习内容。3.教学评价的建立在课程前，教师根据学生完成的任务练习或所提出的问题，评定课前的学习情况。在课程中，教师根据学生完成拓展任务及小组中的表现，评定课中的学习情况。这部分评定可以包括：自我评价、小组互评和教师评定。在课程后，通过作业练习或阶段考核，评定知识的掌握情况。通过对课前独立学习能力、问题研究讨论能力、团队合作协调能力、任务完成公关能力等多方面的综合评价，来促进学生的学习主动性、独立性和创造性，重新引导学生成为学习的主体。
三、翻转课堂教学模式应用的总结
随着翻转课堂教学模式在“网页设计与制作”课程中的不断实践和调整，其对增强课程的教学效果还是起到了明显的作用。教师所制作和提供在共享平台上的教学资源可以长期存放，并方便学生随时观看学习。对于临时缺课的学生，教师可以利用资源供其学习。对于领悟接收能力较差的学生，可以利用教学资源，方便他们在课前课后进行反复观看学习。这样既完善了个体的学习需求，又可以节省公共的课堂时间，提高课堂整体的教学效率。在整个运作过程中，笔者感受最深的是如果希望取得良好的效果，教师所付出的时间和精力要远远多于传统的课程教学所花的时间和精力。教师需要有耐心、细心和恒心;要做到课程专业知识的精、深和广;要不断地调整、不断地反思、不断地应对各种情况;要充分释放学生自主学习的潜能，将学习的掌控权交给学生。教师在课堂上转变身份，变为学习的引导者、教学资料的提供者、问题的解答者。使学生从被动学习向主动学习良好转变。
参考文献：
[1]罗金玲.基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例[J].电脑知识与技术，2016，32(19)：108-110.
[2]王娜.翻转课堂教学模式在高职网页设计与制作课程中的实践研究[J].科教导刊(电子版)，2015(10)：31.
[3]柏翠，程巍.浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用[J].科技资讯，2015，10(29)：164-165.
[4]魏春艳.项目教学法在《网页设计与制作》课程中的应用[J].电子世界，2013(8)：148.
[5]张金磊，王颖，张宝辉.翻转课堂教学模式研究[J].远程教育杂志，2012(4)：46-51.
伴随着我国经济的迅速发展，房地产行业发展一日千里，而由它催发的新生行业也如雨后春笋般快速崛起，其中以环境艺术发展最为迅速。那么为什么环境艺术设计发展会如此之快呢?它又因何而诱人?
步入21世纪后我国人民生活水平、居住水平有了很大提高，人们对居住的要求也从过去的房屋设计、室外设计、广场设计、园林设计、街道设计、景观设计、城市道路桥梁设计等硬件环境的设计，提升到现在重视人的生理、行为、心理环境创造等方面。这种设计要求的转变导致了我国环境艺术人才需求的增加。据了解，目前中国约有室内设计师20多万人，缺口达70万，按现有开设室内设计专业的大中专院校培养速度，18年才能满足市场需求。
既然环境艺术这么诱人，那它又要学那些课程呢，学不学的懂呢?著名的环境艺术理论家多伯曾经说过：“环境设计作为一种艺术，它比建筑更巨大，比规划更广泛，比工程更富有情感。这是一种爱管闲事的艺术，无所不包的艺术，早以被传统所瞩目的艺术”。又此可以看出环境艺术需要的是想象力，以及思维能力，并不像高数那样深奥难懂。
就专业的环境艺术培训学校陕西新华电脑软件学校而言，他们的课程设置主要分为三个阶段：第一阶段基础阶段:以计算机操作基础，Office办公自动化，计算机组装与维护，Photoshop图像处理，CorelDraw图形设计为主;第二阶段365计划阶段：以AutoCAD和建筑环境艺术设计，3dsmax建筑效果表现技法，Lightscape 建筑效果图渲染 ，Vray光影追逐渲染，建筑效果图设计综合实践为主;第三阶段TC精英阶段：以建筑制图高级技法，职场指导，精细化空间设计，个性化空间设计为主。
环境艺术正在以它就业待遇好，工作环境优美的独特魅力吸引着广大学子，根据国家人事部的权威统计，有7成年轻人希望成为设计专业人才。
推荐阅读：
网页设计师就业前景（推荐9篇）02-27
网页设计中版面布局设计及色彩搭配分析01-09
计算机网页设计中图像处理技术的应用分析09-14
网页设计师学习课程05-31
网页设计师的薪资08-05
网页设计师工作经验02-17
网页设计师求职信06-17
网页设计师薪资（通用6篇）08-17
网页设计师招聘（通用9篇）09-21
网页设计师条件（精选9篇）12-08
