《网页美工设计》教案-第四章 综合案例-旅游类网页设计制作 教案

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第三部分综合实训篇第四章综合案例——旅游类网页设计制作标题第四章综合案例——旅游类网页设计制作课时2课时教学目标教学内容与过程随着生活水平的提高，休闲度假已经成为人们重要的生活方式之一，成为一种时尚，旅行也成为一场随着心情说走就走的行动。而一个设计生动的旅游网站，可以有效提高人们来旅游的欲望。一、确定网站设计风格1、整体要求：旅游类网站的界面设计既要简洁美观、动感休闲、清新自然、自由活泼，同时又要特色鲜明、个性突出。当前，一些旅游类门户网站个性不足，不能体现当地特色，模式化现象严重。2、突出个性、特色的方法：确定明确的设计风格。如：现代简约风格、恬淡田园风格、新中式风格、欧式古典风情、地中海风格、清新风格等现代简约风格给人以时尚、简约、大气的感觉，恬淡田园风格则让人感受到沉醉于户外花影藤风的自然清新，新中式风格古朴典雅，怀古融今，让人勾起怀旧情怀，欧式古典风格则处处流露出尊贵典雅气息地中海风格海阔天空，闲适纯朴，使人仿佛感受碧海蓝天的清爽，清新风格带有轻淡的写意，散发出简约文艺之风。二、准确运用色彩搭配旅游网站的色彩搭配看似复杂，但并不神秘。要设计出合适的色彩，只需遵循特定的原则和掌握一定技法即可。1.整体要求：网站的配色要体现行业特征。旅游行业作为一种户外行动，与自然亲密接触，其整体性格特征中要更多体现出绿色、生态、活泼、自然、阳光、欢快、清晰、柔和、明亮等特点。2.个性要求：（1）主题明确、突出除整体特征外，不同网页要依据其要求呈现出个性特点，如不同旅游项目要主题明确、个性突出、风格迥异，以此加以区分，传达项目特点。（2）颜色与项目主题相符如：红色旅游选择红色、黄色为主，海景旅游选择以蓝色为主，辅以黄色、绿色，田园度假旅游以绿色为主，辅以红色、黄、蓝色，名胜古迹旅游以褐色为主、辅以黄色。3.配色操作技巧：(1)典型风景颜色以目的地的典型风景照片主色调作为网站的主色调，再以该颜色的不同明度为辅助颜色。同时辅以黑白灰。(2)贴近自然颜色以目的地典型风景的主色调作为网站的主色调，将其与贴近自然的颜色混合起来。用可以联想到自然的颜色作为辅助颜色，如：橙色（阳光），蓝色（水），绿色（植物花卉），黄色（沙滩）等等。(3)网页上留白白色（或灰色）是网站常用的基本颜色。在整体的色调上采用白色，用来突出各个模块的存在感。(4)定制模块化背景色将网页分割为不同区块，结合白色与其它颜色共同来设计区块颜色。不同的背景色可以给观众不同的感官与情绪体验。4.配色原则页面以一种颜色为主，其它颜色为辅，除黑白色之外的其它彩色多选择同类色和邻近色，便于色调统一。色彩数量一般控制在3-4种颜色。注意，前景对象要和背景颜色形成对比，以使对象醒目。三、设计、选用合适字体不同类型和不同主题网站应根据其特点和网页中字体的功能选用或设计合适的字体，合适的字体可以有效传递信息、引起观者注意、呈现项目特色、增强视觉美感的作用。（一）字体选用网页中字体分为两种，主体文字和非主体文字。主体文字类似于文章中的正文，其主要的功能是传达信息，为了使信息传达准确、高效，应选用识别度高、普及度高的文字，如：黑体字和宋体字，这类文字横平竖直、端庄稳重、易于识别。非主体文字在网页中主要承担着装饰和吸引注意力的作用，通常可以选择艺术字体、变体字或手写体等，其特点是活泼可爱、时尚新潮、自由动感、清新自然、柔和欢快等，可以有效起到装饰和吸引视线的功能。（二）文字效果设计为了满足旅游网站字体的丰富变化，可以对文字进行色彩、形状、角度、虚实、粗细、阴影、图案等调整、装饰，以丰富其效果。四、设计合适插图合适的插图能有效的传达网站信息和设计理念，同时又能让旅友们直观感受迷人的景色，起到事半功倍的作用。（一）插图类型网页中的插图通常有摄影、绘画、装饰画等。摄影照片直观、真实，而绘画、装饰画人为创作灵活、意向，更具想象和思考的空间。（二）插图颜色插图的颜色根据不同的主题进行设计，可以清晰自然、恬静安逸，也可以鲜