网页美工设计详解

本门课程主要是通过几种设计软件的综合应用，讲解作为一个网站美工所必备的基础知识和技能，让学生从单一软件的学习中走出来，转化为多元化的实际应用。选取的案例均是当前网页美工领域实用的案例，穿插讲解相关理论。共分为4章，网页制作流程和设计常识部分、平面造型及设计部分和动画设计部分。
    第一、二章： 网页制作流程和设计常识部分——主要让学生了解传统网站布局结构，通过案例学习网页布局方案及制作流程，讲色彩知识在网页中的运用及网页规范；第三章： 平面造型及设计部分——主要进行网页相关元素的审美培养并介绍相关设计原则，通过Photoshop、CorelDraw等平面设计软件制作效果优秀的网页元素，了解网页元素构成的规律； 第四章： 动画设计部分——主要通过制作Flash在几个主要的设计（应用）领域中，运用动画技术满足网站前台特效，以及企业产品广告演示等需求。结合实际案例解析，解释如何在Flash中实现的关键步骤，掌握不同设计（应用）领域中常用的Flash程序设计手段

第一章网页布局与制作流程

第一节 网页设计布局（上）

学习常用的网页布局模式：上下结构式、左右结构式、上左右结构式、上左中右结构式；会对网页结构进行变形；学习网页设计的风格类型

第一节 网页设计布局（下）

案例演示制作，用PS设计网上商城二级页面

第二节 裁切网页效果图

学习切片与切片的相关命令；案例制作：裁切网上商城二级页面

第三节 网页制作流程

学习网页制作的流程，案例制作：在DW中制作网上商城二级页面草图。

第二章网页设计与配色原则

第一节 网页设计原则

本节主要学习了网页的设计原则：（1）明确主题；（2）材料分析；（3）案目标用户分析；（4）设计的“4”种切入点。

第二节 网页配色原则

学习了网页配色原则，网页安全色的使用；网页设计中色彩的基本原则；案例制作（一）：网站配色方案调整（先给出一个普通的网站，通过配色调整焕然一新）；案例制作（二）：制作不同颜色网站，搭配不同风格

第三节 常用的HTML标签

学习 常用的HTML标签，涉及网页美工部分的几种常见HTML标签及相关属性。

第四节 网页规范

学习了常见的HTML编码规范及文件名规范

第三章网页平面造型设计

第一节 网页元素之ICON（图标）设计(上)

学习了ICON基本常识；制作案例IE浏览器的ICON。

第一节 网页元素之ICON（图标）设计(下)

以DW的ICON为例学习成套ICON的制作，对优秀的ICON进行欣赏分析

17分钟第二节 网页元素之网页按钮设计（上）

学习网页按钮的基本常识，优秀水晶网页按钮案例制作。

第二节 网页元素之网页按钮设计（下）

优秀成套网页按钮案例制作方法，优秀网页按钮欣赏分析

第三节 网页元素之LOGO设计（上）

LOGO基本常识,优秀 LOGO临摹

第三节 网页元素之LOGO设计(下)

优秀LOGO设计思路案例,优秀LOGO欣赏分析

第四节 网页元素之导航设计（上）

导航栏的基本常识学习，传统导航栏案例制作。

第四节 网页元素之导航（下）

异形导航栏案例制作，优秀导航栏欣赏分析

第五节 网页元素之UI设计（上）

UI基本常识；优秀UI欣赏分析；UI制作流程

第五节 网页元素之UI设计（下）

优秀UI案例制作分析。

第四章网页动画设计

第一节 Flash动感导航制作（上）

使用Flash制作鼠标经过时颜色变换的导航效果

第一节 Flash动感导航制作（下）

使用Flash制作鼠标经过时出现弹跳位移效果的导航条。

第二节 Flash简单主页设计（上）

使用Flash制作宜家风格网站首页。

第二节 Flash简单主页设计（下）

使用Flash制作欧美风格网站首页

三节 淘宝页面动态BANNER（广告条）制作 （上）

使用补间动画实现淘宝页面动态BANNER（广告条）制作

第三节 淘宝页面动态BANNER（广告条）制作（下）

使用遮罩动画实现淘宝页面动态BANNER（广告条）制作