北京自考教材12209触控界面UI设计考试大纲下载

北京市高等教育自学考试课程考试大纲
课程名称：触控界面UI设计 课程代码：12209（非笔试） 2017年11月版
第一部分 课程性质与设置目的
一、课程性质与特点
《触控界面UI设计》是北京市高等教育自学考试网络传媒设计专业（专科）学生必修的专业核心课。采取“实践”考核方式，它是对触控终端智能操作系统界面美观的整体设计，主要培养学生的视觉设计、色彩观察力及分析能力，了解交互设计与界面设计的基本概念、设计规范和工作流程。
本课程是针对“移动平台UI设计师”岗位所设置的课程，由于该行业专业人才稀缺，人才资源争夺激烈，因此，本课程强调培养学生能够独立运用制图软件进行设计与制作，使其迅速进入职场角色。
本大纲是根据高等教育自学考试网络传媒设计专业培养目标编写的，立足于培养高素质人才，适应网络传媒设计专业的培养方向。
二、课程目的与基本要求
本课程着重强调培养学生的设计表现力及创新能力，开发其对触控界面UI设计的灵敏触觉和领悟力。通过系统地学习，培养学生独立完成整套触控界面UI设计的能力。
课程基本要求：
（1）了解什么是UI，什么是APP，了解APP的开发流程；
（2）了解热门手机的屏幕分辨率；
（3）掌握IOS系统界面中各部分的名称、作用及设计制作方法；
（4）了解Android系统的界面特点
（4）掌握APP界面设计的颜色搭配方法；
（5）掌握APP界面的设计规范；
（6）掌握APP界面的logo设计方法；
（7）掌握APP界面中各类组件的设计方法；
（8）掌握APP界面中的导航设计方法；
（9）能进行简单触控界面UI的设计制作；
（10）能设计制作APP界面的整体框架；
（12）能设计制作完整的APP界面。
本课程的考核章节是模块一、二、三、四、五、六、七、八、九、十，其中重点章节是模块三、四、五、六、七、八、九、十。
三、与本专业其他课程的关系
《触控界面UI设计》是网络传媒设计专业必修的专业核心课程，它与本专业的《数字艺术设计》课程有着密切的关系，在修本课程前需要学习掌握《数字艺术设计基础》课程，领会和掌握数字艺术设计的审美法则，最终达到灵活运用，融会贯通，提高审美能力，为《触控界面UI设计》课程的学习奠定基础。

第二部分 课程内容与考核目标
模块一 基础知识
一、学习目的与要求
通过本章学习，了解什么是UI，什么是手机APP，掌握UI设计行业的基础知识、规范、特征，掌握当前热门手机的屏幕分辨率，了解智能手机中的传感器。
二、考核知识点与考核目标
（一）什么是UI，什么是APP
识记：UI的相关概念，什么是UI和GUI，什么是UE和UED，什么是UCD。
理解：什么是APP，APP的开发流程。
（二）智能手机的屏幕
识记：智能手机屏幕的各种单位、参数；网点密度与像素密度。
理解：常见智能手机的屏幕规格；iphone6plus的屏幕
（三）智能手机的传感器
识记：智能手机传感器名称、作用。
理解：传感器在手机中的使用案例。

模块二 设计风格
一、学习目的与要求
通过本章学习，掌握APP的设计流程,了解UI的设计风格，掌握为APP选择颜色的方法，掌握各种常见字体在APP中的使用方法。
二、考核知识点与考核目标
（一）什么是设计风格
识记：什么是设计风格。
理解：如何为一款APP确立其设计风格。
（二）颜色的相关知识
识记：主色、副主色、点睛色；色彩的色相、饱和度和明度；什么是RGB和HSB色彩模式。
理解：颜色的性格，颜色带给用户的心理感受。
应用：如何为一款APP挑选适合的色彩搭配。
（三）字体
识记：衬线体、无衬线体的特点、区别。系统内置字体。
理解：在何种情境下需使用系统内置字体。
应用：如何为一款APP挑选适合的字体、字号及字的颜色。

模块三 图标与图片
一、学习目的与要求
图标也叫icon，是介于用户和图形界面之间的一个载体，通过本章学习，掌握图标设计的流程和方法，能够为一款APP设计适合的图标。
二、考核知识点与考核目标
（一）App图标特点
识记：独特的图形，表意准确，谨慎用色，避免使用大量文字，避免使用照片，使用不同场景。
理解：什么是合格的图标，什么是不合格的图标，应避免哪些问题。
（二）App图标设计流程
识记：寻找隐喻，抽象图形，竞品分析，确定风格，调整细节，场景测试。
理解：扁平化图标与抽象图标的应用情境。
应用：为闹钟APP设计一个图标。
（三）App图标设计方法
识记：正负形组合，折叠图形，局部提取，线性图标，透明渐变，色块拼接，图形复用，背景组合。
理解：不同内容的App，为其找快速找出制作图标的方法。
应用：为笔记本App设计一个图标。
（四）各手机系统平台的图标设计规范
识记：IOS图标设计规范；Android图标设计规范。
理解：图标的视觉统一。
（五）App图标设计的细节问题与具体应用
识记：像素对齐，矢量与位图，图片的格式，图片的存储。
理解：线性图标的风格与使用情境，图片的使用。
应用：用不同软件绘制一个线性图标。

模块四 IOS、Android系统界面
一、学习目的与要求
通过本章学习，了解IOS和Android系统的运行特点，掌握IOS和Android系统的界面规范，界面元素组成等。
二、考核知识点与考核目标
（一）IOS系统的界面规范、界面元素
识记：状态栏、导航栏、标签栏、工具栏、表格视图、文本视图、web视图、对话框、操作列表。
理解：IOS硬件特性，导航机制。
应用：制作一个IOS系统的App界面
（二）Android系统的运行特点、操作方式
识记：界面布局、消息推送、操作方式。
理解：IOS与Android两个操作系统的异同点。
应用：制作一个App界面，包括IOS系统和Android系统。

模块五 建立规范
一、学习目的与要求
通过本章学习，除了了解各系统的设计规范，还要根据每个App的 特点制定不同的设计规范。让品牌形成优良的稳定性和延续性。
二、考核知识点与考核目标
（一）组建规范
识记：设计规范的目的，界面的统一性、协同性、高效性。
理解：规范的组成，包括全局图形、调色板、常用控件、常用组件、典型页面。
（二）颜色规范
识记：选择HSB色彩模式的原因，与RGB色彩模式相比其优势在何处。
理解：为某一App创建调色板的方法。
应用：调色板的应用，创建好调色板后，如何将颜色分配给App中各组成部分。
（三）文字规范
识记：各应用系统平台常用的字体、字号。各个位置的常用字体、字号及颜色。
理解：随着系统的升级，字体、字号及颜色会有调整。
（四）布局
识记：应用的框架；导航狼、顶部标签栏、底部标签栏的配色特点、图标尺寸、分布尺寸等。
理解：不同应用之间的差别。
（五）图片规范
识记：用户头像图片尺寸、商品图片尺寸、无数据图片尺寸。
理解：特殊情况下的图片尺寸与规格。

模块六 设计组件
一、学习目的与要求
通过本章学习，了解App框架中有哪些组件，掌握这些组件的功能及设计方法。
二、考核知识点与考核目标
（一）控制元素
识记：各组件的名称与作用-活动指示器、进度指示器、页码控制器、刷新控件、滑动器、开关、步进器。
理解：各组件的设计方法，包括配色、图形等。
应用：设计制作控制器。
（二）筛选器
识记：各筛选器的名称与作用-选择器、日期时间选择器、分段控件、选项卡、排序。
理解：各筛选器的设计方法，包括配色、图形等。
应用：设计制作筛选器。
（三）表单控件
识记：各表单控件的名称与作用-单选框、复选框、文本框、下拉框、表格。
理解：各表单控件的设计方法，包括配色、图形等。
应用：设计制作表单控件。
（四）按钮规范
识记：各种按钮的名称与作用-背景+文字、背景+图标、图标+文字、文字。
理解：各按钮的设计方法，包括配色、图形等。
应用：设计制作各种按钮。
（五）其他组件
识记：各组件的名称与作用-加载更多、非模态浮层、模态浮层。
理解：各组件的设计方法，包括配色、图形等。
应用：设计制作各种组件。

模块七 导航设计
一、学习目的与要求
通过本章学习，了解导航设计的规范，可根据不同内容的App设计各种导航栏。
二、考核知识点与考核目标
（一）扁平导航
识记：各扁平导航的名称与作用-标签导航、舵式导航、宫格式导航。
理解：各导航的设计方法，包括配色、图形等。
应用：设计扁平导航。
（二）内容主导式导航
识记：各内容主导式导航的名称与作用-陈列式导航、旋转木马式导航。
理解：各内容主导式导航的设计方法，包括配色、图形等。
应用：设计内容主导式导航。
（三）列表式导航
识记：各列表式导航的名称与作用-列表式导航、抽屉式导航。
理解：各列表式导航的设计方法，包括配色、图形等。
应用：设计列表式导航。
（四）其他导航
识记：其他类型导航的名称与作用-点聚式导航、瀑布导航。
理解：点聚、瀑布式导航的设计方法，包括配色、图形等。
应用：设计点聚、瀑布式导航。

模块八 界面设计
一、学习目的与要求
通过本章学习，了解各类页面在App中的作用，掌握各类页面的结构设计，并根据App的内容进行调整，设计个性化页面。
二、考核知识点与考核目标
（一）首页
识记：首页的各种设计方案-搜索栏、标签栏、卡片式设计、楼层设计。
理解：首页各设计方案的设计方法，包括配色、图形等。
应用：设计一个购物App首页。
（二）列表页
识记：列表页的各种设计方案-消息列表、横向卡片、瀑布流。
理解：列表页各设计方案的设计方法，包括配色、图形等。
应用：设计一个购物App列表页。
（三）详情页
识记：详情页的各种设计方案-全局按钮、快速通道。
理解：详情页各设计方案的设计方法，包括配色、图形等。
应用：设计一个购物App详情页。
（四）个人中心
识记：个人中心页的各种设计方案-头像区域、个人信息、功能模块。
理解：个人中心页各设计方案的设计方法，包括配色、图形等。
应用：设计一个社交App个人中心页。
（五）启动页
识记：启动页的各种设计方案-品牌宣传类、首页样式类、情感故事类、节日氛围类。
理解：启动页各设计方案的设计方法，包括配色、图形等。
应用：设计一个情感故事类音乐App启动页。
（六）引导页
识记：引导页的各种设计方案-功能介绍类、使用说明类、情感故事类。
理解：引导页各设计方案的设计方法，包括配色、图形等。
应用：设计一个使用说明类共享单车App引导页。

模块九 设计适配
一、学习目的与要求
目前主流手机屏幕规格各式各样，不可能给每个屏幕规格都做一套设计稿，通过本章学习， 掌握适配各种屏幕分辨率的界面设计方法。
二、考核知识点与考核目标
（一）IOS系统适配
识记：各型号iphone的屏幕尺寸和分辨率。
理解：设计适配的方法与原则。
（二）Android系统适配
识记：主流型号Android的屏幕尺寸和分辨率。
理解：设计适配的基准与方法。
（三）IOS系统适配Android系统
识记：两种系统界面的换算关系。
理解：设计适配的方法。
（四）标注设计
识记：整个界面的标注基准，标注方法
理解：标注过程中与后台程序人员的沟通。
应用：为一个界面图片进行标注。
（五）点九图
识记：什么是点九图。
理解：如何制作点九图。
（六）切图
识记：界面切图与图标切图的方法。
理解：切图的命名规则。
应用：把一个界面图片切图。

模块十 手势应用
一、学习目的与要求
用户通过手势操作App，是人机交互的重要途径，通过本章学习， 掌握各种手势的使用情境，如何结合手势进行界面设计。
二、考核知识点与考核目标
识记：常用手势操作-单击、双击、上下滑动、左右滑动、拖曳、张开／闭合、长按、摇晃。
理解：手势设计禁忌。
应用：为一新闻界面设计手势。

模块十一 设计资源
一、学习目的与要求
从事设计工作，要利用业余时间搜集资料，不断提升自身业务水平，通过本章学习， 掌握搜集资料的途径与方法。
二、考核知识点与考核目标
理解：搜集网站设计资源、图标资源、图片资源。

第三部分 实践环节
模块三 图标与图片
一、考核的目的与要求
考核学生设计制作App图标的能力。
二、考核的内容
1、App图标的设计流程。
2、App图标的设计方法。
3、能够根据需要设计制作一个App的图标。

模块四 IOS、Android系统界面
一、考核的目的与要求
考核学生对IOS、Android系统界面的认知和理解。
二、考核的内容
1、制作一个IOS系统下的界面。
2、制作一个App界面，分别制作出IOS系统版本，和Android系统版本。

模块五 建立规范
一、考核的目的与要求
考核学生对界面设计中各种规范的理解和应用。
二、考核的内容
1、为某一主题的App设计一套配色。
2、为某一主题的App设计一套字体
3、为某一主题的App制作一套用户头像图片。

模块六 设计组件
一、考核的目的与要求
考核学生对界面设计中各种组件的理解和应用，能够设计制作界面中各种组件。
二、考核的内容
1、为某一主题的App设计一套控制器。
2、为某一主题的App设计一套筛选器
3、为某一主题的App制作一套表单控件。
4、为某一主题的App制作一套按钮。
5、为某一主题的App制作一套加载界面。

模块七 导航设计
一、考核的目的与要求
考核学生对界面设计中各种导航的理解和应用，能够设计制作界面中各种导航。
二、考核的内容
1、设计扁平导航。
2、设计内容主导式导航。
3、设计列表式导航。
4、设计点聚、瀑布式导航。
5、设计点聚、瀑布式导航。

模块八 界面设计
一、考核的目的与要求
考核学生对界面设计的理解和应用，能够设计制作各种页面。
二、考核的内容
1、为某一主题的App设计一套控制器。
2、为某一主题的App设计一套筛选器
3、为某一主题的App制作一套表单控件。
4、为某一主题的App制作一套按钮。
5、为某一主题的App制作一套加载界面。

模块九 设计适配
一、考核的目的与要求
考核学生对界面设计适配的操作，为界面进行标注和切图。
二、考核的内容
1、为某一界面进行标注。
2、为某一界面切图。

模块十 手势应用
一、考核的目的与要求
考核学生对手势的理解和应用。
二、考核的内容
1、为一新闻界面设计手势。

第四部分 有关说明与实施要求
一、考核的能力层次表述
本大纲在考核目标中，按着“识记”、“理解”、“应用”等三个能力层次规定考生应达到的能力层次要求，各能力层次为递进等级关系，后者必须建立在前者的基础上，其含义是：
识记：能知道有关的名词、概念、知识的含义，并能正确认识和表述。
理解：在识记的基础上，能全面把握基本概念、基本原理、基本方法，能掌握有关概念、原理、方法的区别与联系。
应用：在理解的基础上，能运用基本概念、基本原理、基本方法及技能，分析和解决有关的理论和实际问题，并能够运用多个知识点进行综合分析，解决问题。
二、指定教材：
《术与道-移动应用UI设计必修课（第2版）》，余振华编著，人民邮电出版社，2017年版。
三、自学方法指导
1、在开始阅读指定教材某一章之前，先翻阅大纲中有关这一章的考核知识点与考核目标，以便在阅读教材时做到心中有数，突出重点，有的放矢。
2、在了解考试大纲内容的基础上，根据考核知识点和考核目标，在阅读教材时，要逐段细读，逐句推敲，集中精力，吃透每一个知识点，对基本概念要深刻理解，对基本理论要弄清它的思想，对基本方法要牢固掌握，并融会贯通，在头脑中形成完整的内容体系。
3、在自学过程中，既要思考问题，也要做好阅读笔记，把教材重要的基本概念、原理、方法等加以整理，以便从中加深对问题的认识、理解和记忆，有利于突出重点，并了解整个内容，不断提高自学能力。同时，在自学各章内容时，切勿死记硬背,要在理解的基础上加以记忆，注重理论联系实际，锻炼从实践的角度出发来思考问题，从而达到深层次的认识水平。
4、为了提高自学效果，应结合自学内容，尽可能地多看一些案例分析和动手做一些练习题，以便更好的理解、消化和巩固所学知识，培养分析问题、解决问题的能力。在做练习之前，应认真阅读教材，按考核目标所要求的不同层次，掌握教材内容，在练习过程中对所学知识进行合理的回顾与发挥，注重从实际出发，具体问题具体分析。
四、社会助学的要求
1、应熟知考试大纲对课程提出的总要求和各章的知识点。各助学院校应根据教学大纲，并参照本大纲规定的内容与规范，对指定教材进行系统的教学。
2、应掌握各知识点要求达到的能力层次，并深刻理解对各知识点的考核目标。
3、辅导时，应以考试大纲为依据，指定的教材为基础，不要随意增删内容，以免与大纲脱节。
4、辅导时，应对学习方法进行指导。提倡”认真阅读教材，刻苦钻研教材，主动争取帮助，依靠自己学通”的方法。
5、辅导时，要注意突出重点，对考生提出的问题，不要有问即答，要积极启发引导。
6、注意对应考者能力的培养，特别是对自学能力的培养，要引导考生逐步学会独立学习，在自学过程中培养善于提出问题，分析问题，解决问题的能力。
7、要使考生了解试题的难易与能力层次高低两者不完全是一回事，在各个能力层次中存在不同难度的试题。
8、助学学时：本课程共5学分，建议总课时不少于90学时，建议助学学时分配如下：
理论部分：
章次
课程内容
助学学时
模块一
基础知识
4
模块二
设计风格
2
模块三
图标与图片
2
模块四
IOS、Android系统界面
4
第五章
建立规范
3
第六章
设计组件
2
第七章
导航设计
2
第八章
界面设计
2
第九章
设计适配
2
第十章
手势应用
2
第十一章
设计资源
2
总计
27
实践部分：
章次
课程内容
助学学时
模块三
图标与图片
4
模块四
IOS、Android系统界面
8
模块五
建立规范
8
模块六
设计组件
8
模块七
导航设计
11
模块八
界面设计
12
模块九
设计适配
8
模块十
手势应用
4
总计
63
注：虽然理论和实践课时分开，但两部分是融合在一起上课。

五、关于命题考试的若干规定
1、本大纲各章所提到的内容和考核目标都是考试内容。试题覆盖到章，适当突出重点
2、试卷中对不同能力层次的试题比例大致是： “理解”为25％、“应用”为75％。
3、试题难易程度分为较易、中等难度、较难三个层次。较难部分比例不超过30%，建议20%。
4、考试采用上机考试的方式，考试时间为90分钟，采用优、良、及格、不及格四级制评分。
六、软件及机器配置
软件：电脑中至少要有Adobe Photoshop、 Adobe Illustrator两款软件，版本CS3或以上。
机器配置：
操作系统：Microsoft Windows 7 或以上
处理器：双核
内存：2.00 GB以上
硬盘：500 GB
显卡：独立显卡
七、题型举例
要求考生利用《触控界面UI设计》所学的知识，根据提供的素材（背景图片），设计一款天气App界面。
考试要求：
1. 新建文件，界面尺寸：宽度-750像素；高度-1334像素；分辨率：72像素／英寸；其他使用默认设置。
2. 使用素材中的“背景”图片作为此款app的背景，背景图片的尺寸若与界面尺寸不符，可放大、缩小、裁切或拼接；
3. 根据“背景”图片的色彩及构图，重新设计整个页面的配色；
4. 界面中的文字应包含城市，当天天气预报（包括天气图标和温度），未来几日天气预报；具体文字内容查看“天气信息-a卷.docx”；
5. 界面中的天气图标从“图标”里查找，挑选与文字信息一致的图标使用，可根据背景、配色及主题需要对图标进行修改，如更改颜色、调整大小、制作阴影效果等；其他图标需自己制作，风格与天气图标一致；
6. 提交格式：源文件和输出文件，源文件为保留制作图层的PSD或AI文件，输出文件为jpg，将源文件和输出文件存储于一个文件夹中。
7. 提交方式：按照监考教师的要求上交到指定位置。
评分标准：
序号
项目
分数
1
使用photoshop或illustrator新建文件。
5分
2
文件尺寸、单位、分辨率与考试要求一致。
5分
3
背景素材使用得当，无挤压变形，并填充整个页面。
5分
4
界面的结构、功能设计、内容分布符合手机界面设计规范。
15分
5
界面的文字信息与所提供的“天气信息”一致，字体、字号、文字颜色的编排符合手机界面设计规范，布局合理、整洁。
15分
6
对图标进行合理修改，与文字信息搭配协调，使信息表达完整、充分、准确。
15分
7
界面信息内容与背景对比强烈，让用户能清晰看到信息，不可模糊不清。
15分
8
界面色彩搭配和谐、富有新意。
10分
9
整体效果要求富有现代感，重点突出，整体感强。
10分
10
文件的提交格式正确，命名规范，按要求提交到指定位置。
5分

总分
100分
范例：

8