广播电视大学(电大)网站界面UI设计原网站美工设计基础.doc

网站界面(UI)设计课程考核阐明
一、有关阐明
1. 考查对象
国家开放大学开放教育专科计算机网络技术专业学生。
2. 启用时间
秋季学期。
3. 考核目标
通过考核使学生，了解网站和网页的基本设计思想，使学生掌握色彩基础知识；平面组成；掌握平面设计构图的几个常用的体现措施）；了解CorelDRAW工具的使用，培养对优秀网页版式分析模仿的能力，掌握网页设计的基本措施。
4. 考核依据
本课程考核阐明是依据国家开放大学《网站美工设计基础教学大纲》、文字教材《网站美工设计基础》（蒋水主编，中央广播电视大学出版社6月第1版）制定的。本课程考核阐明是课程考核命题的基本依据。
5. 考核方式及计分措施
本课程考核采取形成性考核与终止性考试相结合的方式。形成性考核占课程综合成绩的50%，终止性考试占课程综合成绩的50%。课程考核成绩统一采取百分制，即形成性考核、终止性考试、课程综合成绩均采取百分制。
课程综合成绩达成60分及以上（及格），可取得本课程对应学分。
二、考核方式与要求
（一）形成性考核
1. 考核目标
加强对学生平时自主学习过程的指引和监督，重在对学生自主学习过程进行指引和检测，引导学生按照教学要求和学习计划完成学习任务，达成掌握知识、提升能力的目标，提升学生的综合素质。
2.考核伎俩
形成性考核成绩包括实训成绩和学习过程体现成绩两部分，实训成绩占课程综合成绩30%，学习过程体现成绩占课程综合成绩20%。学习过程体现成绩评定由分部（省校）负责设计组织。
有关实训考核的提议
实训是课程教学步骤的重要组成部分，是提升学生动手能力的重要伎俩。要求实训指引教师严格按要求指引学生完成每一个实训任务。依照开放教育成人业余学习的特点，为了切实有效地落实实训教学步骤，提议采取如下考核措施：
1．一般要求学生集中在各教学点指定的画室和多媒体试验机房，在实训指引教师的指引下，按课程进程及时完成各个实训项目，所有实训成果都必须保存。指引教师依照学生完成实训的情况及时给出实训成绩。
2．部分学生自己具备实训条件，又因为客观原因无法确保按时参加集中实训，可自行按教学进程完成各实训任务，但必须参加阶段性实训考核，并以7次阶段性实训考核的成绩评定实训成绩。
阶段性实训考核的操作措施：一个学期安排7次实训考核，考查学生独立完成实训的情况，并要求在3小时内独立完成。每次考核后评定一个阶段的实训成绩，最后通过7次考核确定实训的总成绩。
3．各教学点必须将每个学生完成阶段性实训考核的成果保存一年，以备抽查。

表1 阶段性实训考核的内容（必做）
序 号
考 核 内 容
权重
1
实训2 网页与平面组成、色彩、版面设计的关系
6%
2
实训3 掌握重复、渐变、发射的组成练习（选2种或2种以上形式进行综合练习）

6%
3
实训5 设计三幅平面组成设计（选2种或2种以上形式进行综合练习）
9%
4
实训6 绘制色相卡
6%
5
实训8 绘制纯度渐变卡
6%
6
实训9 上机完成8幅作业练习
9%
7
实训14 利用CorelDRAW工具绘制网页
18%
学习过程体现成绩占形成性考核成绩40%，由分部自行设计组织。每次形考任务按照百分制计分，所得分数乘以对应的权重，相加的和为课程的形成性考核成绩。
（二）终止性考试
1. 考试目标
终止性考试是在形成性考核的基础上，对学生学习情况和学习效果进行的一次全面检测。
2. 命题标准
第一，本课程的考试命题严格控制在教学大纲要求的教学内容和教学要求的范围之内。
第二，考试命题覆盖本课程教材的1-6章，既全面，又突出重点。
第三，每份试卷所考的内容，覆盖本课程教材所学内容的70%以上章节。
第四，试题难度适中。一般来讲，可分为：轻易、适中、较难三个程度，所占百分比大体为：轻易占30%，适中占50%，较难占20%。
3. 考试伎俩
网络考试。
4.考试方式
开卷。
5. 考试时限
60分钟。
三、终止性考试题型及规范解答举例
试题题型包括单项选择题、判断题。下面给每种题型列举1-2道样题，以及对应的参考答案及评分标准。
一、单项选择题（每题3分，25题，共75分）
1．下列属于肌理的是 （ ）。
A．物体表面的结构特性 B．物体表面的色彩特性 C．物体表面的形状特性
2．对称给人的感觉是 （ ）。
A．形状相同 B．排列整洁 C．有秩序 D．色彩统一
3．力学上的平衡是指 （ ）。
A．图形的形状相同 B．材料的质感同样 C．支点两端的受力相一致
……
二、判断题（正确的打“√”，错误的打“×”；每题2.5分，10题，共25分）
1．有机形——是指有机体的存在形态。例如有机体的动物、生物的细胞等，其特点是圆滑的、简洁明快，有生命的结构。（ ）
2．把两种颜色按一定的百分比相混合，调成无彩色黑、灰时（色相感、纯度感消失），这两种颜色就被称为互补色。（ ）

……

试题参考答案：
一、单项选择题（每题3分，25题，共75分）
1．A 2．C 3．C
……

二、判断题（正确的打“√”，错误的打“×”；每题2.5分，10题，共25分）
1. ×
2. √
……

……

四、课程考核的内容和要求
第一章 二十一世纪网页设计的审美转达
[考核知识点]
1．什么是网页
2．网页设计与美术基础知识
3．网页与平面组成
4．网页与色彩
[考核要求]：
掌握：网页与平面组成、网页与色彩之间的相互关系。
了解：美术基础知识在网页制作过程中的重要作用。
了解：美术基础知识在网页制作过程中不可或缺的地位。
第二章 平面组成
[考核知识点]
1、形式美的基本法则
2、平面设计的门类、元素和形象
3、什么是重复、渐变 、发射
4、骨格的特点
5、基本型的各种排列
[考核要求]：
掌握：基本型在平面设计中的各种排列及其审美法则，并能较灵活的利用于网页设计。
了解：平面设计的门类、元素和形象。
了解：形式美的基本法则。
第三章 色彩在现实领域中的应用
[考核知识点]
1、色彩的产生
2、简析色彩与生理、色彩与心理的关系。
3、怎样进行色彩调和？
4、无彩色与有彩色的相互作用
5、简析物理补色与生理补色的区分。
6、什么是明度、纯度推移组成？
7、什么是颜色的混合？
8、什么是模拟加法混合？
9、什么是同时对比？
10、什么是色相对比？
11、什么是明度对比？
12、什么是纯度对比？
13、为何说肌理对色彩能产生视觉影响？
14、色彩暗化与淡化的根本是什么？
15、试析黑色、白色对色彩的分隔作用。
[考核要求]：
掌握：色彩组成在平面设计中的各种排列及其审美法则，并能较灵活的利用于网页设计。
了解：色彩组成的基本要素和形象。
了解：色彩组成的基本概念和作用。

第四章 网页版式设计的图文魅力
[考核知识点]
1、版式设计的视觉要素和造型要素
2、版式设计的审美形式原理
3、网页的版式设计
[考核要求]：
掌握：网页版式的基本类型、网页内容的编排。
了解：版式设计的形式法则。
了解：版式设计的基本要素、网页的界面空间。

第五章 绘图工具的基本应用
[考核知识点]
1、CorelDRAW的基础知识
2、工具箱基本应用
3、对象的选用和编辑操作
4、图像填充效果
5、位图的应用与编辑
[考核要求]：
掌握：在CorelDRAW中编辑位图、能够将各工具结合起来绘制丰富多彩的图形。
了解：CorelDRAW工作界面的基本操作、图像类型和常用格式、各部分工具的使用措施、色彩的模式与调整。
了解：CorelDRAW的基本概念和功效、色彩的模式及位图的定义和导入。

第六章 CorelDRAW与网页设计
[考核知识点]
1、制作水晶按钮
2、制作Logo
3、绘制导航条
4、制作广告
5、文本的处理
6、主页设计
[考核要求]：
掌握：网页布局与页面元素的制作技巧。
了解：在网页设计中图片的应用；按钮及文字的制作与添加。
了解：网页中常见元素的定义、赏析及绘制。

网站美工设计基础复习题
一、单项选择题
1．网络信息最重要的特点是它的（ ）
A、复杂性和可变性
B、交互性和可选性
C、可选性和复杂性
D、多样性和可变性
2．海报设计、广告设计、多媒体视频设计都属于（ ）
A、机能设计
B、视觉传媒设计
C、装饰设计
D、环境设计
3．在色相环上相正确两个颜色为（ ）
A、对比关系
B、补色关系
C、间色对比
D、类似色对比
4．网络系统首先展示给我们的就是最能吸引人们注意的（ ）
A、窗口
B、网页
C、导航条
D、广告
5．对肌理的描述正确的是（ ）
A、物体表面的结构特性
B、物体的形状
C、物体的色彩
D、物体的空间位置
6. 在色彩三要素中，当某种要素近似时，而变化其他要素的调和，称为（ ）
A、同一调和
B、对比调和
C、近似调和
D、单一调和
7．一般意义上来说，网页重要由（ ）两个方面的原因组成
A、广告和导航
B、音频和视频
C、文字和图像
D、内容和形式
8．下列有关组成物体色彩固有特性的描述错误的是（ ）
A、物体的形状
B、透明度、反光度
C、光源的性质
D、物体的质地
9．所谓类似色对比，是指色相环上（ ）的两个颜色的对比
A、相对
B、相同
C、相邻
D、互补
10．（ ）是网页中最常用的也是最重要的页面原因之一
A、色彩
B、音频
C、视频
D、文字
11．组成是将相同或不一样形态的（ ） 的单元通过重新组合形成一个新的单元
A、三个以上
B、两个以上
C、任意
D、五个以上
12．我们把那些在平面设计中只能感觉但实际并不存在的东西称为（ ）
A、虚拟元素
B、概念元素
C、视觉元素
D、使用元素
13．（ ）具备吸引注意力、集中视线的功效
A、面
B、点
C、线
D、体
14. 流淌的河水、漫天的云霞、临风的枯木、击碎的岩石都属于（ ）
A、自然形
B、偶然形
C、有机形
D、人造形
15．以一个基本形为单位，在设计中重复出现，这种设计称作（ ）
A、透叠设计
B、群化设计
C、重复设计
D、组形设计
16．色彩肌理是观者通过观测来“触摸”物体表面色彩的一个（ ）
A、触觉感受
B、视觉感受
C、听觉感受
D、幻想
17．面具备长度、宽度、无（ ），是体的表面
A、方向
B、位置
C、轮廓
D、厚度
18．下列哪一项是光谱学说中的七种色彩（ ）
A、红、橙、白、绿、青、蓝、紫
B、红、橙、灰、绿、青、蓝、紫
C、红、橙、黄、绿、青、蓝、紫
D、红、橙、白、绿、青、黑、紫
19．由一个基本形渐变到另一个基本形，基本形能够由完整渐变到残缺，能够由简单渐变到复杂，这种渐变称作（ ）
A、方向渐变
B、骨格渐变
C、位置渐变
D、形状渐变
20．用来界定基本形彼此之间准确空间位置的骨架称作（ ）
A、可见骨格
B、规律性骨格
C、不可见骨格
D、作用性骨格
21．肌理重要是指物体表面的（ ）
A、结构特性
B、纹理
C、颜色
D、吸光能力
22．假如从明处走进光线昏暗的屋子里，会感到一片漆黑，但很快眼前的物体会慢慢清楚，这个由明到暗的适应叫（ ）
A、明适应
B、暗适应
C、明暗恒常
D、色的恒常
23．我们把那些在平面设计中只能感觉但实际并不存在的东西称为（ ）
A、虚拟元素
B、概念元素
C、视觉元素
D、使用元素
24．在发射组成中，发射点依照图形的需要，按照一定的动势，有秩序地渐次移动位置，形成有规律的变化，体现出较强的空间感并具备曲面的效果。这种发射形式属于（ ）
A、同心式发射
B、中心点发射
C、移心式发射
D、渐变式发射
25．在平面组成中，“形象与背景”又可称为（ ）
A、前景与后景
B、图与底
C、首要与次要
D、主体与客体
26．可见骨格是指骨格线和基本形明显地表目前构图中，有明确的（ ）
A、位置
B、空间划分
C、大小
D、骨架
27．（ ）能刺激荷尔蒙的变化，使肌肉的技能和血液的循环加强
A、黄色
B、蓝色
C、红色
D、紫色
28．对重复骨格的描述下列哪一项是正确的（ ）
A、骨格的每一单位形象和位置均相等
B、骨格的每一单位色彩和形象均相等
C、骨格的每一单位形象和面积均相等
D、骨格的每一单位位置和面积均相等
29．不变化色光或发光材料自身的色彩混合称作（ ）
A、负混合
B、加法混合
C、中性混合
D、空间混合
30．从平面组成的角度来看网页设计，其重点在于网页平面的（ ）
A、视觉印象
B、色彩搭配
C、文字排版
D、分隔秩序
31．CorelDRAW软件安装后，第一次运行会出现CorelDRAW的（ ）
A、安装向导
B、欢迎界面
C、工作区
D、常用工具栏
32．将两个含灰量不一样的颜色并置在一起，进行鲜灰度的比较，这种对色彩性质的比较称作（ ）
A、色相对比
B、明度对比
C、明暗对比
D、纯度对比
33．下列属于矢量图的文献格式的是（ ）
A、*.bmp
B、*.jpg
C、*.cdr
D、*.tiff
34．操场上做体操的学生、建筑中的墙砖、地板、楼房上一个个的窗户，都属于（ ）设计手法。
A、渐变
B、基本形重复
C、发射
D、骨格排列
35．网页的页面以图象布满整版，传达直观而强烈的视觉效果，这种版式类型属于（ ）
A、焦点型
B、满版型
C、骨格型
D、自由型
36．网页的平面组成设计一般要注意三方面标准:布局新颖、（ ）、变化统一
A、对比强烈
B、搭配适度
C、结构合理
D、形式新颖
37．下列不属于有彩色的是（ ）
A、红色
B、白色
C、明黄色
D、湖蓝色
38．树木的生终年轮、海螺的生长结构、声波的传递、水波纹的运动都属于（ ）组成形式。
A、重复
B、渐变
C、发射
D、骨格
39．可见骨格是指骨格线和基本形明显地表目前构图中，有明确的（ ）
A、位置
B、空间划分
C、大小
D、骨架
40．利用对应的工具，将颜料成雾状地喷在画面上称为（ ）
A、涂鸦
B、喷绘
C、刻刮
D、拓印
41．用红色光线照射乳白色的石笋，石笋的受光面会展现（ ）
A、黄色
B、红色
C、白色
D、乳白色
42．JPEG格式文献的后缀是（ ）
A、.jpg
B、.TFR
C、.CDR
D、.DIR
43．在商品陈列或宴会上，一般在肉类食品专柜上使用（ ）光源
A、紫色
B、蓝色
C、红黄色
D、绿色
44．人的眼睛无法迅速辨别速度过快、距离过远、差异过小的物体，这种现象称作（ ）
A、视觉的惰性
B、视觉的适应
C、视觉的程度
D、视觉的恒常
45．网页版式通过对视线的诱导，使页面具备强烈的视觉效果，这种网页版式类型属于（ ）
A、三角型
B、焦点型
C、倾斜型
D、分割型
46．流淌的河水、漫天的云霞、临风的枯木、击碎的岩石都属于（ ）
A、自然形
B、有机形
C、偶然形
D、人造形
47．（ ）在色彩中明度最高，属于无彩色。
A、黄色
B、紫色
C、白色
D、黑色
48．以一个基本形为单位，在设计中重复出现，这种设计称作（ ）
A、透叠设计
B、群化设计
C、重复设计
D、组形设计
49．在CorelDRAW软件中，导入一张图形的快捷键是（ ）
A、Ctrl+I
B、Alt+I
C、Shift+I
D、Enter+I
50．一般来说，反光能力强的物体表面（ ）
A、颜色较暗
B、较光滑
C、较粗糙
D、颜色纷杂
51．（ ）一般能给人和平、可靠、安全的心理暗示
A、红色
B、白色
C、绿色
D、黄色
52．从平面组成的角度来看网页设计，其重点在于网页平面的（ ）
A、视觉印象
B、色彩搭配
C、文字排版
D、分隔秩序
53．下列有关使用元素的描述错误的是（ ）
A、设计所体现的涵义
B、设计所体现的内容
C、设计所体现的设计的目标和功效
D、设计所体现的形象的大小、形状、色彩、肌理等
54．把两种颜色按一定百分比相混合，调成无彩色黑、灰时，这两种颜色就被称为（ ）
A、互补色
B、对比色
C、类似色
D、复色光
55．网页的平面组成设计一般要注意三方面标准:布局新颖、（ ）、变化统一
A、对比强烈
B、搭配适度
C、结构合理
D、形式新颖
56．在CorelDRAW软件中，提供了色彩填充功效，下列哪一项是错误的（ ）
A、均匀填充
B、渐变填充
C、纹理填充
D、图像复制

57．平面组成是在两度空间内用轮廓线来划分（ ）之间的界限
A、形状与大小
B、形象与背景
C、色彩与肌理
D、空间与位置
58．操场上做体操的学生、建筑中的墙砖、地板、楼房上一个个的窗户，都属于（ ）设计手法。
A、渐变
B、基本形重复
C、发射
D、骨格排列
59．下列不属于矢量图文献格式的是（ ）
A、*.emf
B、*.cdr
C、*.jpeg
D、*.ai
二、判断题
1．网页最多可分为三级页面。 （ ）
2．环境设计包括建筑设计、园林设计、壁画和多媒体视频设计等。 （ ）
3．组成包括平面组成、立体组成、色彩组成3大类型 （ ）
4. 建筑、交通工具和纺织品等都属于人造形。 （ ）
5．黄金比是其矩形比的长与宽为1:1.678 （ ）
6．波长最短的可见光波是紫色波。 （ ）
7．基本形由小到大或由大到小的渐次排列，能产生纵深感和空间感，属于位置的渐变。（ ）
8．对称是指点、线、面在上下或左右有相同的部分出现所组成的图形。 （ ）
9．CorelDRAW软件中，按住Ctrl+Alt键后拖动鼠标，可绘制出以鼠标单击点为中心的正方形边界的网格。 （ ）
10．矢量图形与辨别率无关，能够将它缩放到任意大小都不会影响其清楚度。 （ ）
11．发射点在画面中，有可见的，也有不可见的。 （ ）
12. 红色表面吸取日光中红色以外的其他色光而反射红色光。 （ ）
13．橙色的波长仅次于红色。 （ ）
14．有机形是指有机体的存在形态，例如生物的细胞，临风的枯木、交通工具等等。（ ）
（ ）
15．红、黄、蓝这三种颜色是不能用其他颜色混合出来的。 （ ）
16．建筑设计、园林设计、室内设计都属于机能设计 。 （ ）
17．泼洒颜料形成的不可复制的形状称为人造形。 （ ）
18. 曲线重要是指弧线、双曲线、抛物线和波浪线等。 （ ）
19．橙色的波长仅次于红色。 （ ）
20．黄色是明度最低的色，处在光谱的边缘位置 。 （ ）
21.发射线具备方向性，依照发射的不一样方向，组成时形式上有不一样的体现。 （ ）
22．红色加蓝色产生紫色，黄色加红色产生绿色。 （ ）
23．复色光是指含有7种以上色彩的光线。 （ ）
24．橙色的波长仅次于红色。 （ ）
25．不可见骨格是指骨格线只是在概念中存在，在构图中不一定画出来。 （ ）
26．凹凸变化中凸的形象有图感。 （ ）
27．物体色是自身不发光的色彩。 （ ）
28．点阵图文献的色彩越丰富，文献的字节数越少。 （ ）
参考答案：
一、 单项选择题
1.B 2.B 3.B 4.B 5.A 6.C 7.C 8.A 9.C 10.D
11. B 12.B 13. B 14.B 15.C 16.B 17.D 18.C 19.D 20.D
21.A 22. B 23.B 24.D 25.B 26.B 27.C 28.C 29.C 30.D
31.B 32.D 33.C 34.B 35.B 36.A 37.B 38.B 39.B 40.B
41.B 42.A 43.C 44.C 45.B 46.C 47.C 48.C 49.A 50.B
51.C 52.D 53.D 54.A 55.A 56.D 57.B 58.B 59.C
二、判断题
1.（×）
2.（×）
3.（√）
4.（√）
5.（×）
6.（∨）
7.（×）
8.（√）
9.（×）
10.（∨）
11.（√）
12.（√）
13.（√）
14.（×）
15.（√）
16．（×）
17．（×）
18．（∨）
19．（∨）
20．（×）
21．（∨）
22．（×）
23.（×）
24.（∨）
25.（∨）
26.（∨）
27.（∨）
28.（×）