2023年广播电视大学（电大）网站界面UI设计原网站美工设计基础

网站界面（UI）设计课程考核说明

一、有关说明

1.考核对象

国家开放大学开放教育专科计算机网络技术专业学生。

2.启用时间

2023年秋季学期。

3.考核目的

通过考核使学生，了解网站和网页的基本设计思想，使学生掌握色彩基础知识；平

面构成；掌握平面设计构图的几种常用的表现方法）；了解CorelDRAW工具的使用，

培养对优秀网页版式分析模仿的能力，掌握网页设计的基本方法。

4.考核依据

本课程考核说明是依据国家开放大学《网站美工设计基础教学大纲》、文字教材《网

站美工设计基础》（蒋水主编，中央广播电视大学出版社2023年6月第1版）制定的。

本课程考核说明是课程考核命题的基本依据。

5.考核方式及计分方法

本课程考核采用形成性考核与终结性考试相结合的方式。形成性考核占课程综合成

绩的50%,终结性考试占课程综合成绩的50虬课程考核成绩统一采用百分制，即形成

性考核、终结性考试、课程综合成绩均采用百分制。

课程综合成绩达成60分及以上（及格），可获得本课程相应学分。

二'考核方式与规定

（一）形成性考核

1.考核目的

加强对学生平时自主学习过程的指导和监督，重在对学生自主学习过程进行指导和

检测，引导学生按照教学规定和学习计划完毕学习任务，达成掌握知识、提高能力的目

的，提高学生的综合素质。

2.考核手段

形成性考核成绩涉及实训成绩和学习过程表现成绩两部分，实训成绩占课程综合成

绩30%,学习过程表现成绩占课程综合成绩20机学习过程表现成绩评估由分部（省校）

负责设计组织。

关于实训考核的建议

实训是课程教学环节的重要组成部分，是提高学生动手能力的重要手段。规定实训

指导教师严格按规定指导学生完毕每一个实训任务。根据开放教育成人业余学习的特

点，为了切实有效地贯彻实训教学环节，建议采用以下考核办法：

1.一般规定学生集中在各教学点指定的画室和多媒体实验机房，在实训指导教师

的指导下，按课程进程及时完毕各个实训项目，所有实训结果都必须保存。指导教师根

据学生完毕实训的情况及时给出实训成绩。

2.部分学生自己具有实训条件，又由于客观因素无法保证准时参与集中实训，可

自行按教学进程完毕各实训任务，但必须参与阶段性实训考核，并以7次阶段性实训考

核的成绩评估实训成绩。

阶段性实训考核的操作方法：一个学期安排7次实训考核，考察学生独立完毕实训

的情况，并规定在3小时内独立完毕。每次考核后评估一个阶段的实训成绩，最终通过

7次考核拟定实训的总成绩。

3.各教学点必须将每个学生完毕阶段性实训考核的结果保存一年，以备抽查。

表1阶段性实训考核的内容（必做）

序

考核内容权重

号

1实训2网页与平面构成、色彩、版面设计的关系6%

实训3掌握反复、渐变、发射的构成练习（选2种或2种以上形式进行综合练习）

26%

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分钟。

三、终结性考试题型及规范解答举例

试题题型涉及单项选择题、判断题。下面给每种题型列举12道样题，以及相应的

参考答案及评分标准。

一、单项选择题（每小题3分，25题，共75分）

1.下列属于肌理的是（）o

A.物体表面的结构特性B.物体表面的色彩特性C.物体表面的形状特

性

2.对称给人的感觉是（）。

A.形状相同B.排列整齐C.有秩序D.色彩统一

3.力学上的平衡是指（）。

A.图形的形状相同B.材料的质感同样C.支点两端的受力相一致

二、判断题（对的的打“J”，错误的打“X”；每小题2.5分，10题，共25分）

1.有机形一一是指有机体的存在形态。例如有机体的动物、生物的细胞等，其特

点是圆滑的、简洁明快，有生命的结构。（）

2.把两种颜色按一定的比例相混合，调成无彩色黑、灰时（色相感、纯度感消失），

这两种颜色就被称为互补色。（）

试题参考答案:

一、单项选择题（每小题3分，25题，共75分）

1.A2.C3.C

二、判断题（对的的打“J”，错误的打“X”；每小题2.5分，10题，共25分）

1.X

2.V

四、课程考核的内容和规定

第一章21世纪网页设计的审美转达

［考核知识点］

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、制作Log。

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、

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+1

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+All键后拖动鼠标，可绘制出以鼠标单击点为中心的正方形边界

的网格。（）

10.矢量图形与分辨率无关，可以将它缩放到任意大小都不会影响其清楚度。

（）

11.发射点在画面中，有可见的，也有不可见的。（）

12.红色表面吸取日光中红色以外的其他色光而反射红色光。（）

13.橙色的波长仅次于红色。（）

14.有机形是指有机体的存在形态，例如生物的细胞，临风的枯木、交通工具等等。（）

()

15.红、黄、蓝这三种颜色是不能用其他颜色混合出来的。（）

16.建筑设计、园林设计、室内设计都属于机能设计。（）

17.泼洒颜料形成的不可复制的形状称为人造形。（）

18.曲线重要是指弧线、双曲线、抛物线和波浪线等。（）

19.橙色的波长仅次于红色。