网页美工设计入门详解.docx

网页美工设计入门详解

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

?

第二章??网页设计与配色原那么

?

第三章??网页平面造型设计

?

第四章??网页动画设计

?

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

25分钟第一节网页设计布局〔上〕

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

27分钟第一节网页设计布局〔下〕

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

28分钟第二节裁切网页效果图

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

37分钟第三节网页制作流程

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

第二章网页设计与配色原那么

26分钟第一节网页设计原那么

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

36分钟第二节网页配色原那么

学习了网页配色原那么，网页平安色的使用；网页设计中色彩的根本原那么；案例制作〔一〕：网站配色方案调整〔先给出一个普通的网站，通过配色调整焕然一新〕；案例制作〔二〕：制作不同颜色网站，搭配不同风格。

21分钟第三节常用的HTML标签

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

21分钟第四节网页标准

学习了常见的HTML编码标准及文件名标准。

第三章网页平面造型设计

20分钟第一节网页元素之ICON〔图标〕设计(上)

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

17分钟第一节网页元素之ICON〔图标〕设计(下)

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

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

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

12分钟第二节网页元素之网页按钮设计〔下〕

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

20分钟第三节网页元素之LOGO设计〔上〕

LOGO根本常识,优秀LOGO临摹。

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

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

27分钟第四节网页元素之导航设计〔上〕

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

28分钟第四节网页元素之导航〔下〕

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

25分钟第五节网页元素之UI设计〔上〕

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

29分钟第五节网页元素之UI设计〔下〕

优秀UI案例制作分析。

第四章网页动画设计

17分钟第一节Flash动感导航制作〔上〕

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

25分钟第一节Flash动感导航制作〔下〕

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

24分钟第二节Flash简单主页设计〔上〕

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

23分钟第二节Flash简单主页设计〔下〕

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

28分钟第三节淘宝页面动态BANNER〔广告条〕制作〔上〕

使用补间动画实现淘宝页面动态BANNER〔广告条〕制作。

34分钟第三节淘宝页面动态BANNER〔广告条〕制作〔下〕

使用遮罩动画实现淘宝页面动态BANNER〔广告条〕制作。