网站界面设计教案.docx

网站界面设计教案.docx

《网站界面设计教案.docx》由会员分享，可在线阅读，更多相关《网站界面设计教案.docx（11页珍藏版）》请在冰豆网上搜索。

网站界面设计教案

课课程教案

开课时间：

2014—2013学年度第二学期

课程名称：

电子商务综合实训

开课教研室：

电子商务

课程编码：

______________________________

课程类别：

总学时／周学时：

54/6（X9）

授课年级、专业、班级：

2010级电子商务专业

授课教师（职称）：

_____小刚___

编写日期：

2012年8月日

课程目标

知识目标

掌握界面设计的基础构成，色彩，功能部分的理论知识

能力目标

掌握熟练应用软件工具，从而达到独立制作设计界面设计

教材分析

选用教材：

界面设计案例教程（全国高等职业教育规划教材）

教材特点及适用性分析：

1、从教材特点来讲，本教材重点侧重基础部分，从整体的界面设计来进行系统性的基础规划。

从界面的发展，构成要素等理论知识和设计界面的软件工具，实例的设计制作这三大部分构成。

这三部分相辅相成来实现本次教学规划。

基础理论部分由界面设计原则，色彩的原理作用，图形图像处理分类，整体界面首页的设计及其他功能设计等。

重点部分也是本教材的核心之一就是对软件工具的学习掌握，Photoshop,Fireworks,Dreamweaver等。

最后通过理论和软件工具的结合进行对一些案例界面进行设计制作。

2、从适用性方面来看，基本符合初学学生的掌握应用，重点让学生熟练应用操作软件工具，同时给学生良好详细的讲解界面设计的技术要素理论知识，能达到独立完成简单的界面设计制作。

参考教材：

调整说明：

教学方法与手段

主要采用教师讲解界面设计的基础，原理，技巧，软件工具等知识，自主操作应用软件制作界面、课堂讨论的教学方法，通过实际操作案例分析、提问与个别交流等。

教学地点

网络教室

实训教学条件要求

国际互联网连接

考核方案

通过学生对界面的理解认识，学习态度以及能否独立制作简单界面来进行考核。

平时作业安排：

实行课上课下两部分作业来安排，教师按照教学规划讲解本次知识点，练习点，进行课堂作业练习，从而巩固学生对本堂课程的学习和应用。

课下作业按照学生的学习掌握情况来安排，重点加强，多练习设计制作，多沟通，提高学生的学习意识。

对教案的分析总结：

教师在授课之前，准备好当次教案，进行讲解授课，课后可通过实际授课容，以及对学生的掌握程度对教案进行补充完善，使得每次授课计划各有特点，提高学生学习掌握的兴趣，达到更好的教学效果。

任课教师签字

教研室主任签字

第一部界面设计基础

授课单元名称

界面设计基础

授课学时

6

单元教学

目标

知识目标

了解界面的发展及基础构成要素

能力目标

初步掌握界面设计原则及需要用到的软件

主要教学

知识点

界面的构成要素，设计要点，设计基本原则，界面和软件界面的异同

教学难点

设计软件工具的基础工具的认识

教材处理

围绕教材的重点容

参考资料

界面设计教程

软件视频教程

教学资源

通过实际浏览，电子商务平台和服务，登陆常见，进行对认识，下载安装软件工具。

教学方法与手段

操作训练

考核

评价点

界面设计的构成部分及设计原则

教学容

第二部分界面设计中的色彩

授课单元名称

界面设计中的色彩

授课学时

6

单元教学

目标

知识目标

了解色彩学的心理效应和色彩作用

能力目标

掌握色彩三要素，色彩搭配应用及基本原理

主要教学

知识点

在做界面的过程中，重点掌握色彩搭配，色彩的巧妙应用，以及色彩给人的视觉效果和情感变化

教学难点

不同界面，涉及到行业性质不同，色彩搭配实用都不同，配色技巧

教材处理

围绕教材的重点容

参考资料

色彩搭配

设计素材

教学资源

采用不同颜色的色彩色块配色，掌握冷暖色彩，色彩纯度，色彩主次关系，可通过色彩鲜明优秀的进行实例讲解说明。

如站酷素材网，素材中国等。

教学方法与手段

对比色彩，浏览各种不同色彩

考核

评价点

色彩原理，色彩搭配的认知度和敏感度

教学容

第三部分界面设计中的图形

授课单元名称

界面设计中的图形

授课学时

6

单元教学

目标

知识目标

了解图形图像在界面设计中所传达的作用，以及分类

能力目标

初步掌握图形的主题图，辅助图，标志；重点初步掌握学习图形图像的处理技巧，开始使用软件工具来处理制作。

主要教学

知识点

可通过图形图像来美化界面，增强界面视觉美感效果，进行简单图形图像处理制作

教学难点

软件工具初学者使用有一定难度，需要加强练习

教材处理

围绕教材的重点容

参考资料

设计素材

昵图网

教学资源

知名互联网信息，学习，电子商务平台和服务

教学方法与手段

操作训练

考核

评价点

图形图像处理制作能力

教学容

第四部分界面中首页的设计

授课单元名称

界面中首页的设计

授课学时

6

单元教学

目标

知识目标

界面整体设计风格的定位，包括色彩，版式，文字等有初步了解作为基础，掌握一二级界面的概念

能力目标

设计制作一级界面，二级界面

主要教学

知识点

界面整体设计框架，风格，栏目，色彩，图形的巧妙选用和使用

教学难点

实际操作过程中，界面设计

教材处理

围绕教材的重点容

参考资料

设计素材

昵图网，站酷网

教学资源

优秀设计，知名设计公司，优秀电子商务平台等

教学方法与手段

操作训练

考核

评价点

设计制作能力

教学容

第五部分界面中导航系统

授课单元名称

界面中导航系统

授课学时

6

单元教学

目标

知识目标

导航系统的设计概述，原则形式

能力目标

具体导航系统的设计，从全局导航和局部导航来掌握，实训导航设计案例

主要教学

知识点

导航系统的设计目的，信息构建，整体结构，层级间的切换关系，超测试等

教学难点

导航设计的实际操作制作过程

教材处理

围绕教材的重点容

参考资料

HTML学习，XX帮助页面，性网页

教学资源

通过互联网搜索引擎，浏览认识各种导航设计，导航栏目

教学方法与手段

操作训练

考核

评价点

简单导航栏目设计

教学容

第六部分界面中其他功能的设计

授课单元名称

界面中其他功能的设计

授课学时

6

单元教学

目标

知识目标

了解界面中个人注册，登陆，论坛，管理系统界面的不同设计

能力目标

初步掌握投资、理财原理和风险

主要教学

知识点

常见注册登陆页，论坛，后台管理系统页面的简单设计

教学难点

各种不同界面设计制作过程中的差别，互动界面设计的技巧处理，通过软件工具设计制作不同界面，以及简单超的使用

教材处理

围绕教材的重点容

参考资料

各类注册登录，如，博客，空间登录界面，设计素材

教学资源

通过实际浏览，电子商务平台和服务，登陆常见，进行对登录界面认识。

教学方法与手段

实训习题练习

考核

评价点

设计制作

教学容

第七部分界面中的广告设计

授课单元名称

界面中的广告设计

授课学时

6

单元教学

目标

知识目标

网络广告的基本特别，设计原则，表现手法

能力目标

在制作网络广告过程中具体的banner图设计，弹出式广告设计，表现的手法技巧

主要教学

知识点

网络广告传播空间，视觉效果，交互性，针对受重点的不同，网络广告的不同分类，已经需要策划的广告容知识

教学难点

使用软件工作制作网络广告，图形广告设计

教材处理

围绕教材的重点容

参考资料

设计素材

昵图网，站酷网

教学资源

优秀设计，知名设计公司，优秀电子商务平台，如大型购物，视频。

教学方法与手段

操作训练

考核

评价点

通过软件设计制作网络banner广告

教学容

第八部分界面设计的综合案例

授课单元名称

界面设计的综合案例

授课学时

6

单元教学

目标

知识目标

巩固前期所学各种界面设计的要素点，技巧点，已经熟练使用软件工具

能力目标

结合理论知识点，了解客户需求，通过客户分析定位，制作成型的网络界面设计

主要教学

知识点

巩固前期所学各种界面设计的要素点，技巧点，掌握一二级界面的设计，网络广告的设计；加强熟练使用软件工具

教学难点

制作成熟网络广告和界面

教材处理

围绕教材的重点容

参考资料

设计素材

昵图网，站酷网

教学资源

优秀设计，知名设计公司，优秀电子商务平台，如大型购物，视频。

教学方法与手段

实训操作

考核

评价点

不同界面，广告的认知和制作

教学容

第九部分综合案例的分析和制作

授课单元名称

综合案例的分析和制作

授课学时

6

单元教学

目标

知识目标

巩固前期所学各种界面设计的要素点，技巧点，已经熟练使用软件工具

能力目标

结合理论知识点，学习成熟网络界面的设计

主要教学

知识点

熟练使用软件工具制作网络界面和网络广告

教学难点

熟练使用软件工具制作网络界面和网络广告

教材处理

围绕教材的重点容

参考资料

电子商务概论

电子商务服务

教学资源

通过实际浏览，电子商务平台和服务，登陆常见

教学方法与手段

操作训练

考核

评价点

合理设计制作

教学容

第十部分综合学习案例

授课单元名称

综合学习案例

授课学时

6

单元教学

目标

知识目标

巩固网络界面设计基本理论知识

能力目标

具体设计制作

主要教学

知识点

巩固加强学习关于网络界面设计理论知识点

教学难点

软件工具的操作使用

教材处理

围绕教材的重点容

参考资料

软件工具视频教程

设计素材搜集

教学资源

设计软件工具视频教程，设计素材搜集下载，积累优秀设计

教学方法与手段

操作训练

考核

评价点

理论和操作结合掌握程度

教学容

第十一部分综合考评

授课单元名称

综合考评

授课学时

6

单元教学

目标

知识目标

通过本学习知识点交流沟通学习

能力目标

发现问题，提出问题

主要教学

知识点

综合交流沟通

教学难点

综合交流沟通，进行总结

教材处理

围绕教材的重点容

参考资料

软件工具视频教程

设计素材搜集

教学资源

设计软件工具视频教程，设计素材搜集下载，积累优秀设计

教学方法与手段

交流沟通和实训结合

考核

评价点

综合认识和实训

教学容