页眉内容

《UI设计》教学大纲

课程类别：岗位技能课 适用对象：全日制三年艺术设计

总 学 时： 64 讲授学时：0 课内实践学时：64 独立实践学时：0

先修课程：计算机辅助设计Photoshop、CorelDraw、标志设计、flash 一、课程的性质、任务与课程的教学目标 （一）课程的性质、任务

1.课程的性质

《UI设计》是艺术设计专业的专业课程，是在图形图像处理、企业形象、logo标志设计课程上的延续与提高。课程几乎涉及到了平面设计专业基础课的各个方面，课程实践中注重对各设计基础课程如图形设计、编排设计、字体设计、构成设计等课程的综合运用。UI主题界面设计是一门在电子设备，新兴媒体上运用平面设计的综合性学科，以往平面设计多数是印刷品，今天移动设备的兴起，应用如： 手机上的企业APP主题宣传品，企业电子杂志APP版，企业门户网站手机版，企业微信宣传品设计，精细的ICON图标表现，和一些特色风格的主题APP界面设计等，都是企业形象宣传的一部分，是属于APP或手机网页方面，视觉界面部分的设计，为大多数互联网类公司培养研发部门和市场部门的视觉设计师。

2.课程的任务

①本课程实现专业培养目标（分析本课程地位及作用）中所承担的任务：

此课程的目的与任务是要求学生对UI设计意义、功能有初步的了解，掌握UI设计的基本形式，来龙去脉，市面上的一些案例，训练学生在设计主题UI方面注重画面的形式美感和使用舒适度方面的设计，使学生具备主要常用的一些APP主题界面的设计能力和精细ICON图标的表现能力。

②本课程教学内容及教学环节等方面与前后相关课程的联系与分工：

本课程从设计的角度对这几年冒起的智能手机和发展迅速的APP发展过程做说明、功能分类、设计定位、表现形式、视觉设计、企业品牌宣传app上的运用案例等作较为全面的讲述，然后对常用的一些设计方式和主要案例做临摹训练以及在尝试几个案例后，作主观设计创作训练。通过本课程的学习，可以熟悉手机主题界面设计中关于企业主题APP界面，特色主题界面，电子杂志类型宣传品,电商类APP视觉设计，电商运营图，宣传品，交互图标，首内页编排等，界面设计中一些图标和页面编排等的运用，是一门实践性较强的课，是视觉传达设计方向里一门这几年市面应用比较广的电子宣传品类制作职业课。

③本课程相关的先修课及后续课：

素描、平面构成、色彩构成、文字设计、图形创意设计、以及会使用photoshop、flash后再开展比较好，其中电子杂志类和电商app界面会涉及少量动画和交互以及音效，是综合性运用较强

页脚内容

页眉内容

的一门实操制作职业课。

（二）课程的教学目标

1.基本理论要求：

全面了解UI设计的发展过程、近年移动设备发展、设计的基本原则等方面的知识，让学生掌握UI设计的表现方法和制作技能，提高学生设计审美能力。

2.基本技能要求：

要求学生重点掌握移动设备主题APP界面设计、图标设计、电子杂志类app宣传编排设计、电商类app界面、图标、运营图等设计操作和实际运用。

3.职业素质要求：

对知识进行积累，培养自己对美的感受能力，在设计时才能触类旁通。还应该对设计制做到走向市场的全过程有足够的了解。

二、主要教学内容及其教学要求 （一）UI设计概述

主要教学内容

1.品牌类UI设计的概念及发展 2.主题UI的交互效果与设计注意

教学要求

主要介绍家具设计的概念及发展历史，全面了解家具设计的发展过程、在掌握家具的基本要素的基础上，了解家具的不同分类方法，理解家具在室内外环境中的地位与作用，理解人体工程学与家具设计的关系，熟练掌握常用家具尺寸。

重点：UI设计发展的历史和过程，UI这几年载体移动设备的进步和变化 难点：移动设备的变化，电子产品制作的注重点与印刷品的不同

（二）UI设计与制作

主要教学内容

1.UI设计流程

2.主题UI设计创意与宣传目的 3.主题UI界面案例制作

教学要求

UI设计是综合运用的一门学科，因此掌握正确的设计方法是取得有效设计结果的关键。创意设计阶段硬更多要求设计提出可实施性的创意设计方案、设计方向和想法，然后参考一些实际案例以成熟自己的制作方法和技巧，同时在设计制作之外，适当的与学生共同讨论一下这几年兴起的几个成功企业app案例会为这品牌提供什么样的作用和效果以及宣传的帮助。 重点：不同风格的UI界面案例制作和贴近品牌表现方式

难点：UI制作要注意页面切换间的关系，交互关系，视觉冲击表现

页脚内容

页眉内容

（三）精细UI图标设计与制作

主要教学内容

1.精细UI图标设计

2.精细UI图标的细节表现技法 3.精细UI图标的制作与调整

教学要求

让学生沉下心来，放多点耐心去制作一些具像精细图图标，着重细节部分的表现，更多是用软件对细节部分的刻画，让出来的图标成品更成熟，在市面APP类产品视觉运用上有一定竞争力。 重点：图标草图设计，光影，调子，处理画面关系，精细技法表现 难点：精细细节表现，画面调节处理，图标结构关系

（四）精细UI图标设计与制作

主要教学内容

1.优秀UI设计欣赏

2.自由创作主题UI作品设计制作 3.自由设计作品上交

教学要求

通过最后部分内容的学习，在吸收更多国内外优秀产品作品的同时，也能利用所学习到的知识内容和制作作品，提高审美能力的同时，亲自动手设计一套主题品牌的创意作品，着重界面风格设计，精细图标表现，掌握设计制作商用成品的能力。

重点：把优秀UI设计的优点吸收，用在自己自由创意作品制作上 难点：个人风格的表现与审美能力培养，设计制作软件技术方面的熟练度

三、课程学时分配

表1. 学时分配表 项目序号 1 2 3 4 5 6 教学内容（按模块或知识单元） 品牌UI设计概述 UI案例临摹 UI设计与制作 精细UI图标设计与制作 优秀品牌UI设计欣赏 自由创意作品制作 学时 2 12 12 16 4 16 其中 讲授 0 0 0 0 0 0 实践 2 12 12 16 2 12 其它 四、实践教学 （一）课内实践项目

表2. 实践教学安排表

页脚内容