《交互设计基础》课程标准.docVIP

《交互设计基础》课程标准

课程代码：38建议课时数：136学分：9

适用专业：影视动画专业

先修课程：数字媒体软件基础

后续课程：数字影像设计

一、前言

1．课程的性质

《交互设计基础》课程是数字媒体艺术方向的主干课程，是一门综合性较强的课程，知识点多，具有学科与技术的统一性，发展前景好，渗透性强，应用范围广等特点，也是核心课程。

课程任务是使学生了解人机交互的概念、不同时期的用户界面特点、理解用户界面设计的基本原则和方法；根据软件技术发展的趋势，以基于Photoshop的软件应用系统为例，结合当前主流界面实现技术，让学生熟练掌握软件进行界面设计的主要过程和可用性评价方法，并在参与实际项目开发制作实训过程中加强实践能力，达到学生毕业就能够顶岗工作的目的。本课程应该在数字媒体软件基础之后，数字影像创作之前开设。

2．设计思路

注重实际设计的应用，改革强化实训教学。本课程以社会对于互动媒体设计人才网页手机等用户界面设计能力的实际需求为?课程开设依据。课程内容选择以“新”为标准，紧扣网站，手机，游戏界面设计等最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅?入深。本课程首先从理论基础入手，通过对具体设计实?例的解析，完成最后的项目任务。具体操作流程是首先在课堂上精讲课程的基本概念、操作方法，然后通过大量的上机练习来锻炼学生的操作能力，这样，在老师精心为教学设计的任务的驱动下，学生通过任务驱动方式下的自主学习与协作学习、讨论学习、探究学习等方式来完成任务，在探求解决问题的途径中，学生既学到了知识，又培养了动手实践能力和与人合作能力，更重要的是提高了学生的探索创新精神，使学生学会学习。在完成任务的过程中，学生始终处于主动的主体地位，教师是学生学习的组织者、服务者和导航者。在学生掌握基础知识的前提下，教师鼓励创新创造创意，为学生创意提供平台，在班级相互交流，提高学生人文内涵，从而创造出优秀的作品。

二、课程目标

1、总目标

职业技能目标：

掌握Photoshop软件，能熟练地运用Photoshop进行交互界面的处理与再创作。

职业素质养成目标：

通过本课程学习，学生能认识到网络作为现代传媒的重要途径，其界面的合理布局与美观设计直接影响用户的评价，从而促使学生提高网站、手机、游戏界面的设计技能，通过人性化设计的方法来进行界面设计，并掌握相关的设计软件的操作，利用所学知识进行交互展示设计效果，游戏设计效果等综合商业案例，以适应社会对本职业能力的要求。培养学生实践动手操作能力；树立科学的设计创新意识；?形成“以人为本”的设计观念；?锻炼设计表达与语言表达能力。

2、具体目标

1了解界面设计基础知识；?

2掌握界面设计中色彩的运用；?

3?掌握界面设计中图形图像的运用；?

4掌握界面中首页的设计方法；?

5知道完整的设计流程。

6掌握构图方法，设计具有美感的界面设计作品。

本课程教学总课时136课时，其中理论课时36课时，实践课时100课时。

三、课程内容和要求

项目一网站界面设计

1、参考总学时：45学时

2、学习目标

▲了解网站界面设计基础，了解网站界面设计的基本相关概念了解网站界面发展；?

▲了解网站界面构成要素；网站界面设计原则。

参考学时

45

学习目标

能力目标：网站界面的设计能力

教学目标：能够按照图形图像的处理技巧与创意设计方法进行网站页面设计

相关知识

教学要求：

1网站界面设计中的色彩的运用?；

2能够按照基本配色原理进行网站页面配色；

3分析网站优秀配色案例；

4正确处理网站界面设计中图形图像；?

5网站首页与整体风格设计统一。

实践教学

实训项目：网站界面中的导航系统设计；?

l?能够进行网站按钮设计；

2网站界面中的导航栏设计；?

3?导航系统设计案例。

实训项目：能够进行网站页面中其他功能性页面的设计。?

l用户注册登陆界面；

2论坛；

3搜索界面；

4?互动界面；

5?后台管理界面；

实训项目：能够进行界面中广告设计。?

l?网站界面中的广告设计；?

2网站广告设计案例演绎。

如果有条件能接洽到实际中的项目更佳，可以制作淘宝的店面门头，把教学融入到现实可操作性上。

考核建议

上机操作

能够按照图形图像的处理技巧与创意设计方法进行网站页面设计

项目二手机图标设计

1、参考总学时：45学时

2、学习目标

▲了解手机界面设计基础，了解手机界面设计的基本相关概念了解手机界面发展；?

▲了解手机软件导航的交互特点，手机交互设计规范：

参考学时

45

学习目标

能力目标：手机界面的设计能力

教学目标：能够按照图形图像的处理技巧与创意设计方法进行手机页面设计

相关知识

教学要求：

1图标的概念诠释?

2图标的系统分类

3手机图形界面中的图标的意义和作用

4手