5班_宿子顺_上海商学院_教学方案完善版

媒体辅助设计（一）教学方案2014 ～2015 学年第2 学期

学校上海商学院

院(系) 艺术设计学院

课程名称媒体辅助设计（一）

授课专业与班

级

视觉传达专业本科14级3班

主讲教师宿子顺

使用教材

GUI Blooper -- Common User Interface Design

填表日期2014.10.09

课程

名称

媒体辅助设计（一）之开班课时长（4课时）100（讲授）+80（实训）分钟

学生特征 （1）设计《课前学生学习需求调查问卷》，了解学生对于整个课程的需求与基本认识（见附件1）。

（2）在开课前7天进行问卷投放、前5天进行问卷收回，基于问卷结果得出学生诉求，调整与完善授课内容。

（3）特征预估：

①大一学生，对于计算机设计软件的操作、设计类实验设备的使用经验不多。

②渴望获取计算机设计软件、设计学科实验设备的操作技能。

③创意想法丰富，乐于将思路付诸设计实践。

课程目标 针对设计需求，将产品构思与现有设计素材结合，交互艺术设计方向的学生能够利用多种数字化、可视化设计方式与手法，实现设计产品的形式结构简易化、功能表达情感化、视觉呈现多样化的目的。

课堂目标 基于媒体辅助设计的学习素质与技能要求，学生理解实现平面媒体设计产品的设计手段、对平面设计构成语言形成初步认识、图像制式的应用环境与自身特征加以区分，进而激发学生对平面媒体辅助设计的学习兴趣，辅助学生明确学习设计的具体方向。

学习模块与 内容要点 模块（1）导入课程：《课前学生学习需求调查问卷》结果分析、用户中心设计原则（重点内容：①阐述学生学习需求的结果，确定接下来的学习导向；

②引入设计产品的定性与定量的需求分析方法；

③信息产品设计流程）

模块（2）视觉传达设计基础

（重点内容：①用户体验设计界定；

②图形的内涵；

③构成方式）

模块（3）图像数字化制式

（重点内容：①位图与矢量图之间的区别；

②分辨率：在不同媒介之中的设置数值；

③不同色彩模式的使用特征；

④不同图片格式的文件的应用特点。）

教学难点 （1）分辨率的计算方法、屏幕显示与打印印刷时所需的应用场景（2）色彩模式的区分（RGB\CMYK\HSB\LAB）

（3）不同图片格式的场景区分（PSD\AI\TIFF\JPEG\GIF\PNG）

教学策略方法 模块（1）：讲授法、案例法、启发法、小组讨论模块（2）：讲授法、案例法、微视频、小组讨论模块（3）：讲授法、案例法、实操法

PPT

说

明

（1）媒体辅助设计的宏观把握，PPT 的理论、案例、图片要包含：

①用户、世界、网络、移动终端四者的关系； ②贯彻以用户为核心的设计理念。

（2）媒体辅助设计的微观处理，所授课内容的信息架构：

技术运用说明 （1）“问卷网”调查问卷平台；（2）上海商学院云端授课管理系统；（3）微视频；

（4）多媒体综合演示

教材内容及 扩展阅读 （1）教材：

①GUI Blooper --Common User Interface Design ，Jeff Johnson ，Mogran Kaufmann

Press，2008.

内容：Chapter 1 First Priciples P8-P48

②线上教材：Apple. The Design Guideline for iOS [EB/OL]．（2013-09-13）.

（2）参考书目：

①NORMAN D A.Design Psychology[M].Beijing：Citic Press，2003．

②李金明等著. Adobe Photoshop CS5完全教程. 人民邮电出版社，2014年第1版

③张海燕译. Adobe Illustrator CS5中文版教程. 人民邮电出版社，2014年第1版

④陈宗斌译. Adobe Flash CS5中文版教程. 人民邮电出版社，2014 年第1版

其他资源 （1）自主学习微视频：/v_show/id_XODAwMDgyMzUy.html （2）公用网盘（下载电子书、软件）：143shichuan@，密码：143shichuan

作业要求及评价 （1）课后理论作业：对比阿里巴巴、聚美优品、京东、Ebay这4个购物网站的视觉表

现特点，从SWOT、信息架构、交互行为上进行分析，最终形成一

份书面报告。

（2）作业形式：对比总结性报告。

（3）评价标准：①观点：每个购物网站目标人群分析、用户购买动机分析准确。

②性质：每个购物网站运营性质（C2C，B2C或垂直、平台电商）描述

准确。

③视觉表现：分析每个购物网站的视觉表现风格，对形成独特的评价。

④额外加分项：若是有移动终端（例如：手机端）对比分析，则获得附

加评价。

（4）评价方式：计入平日课后作业成绩、按百分制进行打分。

教学过程

一般步骤 学习内容教学方法与技术运用

时长（分钟）

等说明

开班简介 （1）媒体辅助设计（一）的教师自我介绍（留

下邮箱、QQ、微信号）。

（2）相关设计软件给学生（教室以及个人PC）

终端的拷贝与调试。

讲授法

模拟实践法

PPT

云端管理

系统

4

6

模块 1 导入课程 （1）阐述学生学习需求的调研结果，确定

接下来的学习导向，着重说明以下四个问

题：

【引起注意】Q1：问卷问题3的内容：对《媒

体辅助设计（一）》这门课程的认识？

“希望同学们能够在课前看多看大纲，这样才

能够确定好自己的学习方向。”

【确定学习目标】Q2：问卷问题8,你喜欢什么

样的视觉传达作品？

“通过这个问题，希望和大家确定接下来作业

制定方向，能够完成的程度，以便让大家更好

的激发学习兴趣。”

【呈现刺激】Q3：问卷问题9，你所喜欢的新

媒体方向是？

“选项的4个方向，首先请同学们分别说说你

眼中的这些方向是包含什么的。”

“这能够明晰我们新媒体应有的方向。也希望

大家朝着自己感兴趣的方向提高审美素养。”

【引出行为1】Q4：问卷问题12，对《媒体辅

助设计（一）》的老师上课有什么建议、期许、

愿景？

“作为一个开放题目，这个题目设置在这里，

能够充分看出大家对于这门课的“神回复”，

我们来看下这个题目的评论结果。”

这样，引入到用户体验设计氛围之中。

（2）引入设计产品的定性与定量的需求分

析方法。

【提供“学习指导”】对于设计产品的设计流

程，我们现在越来越多需要跨学科与跨工种的

进行共同工作。

以信息产品为例，所需要的是用户体验分析师

讲授法

案例法

启发法

问卷网，学

生学习需

求调查结

果共享

PPT

板书

6

3

6

4

8