网页欣赏精品分析教学平台的设计

张德宝

(福清市龙华职业技术学校，福建 福清 350300)

1 网页设计课程中存在的问题

观摩了不少教师网页设计课程的公开课，与很多学生沟通了学习专业课程中存在的一些问题，发现部分学生对学习网页设计课程的兴趣不高，究其原因，由于整个课程设计教学情景的创建不突出，教师很少在课堂上展示国内外一些精品网站的作品，完全是依照课本的知识顺序抽象地进行授课，提不起学生的学习兴趣。学生则依照老师所讲的内容模仿训练，没有更多的时间进行思考和创意设计构思，师生间的互动不得当，造成整个教学过程的教学形式单一、教学效果差等结果[1]。

2 构建教学平台的基本要素与设计技巧

当我们欣赏一些大师的作品时，会从他们对界面设计的细节上发现：每个作品的网站界面设计和色彩运用风格均有所不同。当我们打开任何一个网站的页面时，给我们留下最深印象的不是内容的丰富，也不是界面的布局，而是网站的色彩。由此可以看出，网站的色彩对构成界面的视觉效果是非常重要的。网页欣赏精品分析教学平台的构建要素应做好以下几方面工作[2]：第一，网页界面设计的色彩搭配和运用【色彩搭配设计】；第二，网页界面设计的风格形式与定位分析【Dreamweaver网页设计】；第三，网页界面整体的图像、文字及其排版设计【Photoshop设计】；第四，网页界面中的动画表现力【FLASH动画设计】；第五，网页界面设计的创意与构思【综合知识的运用和整合】。

由此看出，一个网站界面设计所运用的教学知识点在不同的领域，创作的角度与风格是有所区别的，这就要求教师们要依据自己的设计风格，运用自己的知识和教学经验及最大化的软件运用能力，透彻的分析和解读网站设计精品，让学生们逐步建立起学习网页设计课程的兴趣，通过对各种精品的欣赏，领会不同类型网站设计的风格和艺术表现手法。逐步完成一套：作品欣赏—创意构思—知识运用—作品设计的自我学习过程。整个教学平台的设计原则如下。

2.1 备足功课是创建教学情景的关键

网站界面的视觉构成设计是一种思维训练的过程，更是知识综合运用能力的展现，教师在这一教学环节中，备足功课是首要任务。将色彩、版式设计、动画分析等知识综合地运用在一起是创建教学情景的首要环节[3]。通过演示、分析及作品讲解，让学生们从欣赏的角度去品味大师们在设计上的创意理念、色彩构成的恰当运用以及细节上的处理，使学生的视觉思维在感知形体结构中形成准确的定位。

2.2 剔除错觉是教学设计的主要环节

在教学设计中，剔除错觉是正确感知世界的一个重要环节，为我们进行网页设计教学时形成确切的概念和严谨的布局打下良好的基础。一般情况下，网页界面设计的视觉构成应该把握以下几种设计思路：A.单点和多点视觉的表现；B.直线、斜线和曲线视觉的表现；C.圆形、方形和自由图形视觉的表现；D.点、线、面混合视觉的表现。如果单纯地运用点、线、面，其界面有可能会单调、乏味，反之，如果能在设计中合理地安排好点、线、面之间的关系，就能设计出丰富且具有极佳视觉效果的界面。如图所示。

2.3 创意设计是教学设计的灵魂

好的界面创意可以让人印象深刻，过目不忘，内容深入人心，使作品个性鲜明、充满魅力。创意的形式是在平时学习、收集素材的过程中孕育的，是一个不可复制、厚积薄发的过程。创意设计就像是界面设计的灵魂，是设计者智慧的释放[4]。如图所示。

2.4 色彩运用是教学设计的情感特征

网页界面的色彩运用是具有极为丰富的感情含义。在网页界面设计中，色彩的运用尽量不要超过4种以上。用色太多会导致作品没有方向性、没有侧重感，容易产生色彩杂乱的感觉。教师在教学作品评价中要对学生进行用色上的指导。色彩搭配合理，可以产生和谐统一的效果，形成协调的视觉韵律。

2.5 简约设计是教学设计的加减法

在网页设计中，要学会使用白色来进行画面对比。在某种程度上，留白是为了给观者留下思考和透气的空间。许多人倾向于过度填充他们的界面，使人们在视觉上感到疲劳。保持干净和适当的空白更能让用户保持愉悦的情感去浏览下去，只有舒适的网页界面才会受到欢迎，才能达到更好的传播效果。为此，网页设计时要学会加减法，从设计的第一个元素开始，就要不断地运用加减法来搭建画面，适当运用放大或缩小，不断地变化。当加法做到一定的量时，再去做减法设计，这是对界面整体把握能力的一个评估。例如：大胆地去除边框，让画面更通透大气，视觉元素更丰富，但不乏美感。科学合理地运用加减法是我们不断追求完美设计的过程。

3 网页设计的重要过程——减少视觉感知

减少视觉感知是通过移除和隐藏来减少设计的复杂性。降低“视觉感知”的复杂性也是网页设计中一个非常重要的设计过程，而空白和对比无疑成为有效减少视觉干扰的重要手段。因此，在设计页面的视觉布局时，要适当的留白来平衡页面元素。另外，在使用空白的同时，还要保证其对比感。要学习如何用最少的视觉变化来表达思想，使设计元素之间有主次感。

可透气的白色空间不像淡白，用有趣的设计来刺激用户的视觉神经，使设计作品更有思想性。例如，在留出必要的空白之后，试着给文本添加一些修饰，或者在段落中添加一个小图标。适当的修饰是必不可少的。

4 结语

网页欣赏精品分析教学平台的设计，可根据不同的课程教学内容，有效地避免教学情境的单一化。这种教学方式有助于学生在学习中最大限度地发挥自我潜能，从而赢得同伴的尊重，对于增强学生的自信心和提高学习积极性起到很大的促进作用。

综上所述，网页欣赏精品分析这一教学平台，是依据中职学生学习能力 “最邻近发展区”来建立的一种情境教学法，通过这种欣赏分析的教学手段，不断地把学生的学习能力和智力潜能提升到更高的水平，使学生的创作理念走到实践学习的前面。