1UI设计教学大纲.pdf

《1UI设计教学大纲.pdf》由会员分享，可在线阅读，更多相关《1UI设计教学大纲.pdf（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、UI 设计教学大纲 课程类别：岗位技能课 适用对象：全日制三年艺术设计 总 学时：64 讲授学时：0 课内实践学时：64 独立实践学时：0 先修课程：计算机辅助设计 Photoshop、CorelDraw、标志设计、flash 一、课程的性质、任务与课程的教学目标（一）课程的性质、任务 1.课程的性质 UI 设计是艺术设计专业的专业课程，是在图形图像处理、企业形象、logo 标志设计课程上 的延续与提高。课程几乎涉及到了平面设计专业基础课的各个方面，课程实践中注重对各设计基 础课程如图形设计、编排设计、字体设计、构成设计等课程的综合运用。UI 主题界面设计是一门 在电子设备，新兴媒体上运用平面

2、设计的综合性学科，以往平面设计多数是印刷品，今天移动设 备的兴起，应用如：手机上的企业 APP 主题宣传品，企业电子杂志 APP 版，企业门户网站手机 版，企业微信宣传品设计，精细的 ICON 图标表现，和一些特色风格的主题 APP 界面设计等，都 是企业形象宣传的一部分，是属于 APP 或手机网页方面，视觉界面部分的设计，为大多数互联网 类公司培养研发部门和市场部门的视觉设计师。2.课程的任务 本课程实现专业培养目标（分析本课程地位及作用）中所承担的任务：此课程的目的与任务是要求学生对 UI 设计意义、功能有初步的了解，掌握 UI 设计的基本形式，来龙去脉，市面上的一些案例，训练学生在设计主

3、题 UI 方面注重画面的形式美感和使用舒适度 方面的设计，使学生具备主要常用的一些 APP 主题界面的设计能力和精细 ICO N 图标的表现能力。本课程教学内容及教学环节等方面与前后相关课程的联系与分工：本课程从设计的角度对这几年冒起的智能手机和发展迅速的 APP 发展过程做说明、功能分类、设 计定位、表现形式、视觉设计、企业品牌宣传 app 上的运用案例等作较为全面的讲述，然后对常 用的一些设计方式和主要案例做临摹训练以及在尝试几个案例后，作主观设计创作训练。通过本 课程的学习，可以熟悉手机主题界面设计中关于企业主题 APP 界面，特色主题界面，电子杂志类 型宣传品，电商类 APP 视觉设计

4、，电商运营图，宣传品，交互图标，首内页编排等，界面设计中 一些图标和页面编排等的运用，是一门实践性较强的课，是视觉传达设计方向里一门这几年市面 应用比较广的电子宣传品类制作职业课。本课程相关的先修课及后续课：素描、平面构成、色彩构成、文字设计、图形创意设计、以及会使用 photoshop、flash 后再开 展比较好，其中电子杂志类和电商 app 界面会涉及少量动画和交互以及音效，是综合性运用较强 的一门实操制作职业课。（二）课程的教学目标 1.基本理论要求：全面了解 UI 设计的发展过程、近年移动设备发展、设计的基本原则等方面的知识，让学生掌握 UI 设计的表现方法和制作技能，提高学生设计审

5、美能力。2.基本技能要求：要求学生重点掌握移动设备主题 APP 界面设计、图标设计、电子杂志类 app 宣传编排设计、电商 类 app 界面、图标、运营图等设计操作和实际运用。3.职业素质要求：对知识进行积累，培养自己对美的感受能力，在设计时才能触类旁通。还应该对设计制做到走向 市场的全过程有足够的了解。二、主要教学内容及其教学要求（一）UI 设计概述 主要教学内容 1.品牌类 UI 设计的概念及发展 2.主题 UI 的交互效果与设计注意 教学要求 主要介绍家具设计的概念及发展历史，全面了解家具设计的发展过程、在掌握家具的基本要素的 基础上，了解家具的不同分类方法，理解家具在室内外环境中的地位

6、与作用，理解人体工程学与 家具设计的关系，熟练掌握常用家具尺寸。重点：UI 设计发展的历史和过程，UI 这几年载体移动设备的进步和变化 难点：移动设备的变化，电子产品制作的注重点与印刷品的不同（二）UI 设计与制作 主要教学内容 1.UI 设计流程 2.主题 UI 设计创意与宣传目的 3.主题 UI 界面案例制作 教学要求 UI 设计是综合运用的一门学科，因此掌握正确的设计方法是取得有效设计结果的关键。创意设计 阶段硬更多要求设计提出可实施性的创意设计方案、设计方向和想法，然后参考一些实际案例以 成熟自己的制作方法和技巧，同时在设计制作之外，适当的与学生共同讨论一下这几年兴起的几 个成功企业

7、app 案例会为这品牌提供什么样的作用和效果以及宣传的帮助。重点：不同风格的 UI 界面案例制作和贴近品牌表现方式 难点：UI 制作要注意页面切换间的关系，交互关系，视觉冲击表现（三）精细 UI 图标设计与制作 主要教学内容 1.精细 UI 图标设计 2.精细 UI 图标的细节表现技法 3.精细 UI 图标的制作与调整 教学要求 让学生沉下心来，放多点耐心去制作一些具像精细图图标，着重细节部分的表现，更多是用软件 对细节部分的刻画，让出来的图标成品更成熟，在市面 APP 类产品视觉运用上有一定竞争力。重点：图标草图设计，光影，调子，处理画面关系，精细技法表现 难点：精细细节表现，画面调节处理，

8、图标结构关系（四）精细 UI 图标设计与制作 主要教学内容 1.优秀 UI 设计欣赏 2自由创作主题 UI 作品设计制作 3自由设计作品上交 教学要求 通过最后部分内容的学习，在吸收更多国内外优秀产品作品的同时，也能利用所学习到的知识内 容和制作作品，提高审美能力的同时，亲自动手设计一套主题品牌的创意作品，着重界面风格设 计，精细图标表现，掌握设计制作商用成品的能力。重点：把优秀 UI 设计的优点吸收，用在自己自由创意作品制作上 难点：个人风格的表现与审美能力培养，设计制作软件技术方面的熟练度 三、课程学时分配 表 1.学时分配表 项目 序号 教学内容（按模块或知识单元）学时 其中 讲授 实践

9、 其它 1 品牌 UI 设计概述 2 0 2 2 UI 案例临摹 12 0 12 3 UI 设计与制作 12 0 12 4 精细 UI 图标设计与制作 16 0 16 5 优秀品牌 UI 设计欣赏 4 0 2 6 自由创意作品制作 16 0 12 四、实践教学（一）课内实践项目 表 2.实践教学安排表 序号 实践项目 学时 备注 1 品牌 UI 设计概述 4 2 UI 设计与制作 24 3 精细 UI 图标设计与制作 24 4 优秀品牌 UI 设计欣赏与自由创意作品制作 12 总 计 64 （二）独立实践项目 无 五、必要说明（一）课程开设的基本条件 本课程作为视觉艺术设计以及其他设计类专业的

10、一门职业技能课程，综合运用性质较强，需要一 个良好的教学环境，机房应配置设计 Photoshop 和 Flash 软件，学生需要掌握素描、平面构成、色彩构成、版式设计、字体设计等知识内容和基本掌握 Flash、Photoshop 处理技术等基础条件。（二）建议使用的教材及教学参考书 教材：UI 设计，郭少锋 吴博 高旺编著，华中科技大学出版社，2013 年 11 月，第 1 版。参考书：好设计不简单：UI 设计师必须了解的那些事，古贺直树编著，人民邮电出版社，2014 年 8 月,第 6 版。（三）考核方式及成绩评定 1.考核类别、题型及成绩评定办法 方式：考查 形式：实操（随堂考）2.总评成绩的组成及评定标准 总评成绩=平时成绩 40%作品考核成绩 60%平时成绩=平时课堂表现成绩 20%+考勤成绩 20%作品考核成绩=平时作品成绩 30%和期末综合作品成绩 30%（四）修订说明 本课程大纲是根据教学标准及人才培养计划而新编的，新编的主要内容是课程的性质、任务和课 程的教学目标、实训计划等内容。（五）其它说明大纲编订部门：艺术设计教研 执笔人：蔡筱斌 大纲审订部门：信息工程系 审订部门负责人：张峻 编订日期：2015 年 4 月 1 日 修订日期：2015 年 5 月 1 日