网站界面设计教案设计Word文档格式.docx

网站界面设计教案设计Word文档格式.docx

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

授课教师（职称）：

_____小刚___

编写日期：

2012年8月日

课程目标

知识目标

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

能力目标

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

教材分析

选用教材：

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

教材特点及适用性分析：

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

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

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

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

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

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

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

参考教材：

调整说明：

教学方法与手段

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

教学地点

网络教室

实训教学条件要求

国际互联网连接

考核方案

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

平时作业安排：

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

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

对教案的分析总结：

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

任课教师签字

教研室主任签字

第一部界面设计基础

授课单元名称

界面设计基础

授课学时

6

单元教学

目标

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

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

主要教学

知识点

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

教学难点

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

教材处理

围绕教材的重点容

参考资料

界面设计教程

软件视频教程

教学资源

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

操作训练

考核

评价点

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

教学容

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

界面设计中的色彩

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

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

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

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

色彩搭配

设计素材

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

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

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

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

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

界面设计中的图形

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

初步掌握图形的主题图，辅助图，标志；

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

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

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

昵图网

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

图形图像处理制作能力

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

界面中首页的设计

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

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

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

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

昵图网，站酷网

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

设计制作能力

第五部分界面中导航系统

界面中导航系统

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

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

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

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

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

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

简单导航栏目设计

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

界面中其他功能的设计

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

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

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

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

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

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

实训习题练习

设计制作

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

界面中的广告设计

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

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

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

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

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

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

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

界面设计的综合案例

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

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

巩固前期所学各种界面设计的要素点，技巧点，掌握一二级界面的设计，网络广告的设计；

加强熟练使用软件工具

制作成熟网络广告和界面

实训操作

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

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

综合案例的分析和制作

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

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

电子商务概论

电子商务服务

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

合理设计制作

第十部分综合学习案例

综合学习案例

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

具体设计制作

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

软件工具的操作使用

软件工具视频教程

设计素材搜集

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

理论和操作结合掌握程度

第十一部分综合考评

综合考评

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

发现问题，提出问题

综合交流沟通

综合交流沟通，进行总结

交流沟通和实训结合

综合认识和实训