(电子商务)美工教学计划

目录
一、网页平面构成（6学时） (2)
1、运用点、线、面的相关知识制作网页Banner。

(2)
2、运用点、线、面的相关知识制作简单网页。

(2)
二、网页色彩搭配（8学时） (3)
1、丰富多彩的色彩心理与实践。

(3)
2、变幻莫测的色彩搭配技艺攻略。

(3)
三、网页字体设计（6学时） (3)
1、千变万化的字体设计。

(3)
2、常见字体特效设置。

(3)
四、网页排版布局设计（6学时） (4)
1、排版布局在网页中的艺术表现形式分析。

(4)
2、锦上添花的网页排版而已实践。

(4)
五、网页Logo设计（4学时） (4)
1、制作心港俱乐部Logo。

(4)
2、制作七彩创意工作室Logo。

(4)
六、网页Banner设计（6学时） (5)
1、制作旅游网站Banner。

(5)
2、制作电饭煲网站Banner。

(5)
七、网页导航条设计（4学时） (5)
1、制作安哥建材有限公司网站导航条。

(5)
2、制作音乐网站导航条。

(5)
八、网页按钮设计（4学时） (6)
1、制作水晶按钮。

(6)
2、制作3D按钮。

(6)
九、网页栏目框设计（4学时） (6)
1、制作木质栏目框。

(6)
2、制作购物指南栏目框。

(6)
美工实训兴趣班课程是在学习了Photoshop和Dreamweaver软件之后学习的一门综合实践课程。

适合对美工设计有一定的功底、有兴趣爱好、有志从事互联网美工事业的学生和社会人员。

本兴趣班教学计划在内容上注重反映技术发展和职业岗位变化的要求，涵盖典型工作任务，注重将实践问题、理论我知识和操作技能相结合。

每一个项目都具有很强的实践意义。

学完本课程可以从事电子商务美工、网页设计、平面设计等工作。

本兴趣班教学计划的主要内容包括：网页平面构成、网页色彩搭配、网页字体设计、网页排版布局设计、网页Logo设计、网页Banner设计、网页导航条设计、网页按钮设计、网页栏目框设计等项目。

为了提高学生的审美及设计能力，本兴趣班教学计划在相关设计理念的基础上，将平面构成、色彩构成等知识与设计实例紧密结合，旨在展现网页平面设计全过程，提高学生的综合技术水平和创新思维能力。

项目及学时安排如下：
一、网页平面构成（6学时）
1、运用点、线、面的相关知识制作网页Banner。

本任务是制作某时尚女装网站的网页Banner。

Banner主要用来展示站点的主要宣传内容、站点形象或广告内容。

本任务在制作前提供相关素材，要求学生结合已学习的点、线、面的相关知识，在遵循形式美法则的基础上，以暖色调作为背景颜色，绘制简单的网页Banner。

2、运用点、线、面的相关知识制作简单网页。

本任务是运用点、线、面的基本知识，按形式美法则的基本原理，制作简单网
页。

本任务已提供相关素材，结合学习过的相关知识，运用有提醒和强调作用的点和线作为导航，有美化和分割作用的线和各要素及留白构成的面，绘制简单的网页。

二、网页色彩搭配（8学时）
1、丰富多彩的色彩心理与实践。

本任务将修改图片的色调，运用素材图片，快速给树木图片增加艳丽的秋季色，调出迷人的秋景效果图，处理之前利用Lab模式进行简单的图片叠加，适当增加图片的暖色，然后再回到、RGB模式，用通道混合器快速转为暖色，最后运用蒙版调整好局部颜色。

2、变幻莫测的色彩搭配技艺攻略。

本任务制作女性美容网站页面，在制作前提供了相关素材，结合素材本身的特点和女性网站的特征，采用简单明了、图文并茂的方式进行设计，以象征女性优雅、娇柔并充满无限魅力的紫色系作为页面的主色调，运用清新、自然的色彩搭配，营造和谐、柔美的氛围。

三、网页字体设计（6学时）
1、千变万化的字体设计。

本任务是修改网页中文字的字体、字号和位置，感受网页中千变万化的文字效果。

素材图为一美容机构的局部截图，网页的布局、图片的配置、色彩的整体搭配都非常美观，但是由于网页中的文字使用不当，使网页看起来相对呆板。

在视觉传达的过程中，文字除了传递信息外，还具有传达情感的功能，因此它必须具有视觉上的美感。

2、常见字体特效设置。

本任务是制作水晶特效字体。

提供相关素材，结合学习过的字体相关知识，运用“图层样式”等功能，制作文字的特效效果。

使文字在有效传递信息的基础上，显示出更独特的魅力。

四、网页排版布局设计（6学时）
1、排版布局在网页中的艺术表现形式分析。

本任务是制作厨师培训机构的网站页面。

结合素材的特点和网站本身的特征，运用给人以香酥感觉的黄色作为页面的主色调，运用水平线，规范、理性地交页面分成横向三栏，整个版面主要以图片和简单文字为主，既规范简洁，又轻松随意，给人以美的体验和强烈的视觉冲击力。

2、锦上添花的网页排版而已实践。

本任务是制作手机网站页面，结合素材的特点和网站本身的特征，运用蓝色系作为页面的主色调，运用经典的分割式设计版面，图片部分显得轻松活泼；方案部分显得条理清晰，整个版面主次分明，产品的各部分功能轻松展示，更便于浏览者找到所关注的信息。

五、网页Logo设计（4学时）
1、制作心港俱乐部Logo。

本任务是制作心港俱乐部Logo。

“心港俱乐部”是一个网络摄影俱乐部，这个俱乐部的经营理念为：坚持休闲娱乐、学习提高、沟通交友三原则，用心做到真诚、热情、礼貌、激励、包容、大气。

因此Logo设计为三颗等大的心状图形，象征着俱乐部的三个经营原则，体现用心、公平的特点。

2、制作七彩创意工作室Logo。

本任务是制作七彩创意工作室Logo，这个团队共有7名成员，这里选用七种不
同颜色象征着7位成员年轻富有朝气且创意风格各异，七段彩条长度相等，紧紧绕在一起，象征着这个团队中每个成员协作的精神。

六、网页Banner设计（6学时）
1、制作旅游网站Banner。

本任务是制作乐游旅游网的Banner。

该任务主要应用了热气球和风景图片素材，以绿色大自然为主，热气球和星星为点缀，巧妙组合素材，体现出“这晨是梦想旅途的起点”的理念。

2、制作电饭煲网站Banner。

本任务是制作煲中宝电饭煲的网站，制作前教材资源网站中已提供了电饭煲、米饭和温馨家庭素材，结合素材的特点，可以确定，电饭煲的Banner以柔弱的线条、温馨的家庭为主题，以简洁大气为风格。

七、网页导航条设计（4学时）
1、制作安哥建材有限公司网站导航条。

本任务是为“安哥建材有限公司”制作网站的导航条，结合已有Logo的特点，可以确定导航条的主色调，也可以通过水平排列的方式，简单地将文字排列开，并用曲折的点线将其分开，使静态的导航有了一丝自由与动感。

2、制作音乐网站导航条。

本任务不需要使用任何图像素材，利用色块组合出一个动感的导航条。

该案例的亮点主要体现在曲线与色块的组合，按钮方向的随意性，使得导航条富有音乐动感。

八、网页按钮设计（4学时）
1、制作水晶按钮。

本任务主要学习水晶效果在按钮上的应用，以达到更加生动、有趣、诱人单击的效果。

2、制作3D按钮。

本任务是制作网站经常能用到的注册按钮，按钮设计风格与网页整体设计搭配，这里应用渐变，在平面内展示立体效果，制作强立体感的3D按钮。

九、网页栏目框设计（4学时）
1、制作木质栏目框。

本任务是制作木质感觉的展示栏目框，从栏目框的基本材质入手，让栏目框更加生动，富有立体木质感，时尚简约。

2、制作购物指南栏目框。

本任务制作购物指南栏目框，用圆形概念的纹理特征，使得栏目框浑然一体，效果也更加强烈。