网站界面(UI)设计(原网站美工设计基础).doc

网站界面(UI)设计课程考核说明一、有关说明1. 考核对象国家开放大学开放教育专科计算机网络技术专业学生。2. 启用时间2015年秋季学期。3. 考核目标通过考核使学生，了解网站和网页的基本设计思想，使学生掌握色彩基础知识；平面构成；掌握平面设计构图的几种常用的表现方法）；了解CorelDRAW工具的使用，培养对优秀网页版式分析模仿的能力，掌握网页设计的基本方法。4. 考核依据本课程考核说明是依据国家开放大学网站美工设计基础教学大纲、文字教材网站美工设计基础（蒋水主编，中央广播电视大学出版社2007年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分）1A 2C 3C 二、判断题（正确的打“”，错误的打“”；每小题2.5分，10题，共25分）1. 2. 四、课程考核的内容和要求第一章 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、制作Logo3、绘制导航条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、分隔秩序31CorelDRAW软件安装后，第一次运行会出现CorelDRAW的（ ） A、安装向导 B、欢迎界面C、工作区D、常用工具栏32将两个含灰量不同的颜色并置在一起，进行鲜灰度的比较，这种对色彩性质的比较称作（ ） A、色相对比 B、明度对比C、明暗对比D、纯度对比33下列属于矢量图的文件格式的是（ ） A、*.bmp B、*.jpgC、*.cdrD、*.tiff34操场上做体操的学生、建筑中的墙砖、地板、楼房上一个个的窗户，都属于（ ）设计手法。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、乳白色42JPEG格式文件的后缀是（ ） A、.jpgB、.TFRC、.CDRD、.DIR43在商品陈列或宴会上，一般在肉类食品专柜上使用（ ）光源 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+IC、Shift+ID、Enter+I50一般来说，反光能力强的物体表面（ ）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、*.emfB、*.cdr C、*.jpegD、*.ai二、判断题1网页最多可分为三级页面。 （ ） 2环境设计包括建筑设计、园林设计、壁画和多媒体视频设计等。 （ ） 3构成包括平面构成、立体构成、色彩构成3大类型 （ ） 4. 建筑、交通工具和纺织品等都属于人造形。 （ ） 5黄金比是其矩形比的长与宽为1:1.678 （ ） 6波长最短的可见光波是紫色波。 （ ） 7基本形由小到大或由大到小的渐次排列，能产生纵深感和空间感，属于位置的渐变。（ ） 8对称是指点、线、面在上下或左右有相同的部分出现所构成的图形。 （ ）9CorelDRAW软件中，按住Ctrl+Alt键后拖动鼠标，可绘制出以鼠标单击点为中心的正方形边界的网格。 （ ）10矢量图形与分辨率无关，可以将它缩放到任意大小都不会影响其清晰度。 （ ）11发射点在画面中，有可见的，也有不可见的。 （ ） 12. 红色表面吸收日光中红色以外的其他色光而反射红色光。 （ ） 13橙色的波长仅次于红色。 （ ） 14有机形是指有机体的存在形态，例如生物的细胞，临风的枯木、交通工具等等。（ ） （ ） 15红、黄、蓝这三种颜色是不能用其他颜色混合出来的。 （ ）16建筑设计、园林设计、室内设