《网站界面设计》教学大纲.docVIP

PAGE 17 ADDIN CNKISM.UserStyle《网站界面设计》教学大纲 课程编码：0813102302 课程名称：网站界面设计 学时/学分：32/2 关联课程： 先修课程（PHOTOSHOP、矢量图设计软件、版式设计） 后习课程（UI设计、网络广告设计） 适用专业：视觉传达设计专业 开课教研室：视觉传达设计教研室 课程类别与性质：专业课程、选修 一、课时分配与考核权重 按照学校的整体要求，基于对教学目标以及对基本知识、基本技能、基本素养的分析，本课程的内容依据高等学校视觉传达专业教育的培养目标以及毕业生基本要求和培养方案制定。选择网页界面的设计基础、界面中的首页设计、界面中的导航系统设计、电商视觉设计四部分内容。共32学时，2学分，其中理论环节占16学时，实践环节占16学时。要求教师在授课过程中围绕课内教与学、课外导与做等环节，重视过程性评价，重在考核学生的创新思维和知识运用能力。基于该教学考核评价思路，本课程主要以课堂提问、课堂练习、设计作品等方式对学生进行考核评价，其中课堂提问、分析报告、阶段性作品设计等过程性评价占评价权重的70%，结课设计作品占评价权重的30%。 课时分配与考核权重一览表 序号 章节 课时数 评价方法及考核权重 1 概论 2 2 网页界面的设计基础 6 课堂练习、课堂提问、作品阐述、分析报告 20% 3 网页界面中首页的设计 8 课堂练习、课堂提问、作品设计、作品阐述 20% 4 网页界面中导航系统的设计 8 课堂练习、课堂提问、作品设计、作品阐述 30% 5 电商视觉设计 8 课堂练习、课堂提问、作品设计、作品阐述 30% 二、课程资源库 1.参考书： 廖宏勇.《数字界面设计》.北京师范大学出版社.2010年. 罗仕鉴、朱上上、孙守迁.《人机界面设计》.机械工业出版社.2002年. Jef Raskin.《人本界面－交互式系统设计》.机械工业出版社.2004年. Ben Shneiderman.《用户界面设计-有效的人机交互策略（第四版）》.电子工业出版社.2008年. 白雪竹、李颜妮.《互动艺术创新思维》.中国轻工业出版社.2007年. 安小龙.《Photoshop智能手机APP界面设计之道》.清华大学出版社.2016年. 高鹏编.《Photoshop智能手机APP 界面设计》.机械工业出版社.2016年. 张俊峰，朱巍.《让淘宝店铺更吸引人-精通Photoshop网页美工设计》. 清华大学出版社.2015年. 2.期刊： 艺术与设计(理论).ISSN 1008-2832. CN 11-3909/J 包装工程.核心期刊/CA.ISSN 1001-3563. CN 50-1094/TB 装饰.核心期刊/CSSCI. ISSN：0412-3662.CN：11-1392/J 艺术百家.核心期刊/CSSCI.ISSN：1003-9104.CN：32-1092/J 艺术工作.核心期刊/CSSCI.ISSN：1003-5605.CN：21-1598/J Journal of Computer-Aided Design Computer Graphics.计算机辅助设计与图形学学报.核心期刊/EI.ISSN：1003-1553.CN：62-1022/G4 China Electronic Market.中国电子商情.ISSN：1006-6675.CN：11-3648/F Acta Electronica Sinica.电子学报.核心期刊/EI.ISSN：0372-2112.CN：11-2087/TN 南京艺术学院学报(美术与设计).核心期刊/CSSCI.ISSN：1008-9675.CN：32-1008/J [10]艺术评论.核心期刊/CSSCI.ISSN：1672-6243.CN：11-4907/J 3.网络资源： Awwwards网站 / Mockplus网站/features UX Movement网站/category/forms/ 网页设计师联盟/ 网页素材网站/ 酷站欣赏/ 4.优秀学生作品 三、教学内容及教学基本要求 第1—2学时 概 论 课前准备 明确网站界面设计课程的属性，细化教学目标，对课程讲授进行精细化设计。查阅相关资料，从不同角度、不同侧面、不同层次深入透彻的理解网站界面设计课程的教学内容，设计科学的教学思路。精心备课，提前准备教学进度表，并根据教学大纲的要求和教材的特点，结合学生的实际，选择合适的教育教学方法，对教材进行梳理以达到最佳的教学效果，并撰写教案。将课内教学与课外导学进行有机融合，明确课外拓展内容和考核方式，培养学生自主学习和课外知识拓展的能力。 1.1课程属性与教学目标分析： 《网站界面设计》是视觉传达设计专业的专业课程，是所有视觉传达设计专业学生的选