章

节

知识点

按项目

按小节

共计

Part 3

WUI设计
（网页交互设计）

第一章
建设
基础知识

1.1 基础

1.1.1 概述

的基本概念。

了解的基础知识，结构、分类，让学生对有基本的认识。

0.5课时

0.5天

天

1.1.2 的结构

目前主流的架构。

0.5课时

1.1.3 分类

的种类，特征。

0.5课时

1.1.4 国内外赏析

国内外作品赏析。

1课时

1.2 UI概述

1.2.1 什么是UI

UI的基本概念和范围。

0.5课时

0.5天

1.2.2 UI设计的流程

UI设计的流程分析。

1课时

1.2.3 UI交互设计手册

UI交互设计的规范。

0.5课时

1.3 切图

1.3.1 切图的规范

网页切图的原则规范。

3课时

1天

1.3.2 网页切图

用PS对一整张页面进行切图。

让学生将网页素材进行切图。

1.4 WEB界面赏析

1.4.1 购物界面赏析

对知名购物界面进行赏析。

2课时

2天

1.4.2 科技界面赏析

对知名科技界面进行赏析。

4课时

1.4.3 简约界面赏析

对知名简约界面进行赏析。

2课时

1.4.4 复杂界面赏析

对知名复杂界面进行赏析。

4课时

第二章
多风格多类型界面设计

2.1 企业WEB界面设计

2.1.1 企业页面临摹

临摹的企业界面。

进行多风格、多类型的网页界面的临摹与基础设计。

让学生临摹企业界面。

天

2.1.2 企业界面设计

独立设计企业界面。

学生独立设计企业界面。

2.2 专题页WEB界面设计

2.2.1 页面临摹

专题页面排版临摹。

2.2.2 详情页设计

详情页设计。

2.2.3 专题页设计

独立设计一个专题页。

2.3 电子商务WEB界面设计

2.3.1 电商首页设计

京东或1号店首页临摹。

2.3.1 双11相关设计

双11店铺首页、承接页临摹练习。

2.4 PC客户端软件界面设计

2.4.1 杀软件界面

临摹一个杀软件的界面。

3课时

2.4.2 音乐软件界面

临摹一个音乐软件的界面。

3课时

2.5 相关

2.5.1 直通车图设计

介绍直通车的功能并临摹。

2课时

2.5.2 钻石展位图设计

介绍钻展图的功能并临摹。

0.5课时

2.5.3 轮播海报设计

介绍轮播海报的功能并临摹。

2.5课时

第三章
WEB标准化布局

3.1 （X）HTML/HTML5语言

3.1.1 HTML基础知识

HTML的基础知识介绍。

了解HTML与CSS的基本知识。

天

3.1.2  

3.2 CSS/CSS3层叠样式表

3.2.1 CSS3基础知识

CSS3的基础知识介绍。

3.2.2  

3.3 布局技巧与浏览器兼容

3.3.1 布局技巧

PC设计的布局技巧。

3.3.2 浏览器兼容

关于各种浏览器之间兼容的问题。

第四章
Axure RP

4.1 基础知识

4.1.1 认识软件界面

软件界面介绍以及基本操作。

Axure RP的认识与操作。

天

4.2 案例临摹

4.2.1 逻辑分析

逻辑关系分析。

4.2.2 软件操作

软件实际操作。

4.3 原型设计

4.3.1 原型设计

进行的原型设计。

第五章
综合应用

5.1 网页设计

5.1.1 企业设计

用PS设计一个企业首页。

注重学生的实际设计能力训练。

用PS设计一个企业首页。

3课时

天

5.1.2 环保设计

用PS设计一个环保首页。

用PS设计一个环保首页。

3课时

5.1.3 购物设计

用PS设计一个购物首页。

用PS设计一个购物首页。

3课时

5.2 详情设计

5.2.1 促销承接页设计

用PS设计一个促销承接页。

用PS设计一个促销承接页。

3课时

5.2.2 天猫详情页设计

用PS设计一个天猫详情页。

注重学生的实际设计能力训练。

用PS设计一个天猫详情页。

3课时

5.2.3 用户注册页面设计

用PS设计一个用户注册页。

用PS设计一个用户注册页。

3课时

5.3 软件界面设计

5.3.1 音乐播放器设计

用PS设计一个音乐播放器界面。

用PS设计一个音乐播放器界面。

3课时

5.3.1 聊天软件界面设计

用PS设计一个聊天软件界面。

用PS设计一个聊天软件界面。

3课时