当前位置：平面设计学院 > 网页美工设计入门详解
本门课程主要是通过几种设计软件的综合应用，讲解作为一个网站美工所必备的基础知识和技能，让学生从单一软件的学习中走出来，转化为多元化的实际应用。选取的案例均是当前网页美工领域实用的案例，穿插讲解相关理论。共分为4章，网页制作流程和设计常识部分、平面造型及设计部分和动画设计部分。
第一、二章： 网页制作流程和设计常识部分——主要让学生了解传统网站布局结构，通过案例学习网页布局方案及制作流程，讲色彩知识在网页中的运用及网页规范；第三章： 平面造型及设计部分——主要进行网页相关元素的审美培养并介绍相关设计原则，通过Photoshop、CorelDraw等平面设计软件制作效果优秀的网页元素，了解网页元素构成的规律； 第四章： 动画设计部分——主要通过制作Flash在几个主要的设计（应用）领域中，运用动画技术满足网站前台特效，以及企业产品广告演示等需求。结合实际案例解析，解释如何在Flash中实现的关键步骤，掌握不同设计（应用）领域中常用的Flash程序设计手段。
第一章 网页布局与制作流程
第二章 网页设计与配色原则
第三章 网页平面造型设计
第四章 网页动画设计
|
第一章网页布局与制作流程
|
|
学习常用的网页布局模式：上下结构式、左右结构式、上左右结构式、上左中右结构式；会对网页结构进行变形；学习网页设计的风格类型。
|
|
案例演示制作，用PS设计网上商城二级页面。
|
|
学习切片与切片的相关命令；案例制作：裁切网上商城二级页面。
|
|
学习网页制作的流程，案例制作：在DW中制作网上商城二级页面草图。
|
|
第二章网页设计与配色原则
|
|
本节主要学习了网页的设计原则：（1）明确主题；（2）材料分析；（3）案目标用户分析；（4）设计的“4”种切入点。
|
|
学习了网页配色原则，网页安全色的使用；网页设计中色彩的基本原则；案例制作（一）：网站配色方案调整（先给出一个普通的网站，通过配色调整焕然一新）；案例制作（二）：制作不同颜色网站，搭配不同风格。
|
|
学习 常用的HTML标签，涉及网页美工部分的几种常见HTML标签及相关属性。
|
|
学习了常见的HTML编码规范及文件名规范。
|
|
第三章 网页平面造型设计
|
|
学习了ICON基本常识；制作案例IE浏览器的ICON。
|
|
以DW的ICON为例学习成套ICON的制作，对优秀的ICON进行欣赏分析。
|
|
学习网页按钮的基本常识，优秀水晶网页按钮案例制作。
|
|
优秀成套网页按钮案例制作方法，优秀网页按钮欣赏分析。
|
|
LOGO基本常识,优秀 LOGO临摹。
|
|
优秀LOGO设计思路案例,优秀LOGO欣赏分析。
|
|
导航栏的基本常识学习，传统导航栏案例制作。
|
|
异形导航栏案例制作，优秀导航栏欣赏分析。
|
|
UI基本常识；优秀UI欣赏分析；UI制作流程。
|
|
优秀UI案例制作分析。
|
|
第四章网页动画设计
|
|
使用Flash制作鼠标经过时颜色变换的导航效果。
|
|
使用Flash制作鼠标经过时出现弹跳位移效果的导航条。
|
|
使用Flash制作宜家风格网站首页。
|
|
使用Flash制作欧美风格网站首页。
|
|
使用补间动画实现淘宝页面动态BANNER（广告条）制作。
|
|
使用遮罩动画实现淘宝页面动态BANNER（广告条）制作。
|
第一章 网页设计布局1
第一章 网页设计布局2
第一章 裁切网页
第一章 网页制作
第二章 网页设计
第二章 网页配色
第二章 HTML常用标签
第二章 网页规范
第三章 网页元素（ICON）图标设计
第三章 网页元素按钮设计
第三章 网页元素导航设计
第三章 网页logo设计
第三章 网页UI设计
第四章 网页FLASH动感导航制作
第四章 简单主页设计
第四章 动态BANNER制作
dengnici
1751871819
栾文（平淡视界）
fuling2210
一寒
我的当当
圆圆713
snakypeter
welliii
Rain
jlc8181
当当小
LJP
罗福刚
天成
十之八九
王雪
cs123456
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
微信号：qinxue7855
