交互工作室课程 7.《网页设计一》

数字媒体艺术专业(交互设计方向) 《网页设计Ⅰ》教学大纲 教学大纲撰写人:赵志云 课程总体介绍:《网页设计Ⅰ》是交互设计专业必修课程,本课程尝试从网页艺术设计的 […]

2017年9月24日

数字媒体艺术专业(交互设计方向)

《网页设计Ⅰ》教学大纲

教学大纲撰写人:赵志云

课程总体介绍:《网页设计Ⅰ》是交互设计专业必修课程,本课程尝试从网页艺术设计的内容、原则和特点等方面在理论上进行深入探讨,并对网页设计的具体技巧进行专门分析。教学的重点是对网页设计的各要素和设计法则进行讲解、分析和运用,并学习使用交互设计中的多种研究方法和网页设计中多维度的工作流程,学习使用网页设计软件。本课程的学习过程具有跨平台、跨学科、多思维的特点。

前修课程:文字设计、编排设计、界面设计

学分及学时: 1.5学分,72学时。

一、教学目的:通过该课程系统的理论学习和实际操作,使学生掌握网页视觉传达设计的理论,能够独立进行网站整体形象设计,制作完整的网站交互作品。在教学过程中需要充分调动学生的积极性,提高学生的思维能力,将学生从课堂思维引入到市场与工作中,结合实际商业案例和基础知识,培养学生思维与实践相结合的设计与思考能力,使学生掌握Web编程体系中浏览器端的页面开发与设计,熟练利用Dreamweaver编写交互式网站。

二、教学方法:课程以多媒体理论讲授为主,辅以优秀案例分析,并配合课堂讨论、实践项目调研分析、提案展示、课后作业,以及作业分析讲评等教学方法进行项目教学。

三、教学内容:

理论讲授:

第一章  破冰之旅:课程预热

第二章  网页设计的过去、现在与将来

第一节 网络的由来

第二节 网页设计的变化

第三节 网页技术的变化

第四节 网页设计风格与体验的变化

第五节 网页使用交流与分享

第三章  网页设计的构成与要素

第一节 网页的工作原理

第二节 团队分工

第三节 职能分工

第四节 网页设计师的未来

第五节 网页设计风格与体验趋势

第六节 网页赏析与名站欣赏

第七节 建站自学分享

第四章  网页设计的流程与分工

第一节 开发模式

第二节 研究方法

第三节 用户群定义与研究

第四节 故事版、情绪版搭建

第五节 流程图、线框图及工具介绍与使用

第六节 用户测试

第七节 案例分享

第八节 虚拟项目实践

第五章  网页的设计、开发与展示

第一节 视觉设计规范

第二节 名站欣赏

第三节 视觉设计工具介绍

第四节 网站产品制作

第五节 网站推广

第六节 团队比拼

第七节 优秀评比

第六章  课程回顾:总结与建议

实践环节:

1、实践环节课时:54学时,其中实验室课程54学时。

2、实践环节教学目的:

在教师的具体指导和辅助下,学生通过实践环节的教学和操作进一步深化本课程所讲授的主要理论知识,使学生真正了解网页设计的方法与流程以及软件的运用。

3、实践环节教学内容:

(1)分析报告:形成幻灯片展示文件,采取分组汇报,全体评议的形式。教师为主持人。前期进行针对性的调研,采取资料收集的形式。

(2)使学生掌握Web编程体系中浏览器端的页面开发与设计,能够利用Dreamweaver编写交互式网站。

课堂作业以及课堂辅导:

作业1:

  1. 浏览经常访问的国内外网站,从中选出一个最喜欢的国内网站和国外网站并截屏保存,同时记录下喜欢它们的原因(它们如何帮助了你)和它们的优缺点。
  2. 基于选出的以上两个网站,找到它们的竞争对手(同行)的网站,并分析它们与竞争对手彼此的优缺点和竞争力。
  3. 回忆经常访问的网站,从中选出最讨厌(最难使用)的一个网站截屏保存,并分析讨厌的原因同时提出自己的修改建议。
  4. 写下希望在这门课程中想学习和了解的知识。

根据以上问题,每位学生整理成ppt文件并做展示。

作业要求:启发学生对网站设计的视觉审美,分析网站设计之外的商业问题和策略问题。

作业2:

主题为“网络改变生活”。要求学生根据“主题”结合团队研究过的各行业网页的优缺点,挖掘现实生活中相关用户的特定需求并对其进行分析、研究和归纳,定义产品要求和产品定位,并基于产品定义进行以用户为中心的创新性网页设计或再设计。

作业要求:

1、以团队为单元,围绕“网络改变生活”进行网页设计的工作。

2、运用所学的理论知识和方法,分析生活中用户的特定需求进行产品需求挖掘、产品定位,产品测试、用户调研、用户定义并生产出满足用户需求的解决方案。

3、解决方案交付物:网站页面的相关步骤设计图及演示文件(运用Dreamweaver软件制作可点击交互的文件)、解决方案的设计流程说明文档、产品推广视频及其它推广材料。

教学总结:理论讲授、实践环节、课堂作业和课堂辅导完毕后,教师总结课堂教学内容,针对学生作业中出现的问题,进行补充性教学。

四、该课程为考查科目。

五、主要参考书目:

1、(美)尼科·麦克唐纳 编著 俞佳迪等 译《什么是网页设计》,中国青年出版社2006年版。

2、(美)克鲁格 著《点石成金:访客至上的网页设计秘笈(Don’t Make Me Think)》,机械工业出版社2006年版。

3、Patrick McNeil著《网页设计创意书》,人民邮电出版社2010年版。

发表评论

电子邮件地址不会被公开。 必填项已用*标注