网页设计特点精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页设计特点主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页设计特点范文

网页设计能够综合文字、图片以及色彩等视觉元素将信息进行有效传递，在满足浏览者要求的同时能够创造出比较和谐的视觉效果，也可说视觉元素在网页设计中的运用具有非常重要的作用。本文分析了网页设计中视觉元素的作用并进一步研究了网页设计中视觉元素的运用策略。

关键词：

网页设计中；视觉元素；运用

随着近些年来互联网信息科技的发展，人们浏览网页的需求不断增加，而且对网页的要求也逐渐加大，为了改变人们的使用需求，网页在实际设计中需要逐步改变原有的风格，从而使网页在视觉表达效果上出现多样化特点。尤其是图像、文字以及色彩等视觉元素在网页设计中的运用，为网页注入了新的活力，使网页具有更加鲜明的特色，更加吸引人们的眼球，也使信息的传播更加快捷，成为信息传播的重要途径。但是在当前的网页设计中出现了网页质量参差不齐的情况，除了一些大型网站在社就上比较考究外，小型网站在设计上并不考究，甚至出现了视觉冲击，无法充分展现出网页的优势，而要优化网页设计离不开视觉元素，视觉元素不仅可以使网页设计更钾丰富多彩，而且使人们更加快捷的接收信息。因此也可以说视觉元素在网页设计中的运用具有非常重要的作用。

一、网页设计中视觉元素的作用

网页设计中的视觉元素主要包括图片、色彩以及文字等三大部分，主要是因为这三种元素都是人的眼睛能够直接接收到的元素，也正是由于视觉元素在网页设计中的融入，使网页设计更加的丰富多彩。视觉元素在网页设计中发挥着非常关键的作用，主要有以下几个方面：

1、视觉元素能够技法人们浏览网页的欲望

网页设计的诗视觉元素具有注视性等特点，这种特点的优势就是能够使网页设计更加受人们关注，这也是视觉元素中的基本特点，在网页设计中融入视觉元素就能够使人能更加快捷的获取与了解信息，使信息的更加明了，并使网页的内容更加丰富多彩，引起人们对网页的关注，激发人们想要去了解网页以及浏览网页的兴趣与欲望，从而实现网页设计的根本目的。

2、更好的适应外部环境的变化

网页设计中的视觉元素具有适应性特点，这也是网页设计中视觉元素的特色所在，正是由于视觉元素具有适应性，从而使网页更好的适应时展的特征，随着数字信息技术的改革与发展，给网页设计的环境带来了很大的改变，但是网页视觉元素是随着外界环境的变化而不断升级变化的，也只有在随和时展不断增加新的资料以及元素，才能够是网页更加的适应时代的发展，才能够获得更多的浏览量。

3、加深人们对网页的记忆

加深人们对网页的记忆主要是由于视觉元素中的注视性以及适应性共同作用形成的。视觉元素能够刺激人们的眼球，吸引人们去阅读网页中的内容，在阅读浏览过程中就会使人们对这些视觉元素加强记忆，同时视觉元素随着时代的不断变化发展又会有新的元素融入到视觉元素中，更进一步引起人们的关注，在这两种特点的共同作用下形成了视觉元素的记忆性特色，加深人们对网页的记忆。

二、网页设计中视觉元素的运用策略

1、文字的运用

文字是网页设计视觉元素中的基本元素，尤其是汉字是我国独特的视觉元素符号，可以表达出独特的信息，汉字在网页设计中占据很大部分比例，也使网页设计中的视觉质量有了很大程度的提升。在网页设计中为了增强汉字在网页中的有效性，在对汉字的运用中要去掉不必要的装饰，更加方便人们阅读，从而使网页的整体效果得到提升。文字在运用设计的过程中，要根据网站信息的内容以及特点出发考虑对文字进行设计，文字的设计风格要与实际的网站内容相符合不能够出现对立或者是脱节的情况，比如说：政府网站具有严肃大气的特点，这就需要在文字设计时利用文字的简洁大气的特征，而教育类网站在文字的使用中具有需要具有清新典雅的特点，商业网站中的文字就要根据商品特点等进行设计，从而利用文字特有的个性特征，以增强人们的的视觉冲击效果，给人们留下深刻的印象。因为文字的特点较多，比如说：有字体、字形等，给网页设计者带来很大的选择空间，在设计者进行网页设计时就要精心的编排与设计，利用文字的特点去增强网页的视觉美感，给人们留下比较深刻的印象。

2、图片的运用

图片作为重要的视觉元素在网页设计中扮演者非常重要的角色，网页在设计中对图片的运用也是非常重要的，图片与文字相比较，图片所激发的诗视觉效果要比文字的视觉效果更加强烈，而且图片所产生的视觉效果是立杆见影的，会给人们留下较为深刻的印象，在设计者在选择图片过程中要尽量使字节数较小的图片，主要是由于图片的大小会影响图片的传输效果，如果图片字节数少就会极大的缩短下载的时间，从而使浏览者能够在打开网页的过程中就能够看到图片，提升浏览者的满意度，另外在图片的编排位置、数量以及形式等方面也要引起设计者的重视，从而增强网页的整体视觉效果。图片能够提升网页的视觉效果，在网页中发挥着非常关键的作用，但是图片也具有一定的劣势，图片不能够准确的表达出信息内容，需要文字的辅助才能够发挥出更好的效果。

3、色彩的应用

色彩也是一种重要的视觉元素，在网页设计中也发挥着无可替代的作用，色彩这种视觉元素本身就具有非常独特的性质，充分的利用色彩能够增强网页视觉整体效果，在色彩的运用中设计者要注意以下两点内容：首先是色彩的主色调要根据网页整体主题思想来定位，再配上与主色形成对比的彩色字体，让人们在浏览网页的过程中感觉到清晰顺畅，这样也能更好的突出文字信息，图片在色彩的选择上也要以同色系的色彩为主，以更好的增强网页的整体效果。其次，在背景色的选择上，最好要与主色性相同或者是对比度较低的颜色，从而更加便于图片与文字的搭配，更好的识别文字。

总之，文字、图片以及颜色在网页设计中的运用，不仅提升了网页的质量，而且是网页设计更加的丰富多彩，更符合现代人的需求，但是视觉元素在网页设计中运用是一项非常复杂的艺术，对设计者的审美以及技能有较高的要求，因此，这就需要设计者在实际设计中不断对视觉元素进行改革创新以提升网页的整体效果。

作者：张涛 吴倩 展庆召 单位：石家庄信息工程职业学院

第2篇：网页设计特点范文

网页设计项目实践现状改革措施近年来，随着互联网的普及，上网人数与日俱增，网页又是互联网信息传播的主要载体，因此《网页设计与制作》课程就成为我国高校许多专业开设的基础课程之一。同时，《网页设计与制作》是一门极具创造性的实践课程，学习过程的枯燥和设计精美且具有创意的网页作品，这就使得大多同学对这门课既喜欢又无从下手。为此，希望通过对高校《网页设计与制作》现行教学过程的改革与探索，使该课程的教学过程变得既能引发学生的学习兴趣，又能充分调动学生的学习积极性和创造性，提高学生的实际动手操作能力，最终使学生能够运用上课所学知识进行具体的网页设计与制作工作。

一、《网页设计与制作》课程的特点

高等学校开设《网页设计与制作》的目的，是通过学生对本门课程的学习，培养学生的实际动手操作能力，最终使学生能够运用上课所学知识进行具体的网页设计工作。

《网页设计与制作》是一门边缘学科，同时也是一门实践性和应用性很强的学科，课程本身就能极大的激发学生的参与性，因此在教学当中一定要重视理论与实践相结合，理论教学服务于实践教学，因为实践是整个网页设计课程教学的重点，也是《网页设计与制作》这门课程的特点。

二、网页设计教学过程中存在的问题与现状

1.《网页设计与制作》课程的教学现状

目前，我国绝大多数高校《网页设计与制作》课程的讲授虽然相对以往的满堂灌的教学模式已经有大的转变，能够将实验教学、多媒体演示等现代化的教学手段融入教学当中，但仍然存在理论教学与实践严重脱离，设计内容与市场需求相脱离等问题，同时学生的实际动手能力偏低，这直接影响了学生的学习积极性与主动性，距离网页设计与制作的社会岗位要求甚远，无法胜任普通企业岗位等问题，这充分说明了传统教学模式已经完全不能适应现代社会的需求，我们的教学模式还存在很大不足，需要进一步改革。

2.具体教学中所存在的问题

《网页设计与制作》教学过程中存在的问题主要包括以下几个方面：

（1）教师教学水平有待提高

《网页设计与制作》课程教学，要求教师能够非常了解当前全国市场对网页人才的需求与要求，同时日益更新的网页设计理论知识和对计算机操作实践能力的更高要求，这对高校教师的授课无形中提出了进一步的要求，并且在网页设计的项目教学中，确定项目任务的是以不同行业的设计要求为前提，这就要求教师对各行业的行业特点及具体要求都有比较深入的了解与掌握，才能游刃有余地及时处理学生学习实践中的具体问题，而以上方面却是授课教师平时工作中最需提升的地方。

（2）课程教学目标不明确

《网页设计与制作》的教学应从社会对人才的基本需求点出发，围绕培养适应社会需求的应用型人才为目标开展教学。教学目标是整个课堂教学的出发点和落脚点。《网页设计与制作》是一门以操作为主的实践性课程，在具体教学中，教师必须明确告之学生每次教学的目标与要求，课堂涉及的重点与难点，这样才能引领学生进行具体的实践性操作并做到有的放矢，让学生真正学到有用知识。

（3）教学方法与手段滞后

高校学生基本都来自全国五湖四海，有的同学接触过计算机课程，也有从来没接触过计算机的课的同学。在本门课程教学中，应根据学科及学生自身的特点与要求来确定教学方法、模式与组织课堂形式。传统的单一且重复性较大的填鸭式教学方法与仅仅依靠多媒体讲授软件命令的落后的教学手段已经不能适应新时期的《网页设计与制作》课程的教学需要了，教学方法与教学手段的改进已到了刻不容缓的地步。

（4）项目教学在整个课程中的重视度偏低

本课程项目教学的关键是在已制定项目任务的前提下如何督促每位学生最终顺利完成该项目。而且现行课本实训部分的内容不仅课时分配较少而且只是一个简单的单机版的书本实训案例，严重脱离社会需求，只适合学生按部就班完成一个课堂作业，并没有实现真正意义上的项目创新设计与分工合作。

（5）考核方式不到位

《网页设计与制作》课程的考核通常主要是笔试或做一张简单的网页效果图，谁带课谁出题，学生出勤与项目任务的完成与社会已采纳项目的评分所占比例较低，对于网页设计这类操作性与实践性很强的课程，以上考核方法已完全不能适合该门课程的教学需要了。

三、网页设计课程教学改革方案

1.有计划提升高校教师的整体素质和业务水平

在网页设计课程教学中，教师的综合素质和业务水平都将直接影响到学生学习质量的高低，所以建设一支高素质的师资队伍是提高课改质量和效率、提高学生实践能力和专业水平的重要手段。社会需要学校培养出能适应市场经济需求的设计人才来，这对授课教师的知识结构和实践技能水平的要求更高，因此学校应积极鼓励教师不断更新、拓展和提高专业知识结构，同时学校应多方面支持专业教师定期或不定期的参加各种设计竞赛及科研项目及各类数字艺术交流培训活动，增加教师的进修和学习机会，加大师资素质培训，并创造利用校企联合的机会参与到企业或公司具体的设计项目中去，只有这样才能提高教师的整体素质和业务水平。

第3篇：网页设计特点范文

体现风格，突出主题一个网站的特点与风格要得到展示，除了要使页面内容与形式之间有机结合，还要使不同色彩有机结合。每一种颜色都有它所特有的个性，设计人员可以借助色彩心理学表达色彩的情感效果，以便更好地突出主题。网页区域划分应有统一的风格网站内容丰富，信息量大，设计师要对网页界面进行视觉区域划分。网页信息的分类布局，可以使用不同的色彩划分内容主次，规划视觉流程，统一网页的整体风格，给浏览者以完整的、易读的、富有导向性的视觉印象。引起人们的关注，加深印象网页设计或优雅含蓄，或动感强烈，或时尚新颖，或简单抢眼，能吸引观众的注意，是设计人员充分利用色彩的魅力来优化页面的成果，这种页面的色彩设计极大地提高了网页的艺术性，是提高访问率和网站知名度的关键。

网页设计中色彩搭配的原则

平面设计和网页设计最重要是色彩的搭配。当人们离屏幕较远时，第一眼看到的是页面颜色，而不是具体的图片与文字排版。因此，设计者在网页设计中除了要考虑突出网页内容的理性要求，也要遵循感性的艺术规律，从而设计出性格独特的网页。

1.特色鲜明一个网页必须有自己独特的色彩风格，以使看起来个性鲜明，给观众留下深刻的印象。

2.合理搭配一种色彩的应用：将选择的颜色调整透明度或饱和度，产生新的颜色。这种色彩的运用使页面看起来更统一，主次更分明。两种色彩的应用：在选择一种色彩后，然后选择其对比色。一个色系的应用：将一个感觉的色彩放在一起使用，如浅蓝、浅黄、浅绿，或者土黄、土灰、土蓝，等等。

3.艺术性网页设计含有艺术的成分，是一种艺术活动，有其艺术规律需要遵循，而网页设计师在考虑内容的同时，也要根据艺术的形式、特点、原则进行大胆的艺术创新，在符合网站要求的同时让网页各有特点。

色彩搭配要注意的问题

第4篇：网页设计特点范文

Flas是一种艺术与技术紧密结合、学科优势广泛的综合艺术表现形式，它常以多种与体验者互动的形式出现在网络和影视媒体中，如网页上的片头、广告动画等。一部Flas作品的设计与创作是将多种艺术门类和科学技术结合的综合过程。Flas应用领域十分广泛，如教育教学、网页设计、交互游戏开发、广告设计、短片表现等。Flas最重要的特点是画面中极易实现的交互效果。Flash作品良好的交互效果具有很高的艺术价值和实用价值，我们大致可将Flash作品的交互小姑分成三类，如剧情交互型、纯粹形式探索型、游戏交互型。

2网页设计中交互体验的重要性

网页设计中的交互性是人与页面间的交流，通过页面设计为受众提供一个平等的交流平台，开放性和不确定性是这个平台的特点。网页设计中的交互体验不单单会影响在计算机上的互动，还将对社会文化及现代传媒系统产生深远的影响。网页设计的终极目标是给受众提供更多信息和功能，让受众能轻松地找到所需信息。在网络大发展的背景下，人们获取信息多源于网络，每当人们获取信息、购物、在线聊天时都得面对页面，即页面设计的体验优劣成为人们驻足页面停留时间的重要决定因素。当下企业、文化行业、新闻行业、时尚业、体育行业等都开发了自己的网站，并将其作为与受众交流的平台，每个网站都有自己的独特风格，都有吸引访问者的特点。眼下交互体验设计成为新的吸引访问者的重要因素。这就需要我们不仅要对网站进行精心的创新设计，还要在设计中加入交互体验内容，不仅要清晰的表达页面内容，还要让受众能够参与进来，在具有交互性的环境中访问网站。Flash恰好能够通过它的“交互性”来连接受众与网站。

3网页设计中Flash交互功能的应用

在网站的商业推广中，Flash的交互体验发挥了很重要的作用。Flash交互应用优势主要体现在简单的流动式互动体验和复杂的互动式动画体验中。网页设计中融入了Flash互动体验能够增大网站的活力，进而吸引受众的注意力。Flash强大的交互性很大程度上来源于它的脚本语言，它是一种专门的程序语言，采用统一的编程思想。若想得到最佳效果的网页设计，恰当合理的引导是重点，每个引导过程都要有明确清晰的轨迹。恰当的应用Flash交互功能不仅能吸引受众的兴趣，同时它的交互性又能让受众很好去体验信息交互带来的兴奋。在浏览网页的体验中，交互功能是人们各种感官集合的延伸。在融入flash交互体验思维的网页设计中，受众可以随时通过互联网来查看自己的作品，并与作品进行交互体验，使作品在网络中大范围的传播。网页设计中，信息的流动性会很强，受众不但拥有自由的选择权，而且还能够制约信息对象按照受众的意愿进行处理。在受众与页面的互动体验中，受众的主体意识得到很大的提高，创造力和思维被极大的激发，进而改变受众的思维模式，受众的互动能力被调动起来。

4结语

第5篇：网页设计特点范文

在我国，视觉传达教育起步较晚，但是发展迅速，其人才培养和教育模式倍受社会关注。目前很多高校在艺术类网页设计课程的教学上存在两种主要现象：一是重设计、轻制作；二是重软件、轻艺术。第一种培养出的学生一般只注重静态页面的视觉效果，对网站的动态更新关注较少，不利于网页后期维护；第二种培养出的学生侧重于Dreamweaver、Flash等软件的操作，对网页的版式、VI形象等关注较少，制作出的网页往往缺乏个性、艺术表现力不强。因此，对视觉传达专业的网页设计课程的教学改革势在必行。

二、课程教学目标的重新确定

我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以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实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。

四、结语

第6篇：网页设计特点范文

【关键词】新形势；电子商务网站；网页设计与制作；web标准

前言：

互联网时代的到来，改变了人们以往的生活习惯，而且对很多行业岗位产生了较大的影响，尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要，不仅起到了宣传企业文化作用，而且也是企业拓展新业务、维护客户的重要平台，这是互联网时代的发展为现代企业单位开辟的新路径。

一、新形势下电子商务网站网页设计与制作的目标

所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化，以及人们思想意识的转变。随着各领域贸易的日益频繁，使得商家更依赖电子商务平台，因其成本低、信息资源丰富等特点受到了广大社会群体的认可。

（一）电子商务网站设计与制作的根本目的

在电子商务平台之上，我们可以清晰的看到商品本身的形态、特征以及价格，而且，越来越多样化的网站网页设计形式层出不穷，促使电子商务平台建设的格局逐步升级，新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看，能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。

（二）网站网页设计与制作要能够技术合规且突出重点

具体来分析，对于电子商务网站的设计要突出其功能性，需要最新的电子计算机技术来为其做支撑，程序的设计一定要能够顺利运行，通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言，结构和形式要突出层次感，内容要尽可能丰富，从而将电子商务的关键内容呈现在网页的重点区域，便于人们登录浏览。

二、电子商务网站网页设计与制作所需技术

对于电子商务网站网页设计来说，能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去，就是一项成功的设计。在实践过程中，需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看，电子商务网站网页设计的思想是通过缜密的开发流程来体现的，通过对SHOPEX网上商店系统的制作，进而达到管理网店、拓展业务的目的。从实质上来看，Web标准不是单一的技术标准，而是一个完整的技术体系，其层次较为清晰。在Web标准的支撑下，设计者可以很好地将网站网页结构分割清楚，并能够提升网站开发的效率，降低设计及维护成本。总之，从Web标准的关键技术来看，整个技术体系都是以Web标准基本思想为基础，采用一套有效的开发流程，对SHOPEX网店系统进行电子商务网站的网页设计与制作，最终，这种开发流程在实践过程中得到了验证。

三、电子商务网站网页设计与制作过程

在具体进行电子商务网站网页的设计与制作的过程中，首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题，然后，要缕清设计思路，规划出详尽的设计方案，做好网页结构的编排，最后，细化网站结构，完善网页制作的细节。只有按照规划好的流程来，采用合适的网页设计技术及软件，才可以将电子商务网站网页设计和制作的过程完成。

（一）电子商务网站网页的设计内容分析

通常情况下，网站设计的方案要符合当下人们的审美观，简单来说，就是要符合大多数人的视觉习惯，并需要做好合理规划。对于电子商务网站的设计而言，要能够利用大块区域来突出贸易活动的主体内容，并让企业的产品、服务等项目列在最为突出的位置上，只有本着重点突出的原则，才能让浏览网站的客户清楚的看到企业的业务及文化，从而令其产生交易的想法。

（二）网站网页结构编排与方案设计

以Web标准下的网店系统开发为例来看，在进行网页方案设计之前，网页模版的开发较为重要。在实际设计及制作的过程中，采用了SHOPEX网店系统开发的模版来为其做支撑，在每个设计模块区域放置一个独立的设计内容、产品或服务，这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后，要进行网站网页内容的填充，逐步细化网站结构，增添时尚感的素材完善网页制作。

结束语：

通过分析电子商务网站网页设计的特殊性，结合基于web标准的制作技术，来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响，并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下，开发了一套高效制作电子商务网站网页的系统，并且将其应用于实践，取得了良好的实践成果。总之，以web标准下为例来看，新形势下电子商务网站网页设计与制作已经不同以往，需要改换新型设计内容、结构设计、方案设计等内容，只有这样，才能突出现代电子商务网站网页的设计特点，抓住人们的视线，从而促进电子商务的快速发展。

参考文献：

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03（03）：106-109.

[2]郑伟，张永良，郭伟，张学琴.《商务网页设计与制作》项目课程的开发与建设[J].杨凌职业技术学院学报，2010，04（04）：71-74.

第7篇：网页设计特点范文

关键词：网页设计与制作；教学内容；教学方法

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。

《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。

1理论教学

1.1课程目标

《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：

1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；

2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；

3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；

4)使学生能够用Flash进行网页动画的简单设计；

5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。

1.2课程内容

1.2.1 HTML网页设计

重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。

1.2.2 DIV+CSS网页设计

DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。

该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。

1.2.3 Photoshop图像处理

重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。

课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作

重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。

1.2.5 JavaScript程序设计

JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。

1.3教学方法

该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。

教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。

1.3.1模块教学法

根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。

1.3.2案例教学法

在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。

2课程实践

2.1实验题目的设计

结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。

2.1.1 HTML网页设计

实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。

2.1.2 DIV+CSS网页设计

实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。

2.1.3 Photoshop图像处理

实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。

2.1.4 Flas制作

实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。

2.1.5 JavaScript程序设计

实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。

2.2自学模式的创建

为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。

2.3参与教师科研，以研促学

鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。

2.4成立网页兴趣小组，拓宽知识面

组织成立网页课程的兴趣学习小组，具体活动包括：

1）举办讲座：资深开发人员的经验报告，网页知识讲座；

2）举办竞赛：我院已成功举办两届网页与flash设计大赛。

这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。

3课程实训

网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。

实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。

平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。

课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。

4结束语

明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。

参考文献：

[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.

第8篇：网页设计特点范文

人们不断追求完美，网页设计亦是如此。它要考虑如何使受众能更多更高效的接受信息从而使他们对网站留下很好的印象。古往今来，关于形式美的规律被很多艺术家和学者所提出，因此，在网页设计过程中，设计者必须去研究，并主动地掌握并运用这些规律去发现美。当然，各个时代审美观念和美学特征不同。在信息高速发展的今天，新的审美需求随之产生。将网页设计推向了更高层次的境界，这也是网页设计发展的必然趋势。这就要求设计师们遵循条理与反复、变化与统一、均齐与平衡、对比和调和、节奏与韵律等原则，以及对网页中文字、图形、色彩的设计的规律，创造优秀的网页作品。

（一）网页的内容与形式必须统一和谐

任何设计都有一定的内容和形式，形式与内容的统一是设计网页的基本原则之一。一方面，内容占据主导地位，是设计存在的基础，被称为“设计的灵魂”；另一方面，形式不仅直接影响设计作品的表现，而且也有自身的审美价值，具有相对独立性。它要兼顾整体效果与细节的视觉效果。如图1《龙门飞甲》的电影主题网站的设计，网页视觉效果相当成功。设计师通过考虑电影宣传效果及网站整体功能要求的同时，在设计形式上赋予变化创新，不仅实现了形式美的表现，也深化了作品的内涵。

（二）主题元素突出

不同类型的网站都有自身所特有的主题，并按照阅读习惯和视觉心理将主题形象地传达给观者，使观者更好的理解和接受它，并满足观者的视觉审美需求。适合主题的需要是网页设计的前提。将自己的设计思想与网页的主题精髓相融合，才能展现网页设计所特有的审美形式。作为主题要素，要想成为观者的视觉焦点就必须注意编排的位置，从而使观者产生深刻的视觉印象。

二、创新性的视觉艺术表现在网页设计中的运用体现

（一）加强网页整体布局，合理分配版面提高网页整体美感

在网页设计中，很重要的一点是，整体一致性不仅存在于某个网页设计中的每个元素之间，也存在于整个网页上——一个网页必须被视为一个完整的单元，这就要求网页设计在整体的风格，色彩上保持统一。网页的整体性不仅包括功能上的整体性也包含了形式上的整体性，作为信息传达的重要载体，需要在特定的时间和空间环境里被人们所理解和接受，从而满足人们的使用需求。这就要求网页设计师在进行设计时，首先考虑网页的整体布局与版面的合理分配。

（二）传统与创新相结合，合理运用视觉色彩提升视觉冲击力

色彩作为网页设计的一个表现元素，不仅具有吸引浏览者视觉和维持网站形象的效果，而且具有有效传递页面主题信息的功能。在网页设计中，我们可能第一眼感知到的设计元素就是色彩了，如果设计色彩过多，用色过于混乱，造成了浏览者的视觉疲劳，久而久之容易导致网站浏览量的下降，难以达到视觉传达的目的。如图2，十二星座系列的官方网店的制作，运用主色调为蓝色的梦幻主题，彰显十二星座的特点，给人以遐想的梦幻空间，突出整个网店的风格和主题。

（三）灵活运用现代科技手段，发挥各大软件的优势

做出一个优秀的网页设计作品，要灵活掌握相关电脑软件，如：“Photoshop”“DreamWeaver”“Flash”“FireWorks”“AI”等，我们要熟练掌握这些设计工具软件，做到活学活用，并且就其特有属性将各种软件巧妙地结合起来。例如利用多维空间、动画3D技术等，静中求动，在二维空间中追寻三维甚至多维的智能化的设计。又如，我们将平面设计软件Photoshop与动画软件Flash软件进行穿插配合使用，把动画设计能在时间和空间上将物体进行运动的表现优势运用在网页设计制作中，从而使画面更加生动活泼，赋予强大的表现力和视觉冲击力。如图3、4运用平面软件与动画软件相结合穿插的使用，实现了网页的智能化设计，使画面更加生动。

（四）突出注重设计技巧，体现网页风格个性

第9篇：网页设计特点范文

关键词：色彩心理学；农产品电商网站；应用

一、电商网页设计的概述

相对于传统的产品营销和推广方式，电商网页所蕴含的的信息量更为丰富，并且可以通过文字、声音、图像、动画等多维度展现产品特点。农产品购物网站作为众多产品的代表，是互联网时代典型的新营销模式的代表。相对于传统的叫卖模式的农产品购物方式，如今通过电商平台可以更为有效的传递产品信息，大众点评，以及相关信息作为某产品来年的选种数据。一个好的网页设计可以通过版式，页面架构，多媒体展示，以及良好的交互体验吸引客户。而如何将这些元素行之有效的串联起来，则要通过网页的色彩设计。

二、电商网页中色彩设计原则

色彩设计，构成了访客对网站第一印象。网站通过对色彩的合理搭建，可以唤起购买者共鸣，在形成对网站形成一定记忆性的同时，提升他们对品牌的好感度和认知度。与此同时，合理的情感引导，可以使顾客更加容易接受产品传递的信息。因此在网页色彩设计的选择上必须遵守相应的原则，从而使页面的呈现出的效果张弛有度。

（1）整体性

网站设计首先需要为网站的整体设计选定一个色彩基调，用以体现网站的形象和品牌调性。根据整体性原则，网站色彩选取一般不超过3种。过多色彩的选用会导致视觉语言的混乱，造成视觉误导，从而影响网页呈现的逻辑。与此同时，在色彩选定的同时也要确定颜色的主次层级以及主次颜色间所体现的相应比例。在视觉上占据了较高视觉比重的色彩设计在一定程度上体现的是访客的情感和心理。因此，选择正确网页色彩配色，可以为网站建立起符合形象的视觉语言，从而更为有效的搭建起与用户之间的桥梁，有效传递产品信息。

（2）原则性

在网页设计中，将不同的色彩按照和谐、均衡和重点突出的原则搭配组合，从而构成产品页面。但在这个过程中不得忽视所搭配的色彩对用户心理的影响。根据色彩心理学的理论，按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的物质，如红色象征血、太阳；蓝色象征大海、天空和水面等。另外，不同色彩在不同人心中所反应出“性格”各异。网页设计正可以利用这点，表达情感。

如，电商清凉夏日的购物页面一般选用，蓝天，海洋，绿岛等冷色系为主的景色搭配，所要给用户带来就是一种清凉，清爽的夏日体验。又如，在日常反应食物的颜色一般偏暖色。如果将这些熟悉的颜色替换成冷色，就会在用户的心理上引起一定的不适。

（3）和谐性

网页色彩搭配的和谐性是在网页设计中不可忽略的一个部分。在网页设计时不仅要从从全局出发，确定网页的色彩调性，也要保持色彩平衡，避免采用单纯色调而减弱了明暗对比。为了使色彩均衡和谐，可以通过选用中间色的方式，使网页整体色调呈现趋于平衡。除此之外，选用色彩饱和度高以及纯度较高的颜色时，不应该忽视它们所具有的强烈的情绪反应，长时间容易导致视觉疲劳。可以根据产品的实际诉诸点，适当的加以调整。

（4）辨识度

网页通过合理的色彩搭配所在用户形成良好反应可以形成相应的色彩辨识度。即通过所见的类似色彩确定网站的调性，以便用户识别和查找。网页的整体基调后，不宜轻易改变。即使是网页的承载信息根据要求不断的更新，也应该在整体色调不变的情况下进行拓展和创新。这种在不影响用户认知度和记忆力的方式，可以有效的避免访问用户流失。（+案例）

三、网页配色在农产品网页中的体现

在农产品的网页设计中，设计师可遵循上述的原则，根据网页产品所要体现的产品调性、网站的定位和产片特点来选取色彩，做到对待具体案例有针对性的进行设计。具体的农产网页设计在色彩搭配上具有固定的组合形态，通过对这些色彩搭配的分析可以确定网页的呈现效果。

（1）黄绿搭配的普众型

绿色从一开始被认知就和大自然与植物紧密相关。因此其健康，积极，生机，有机，温和等性格特点也就顺理成章的被广大的农产品网站当做网站的主体色调。而绿色作为一个非常灵活的色彩，在呈现时也可以体现出不同的方式方法。作为邻近色黄色同它的搭配是现如今农产品网页设计色彩搭配的主流。在一方面展现产品，有机，天然，健康无害的同时，又不失“温暖”；在推出某款夏日清凉水果的时候，黄和绿的配比的橄榄绿可以在保证产品主调稳定的前提下，展现夏日的生机。农产品网站在使用绿色的时候，根据产品特性尤其注意绿色的纯度和色相上的把握。例如本来生活的首页呈现。网站的整体农产品的色彩呈现上明度偏高，所以网站在色彩配比上并未使用纯度较高的绿色，而是有意识的降低绿色的纯度和明度，以便不会宣兵夺主。

（2）暖色系的小众型

除了以绿色为核心的色彩呈现外，以黄色为主的暖色系的颜色配比也在被相应的运用到农产品的网页设计中。如之前色彩心理学中提及的，食物一般以暖色系的方式呈现，这不仅是符合人们长期的视觉规律的结果，也是色彩所在人们心理产生的情绪引导。

根据色彩心理学黄色随着配比的色相、明暗度、以及色度的高低，都会在这种比较中产生前进感。因而一个以黄色为主的暖色系农产网站，更容易让访客有一种亲近感。区别于过于大众化的绿色农产网页设计，看似别出心裁的暖色系网站，更容易引起受众注意。

（3）低纯度和明度的高雅型

无论是任何网页设计都要根据产品的调性确定页面的调性。面对农产市场一些高端农产的诞生，许多网页在设计色彩的选用上也倾向于一些带有文化气质的“无彩色”。这样的网页呈现方式一般将明度和纯度降到极低，使得色彩展现极少的感彩，而把重点放在强调产品自身的特点上。如图所示这两款产品，低纯度和低明度降低了受众强烈的视觉情绪，相反的简洁清晰的表达方式和环境，却产生了一种距离感和典雅感，而在情绪上所表现上则趋于平缓冷静。这在无形当中强调了产品的特性和层次，突出了不同于大众产品的售卖特性。

总结

色彩设计和选择在一定程度的方向上引导着整体网页的视觉呈现。而农产品通过对自身产品调性的掌控，按照色彩设计原则的指导，不仅可以搭建起符合产品调性的产品网站，同时也能结合颜色所产生的情绪，提升用户的关注度和对产品的认知度。

（作者单位：湖北工业大学艺术设计学院）

参考文献：

[1]田婧，黄晓瑜.网页设计中的色彩运用艺术.美术教育与研究.2013.06