网站美工设计基础形成性考核册参考答案

1、网站美工设计基础 形成性考核册 学生姓名： 徐广成 学生班级：12秋计算机网络技术 学生学号：1232001466065 2018年3 月 实训1对21世纪网页设计的审美转达的认识 实训目的 提高学生对网页设计的认识，加深理解网站在当今社会的重要地位。 实训内容 完成2000字左右的文字稿。 实训要求 教师指导1学时，学生课后自学 8学时或以上。 实训过程记录 步骤简述： 网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的，网 页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的！要考虑 如何受众能更多的和更有效率的接收网页上的信息，从而使他们对给网站留下

2、很好的印 象，那就更能促进自己网站的运作。在这种标准的要求下，逐步产生了审美的需求。这 需要从审美的方面入手，结合使用方便的要求，就能制作出清晰、整体性好的页面。使 人浏览起来心情愉快，接收信息也会更加容易。同时提升网站的形象。 运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感，例如将平 面设计中的节奏与韵律和骨格的形式溶入到网页中，这样会使内容繁多的页面更加有条 理，也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实，而且实用， 一个内容空洞无物的网页既使做得再漂亮也不会吸引人，顶多赢得几声赞叹，没有任何 的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂

3、亮，就要求设计 师要用较好的审美方面的素质，同时要有丰富的平面设计的经验。这样才能在设计时驾 轻就熟。 在满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美 上入手。而目前很多国内网站的现状是什么样子的呢？经常上网的网友可能会有所体 会。目前的网页存在着诸多的不足，以下简单的分析一下，希望能从中得到一些启示。 随后我们再为大家介绍一些网页设计的审美法则。 第一个可以用一个字来形容，那就是塞”。 第二也可用一个字花”来形容。 第三个现在网页设计中的误区就是千篇一律，缺乏自己的特色。 还有一类站点的网页是一种纯技术化的网页。 综合以上的分析，可以找出很多目前网页设计上设计的

4、不足，特别是审美上的不 足，照顾网页功能上的需要的前提下，需要有针对性的采用一些美的形式。来使网页做 得 更 加 有 生 气， 更 吸 引 人。 那么加入美的因素，也要遵循一定的形式美法则。这种美的形式有很多种，合理的 利用，可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率，有力的提升网站 的形象。下面逐一分析这些美的形式，并考虑如何将它们融入到网页之中，以解决以上 遇到的很多网页设计上的审美不足的问题。 从古至今，很多艺术家和学者提出了各种关于形式美的规律，很多经得起推敲的作 品都是遵循这些规律去创作，以期完成其审美价值的。因此，在网页设计过程中，设计 者必须去研究，掌握并主动地、有意

5、识的运用这些规律，才能创作出好的作品。当然， 不同时代有不同的设计审美观念，也有不同的美学特征。在信息特别发达的今天，竞争 日趋激烈，给人们带来了新的审美需求，对于网页设计，客观上将其推向了更高层的表 现境界，这是网页设计的必然趋势。去追求一种和谐的单纯，即追求清晰的视觉冲击力 和巨大的张力，我们应该把“变化和统一、条理与反复、对比和调和、均齐与平衡、节 奏与韵律”等美的形式规律同现代的网页设计的具体问题相结合起来。 如何解决网页中的独特性的问题呢？我想这不仅仅是审美的形式问题，主要要站在网 站本身的高点上来考虑，综合自身的整体形象，如网站的标志、标准字体、标准色等 等，因为这些方面就是自己与

6、众不同之处，如果将这些经独特设计的关于自身经营理念 的东西融合到网页设计中去，怎会与人雷同呢？随便打个比方，假如运用自己的网站的 标准色作为网页的基调，不光是能做到独特，而且对于网站本身的形象是很有好处的， 就如我们经常见到的 IBM的蓝，可口可乐的红白两色。这都是苦心的营造的企业形象的 重要组成部分。网站要想树立自己的独特的形象，必须从这些方面入手，把网页上的各 种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形 象。 作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如次快的互 联网时代，由于追求的目标的变化，人们的审美观念也在不断的变化，但是美的本质是

7、 一样的，同时随着技术的发展，很多的目前不容易实现的审美形式也逐渐被克服，突破 带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止 的，作为设计师，也要不断的提高自己的素质，才能做出更好的富于美感的网页来。 实训日期： 实训2网页与平面构成、色彩、版面设计的关系 实训目的 提高学生对色彩的认识。加深对色彩在现实生活中重要性的理解。 实训内容 谈网页与平面构成、色彩、版面设计关系的理解和认识。完成 右的文字稿。 2000字左 实训要求 教师指导1学时，学生课后自学 8学时或以上。 实训过程记录 步骤简述: 网页的平面构成，就是一种造型概念，也是现代造型设计语言.其中含义就

8、是将 点线面色等各种单元组 成一个新的单元，并赋予视觉化的、力学的概念。其中，立体构成是厚度造型，平面构成是以轮廓造 型，是将不同的基本形态按一定的规则在平面上组合图案。 平面构成元素，包括概念元素、视觉元素和关系元素，是指造型之前，仅在意念中感觉到的点、线、 面、体的概念，其作用是促使视觉元素的形成。视觉元素，是把概念元素见之于画面，是通过看得见 的形状大小 色彩位置方向肌理等被称为基本形的具体形象加以体现的。关系元素，是指视觉元素 （即基本形）的组合形式，是通过框架、骨骼以及空间空心虚实有无等因素决定的；其中最主要的 因素是骨骼，是可见的，其他如空间，则是以感觉去体现。 平面构成的框架 一

9、切用于平面构成中的可见的视觉元素，通称形象，基本形态即是最基本的形象；限 制和管辖基本形在平面构成中的各种不同的编排，即是骨骼。基本形有正”有负”构成中亦可互相转 化；基本形相遇时，又可以产生分离接触 复叠 透叠 联合 减缺 差叠 重合等几种关系。骨骼可以分 为：视觉上起作用的有作用骨骼和在视觉上不起作用的无作用骨骼，以及有规律性骨骼（即重复近似 渐变发射等骨骼）和非规律性骨骼（密集 对比等骨骼）。基本形与骨骼的上述这些特性，将相互影响 互相制约互相作用而构成千变万化的构成图案。 实训日期: 阶段性考核一 考核内容 网页与平面构成、色彩、版面设计的关系（ 2000字左右文字稿） 考核过程记录

10、步骤简述: 上面是平面构成的简单概念和介绍但是平面设计中除了平面构成以外还有另外一个不可或缺的理论知 识，就是色彩构成，色彩构成也是平面设计的必须基本知识之一，其实配色方面也是很多人的问题， 有人会认为色彩的话只要自己觉得舒服就好了，我个人觉得舒服其实只是感觉中的一种，而色彩可以 传达的不单单是让人舒服而已，简单来说色彩是一种语言是一种信息是一种可以通过眼睛传达到人脑 中直接刺激人的大脑而对作品产生的一种对作品的共鸣。 色彩有冷暖 有远近有大小甚至是可以直接传达信号给观看者。 就象是埃及的图腾中红色就是太阳，生活中紫色的花朵看了就有给人一种幸福的感觉，土黄色一看就 很古典等等等 但同时在色彩构

11、成中不同的行业对色彩运用也有不同的感受，还有就是不同的行业对色彩使用的 要求也有不同想网页设计和书报设计是不同的，网页设计在网页上的色彩除了符合自己风格以外还有 就是不用考虑印刷方面的问题。因为在书报设计中要考虑印刷方法，和印刷出来的效果。 色彩是很微妙的东西，它们本身的独特表现力可以用来产生出一种刺激人们大脑中对某种形式存 在的物体的共鸣，展现岀其对待生活中的新的看法与态度，扩大了我们创作的想象空间，赋予了创作 的新的不定性。 其实在一个具体的设计稿样上，形态的组织色彩的构成等都是为了获得一种整体的视觉效果，在 我们抛开其他形态组织不谈，先简单的分歧一下设计稿件上在色彩上如何是形成一个同意和

12、谐的整体 的。 网页的版面构成肩负着双重使命：一是作为信息发布的重要媒介，二是它要让读者通过版面的阅读产 生美的遐想与共鸣，让设计者的观点与涵养能进入读者的心灵。 以往的媒体如报刊，只有文字和图片而没有声音；广播只有声音却没有文字和图像；电视是拥有声 音、图像、文字的媒体，但观者只有被动地接受，而不能自由地有选择地观看，也不能进一步查看详 细资料，只有网页可以做到上述的一切，观者的自由度像报纸一样，可自由选择喜爱的内容，同时又 可以听、看更多的声音和视频信息，以对被查看事物有更全面的了解。这种利用图像、音效和动画的 版面构成形式，必将使媒体视觉传播策略更加深入。 版面构成离不开艺术表现。美的形

13、式原理是规范形式美感的基本法则。它是通过重复与交错、节奏与 韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一 等形式美构成法则来规划一个网页版面。用最简单的一句话来表达，构成就是将造型按视觉效应、视 觉力学和精神力学等原则组 成的，具备美好形态的造型。构成形式里，有空间构成（平面构成和立体 构成）和时间构成（静和动）。在网页的创作，就是要协调这里面的种种关系，顺应视觉感受，才能 够打动观看者的视觉，得到想要的效果。 版面构成实际上就是如何运用好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到 点、线、面上来。网页页面中所有要素都可以归纳为点、线

14、、面：一个字母、一个页码数、可以理解 为一个点；一行文字、一行空白，均可以理解为一条线；数行文字与一片空白，则可以理解为面。它 们之间互相依存，相互作用，组合岀页面中各种各样的形态，构建成一个个千变万化的全新页面。对 于网页的版面构成，在设计上虽然可以借助电脑设计软件中的一些特殊技法使其丰富多样而又简洁明 了，但归根究底是为了让文字和内容更有可读性，让栏目划分更富于节奏感，是为内容服务的，所以 如果当两者相矛盾时，应该让版面构成服从内容。页面是让浏览者阅读和理解的，让浏览者在视觉上 感到愉快，思维上保持清晰就是版面构成中视觉表达的最精华概括。 除了以上的构成关系，还应注意网站的内容，人性化的布

15、局。网站的包装绝不是从某单方面就可以解 决的。一个受欢迎的网站，必将是一个给人印象深刻，在各方面都设计合理的网站。 考核成绩（满分10分）：指导教师签名：考核日期: 实训3重复、渐变、发射的构成练习 实训目的 反复调整三个基本构成的骨架结构和设计效果，通过动手实践，体会手绘 的感觉。 实训内容 分别作重复、渐变、发射二个构成的练习。 实训要求 手绘。（30CMK 30CM ）在白卡纸上（黑白稿）作涂色练习。教师指导3 学时或以上。学生课后练习 40以上学时。（选 2种或2种以上形式进行综 合练习） 实训过程记录 步骤简述： 1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 2、收集参考资

16、料； 3、按教案要求设计草图，教师指导； 4、确定草图，用铅笔绘制的骨格； 5、用针笔过稿，上墨，修图，装裱完成； 6、教师课堂点评，讨论总结。 实训日期: 实训4特异、肌理、图与底、对比、韵律等平面构成的练 实训目的 通过动手实践，体会手绘的感觉及学习手绘的技法。 实训内容 分别作特异、肌理、图与底、对比、韵律等构成的练习。 实训要求 手绘。任选一种构成，在白卡纸（30CMK 30CM ）上（黑白稿）作设计练 习。教师指导3学时，学生课后练习 8学时或以上。 实训过程记录 步骤简述： 1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 2、收集参考资料； 3、按教案要求设计草图，教师指导

17、； 4、确定草图，用铅笔绘制构成练习的骨格（肌理构成需拓印或用其他方法在纸张 上制造肌理效果）； 5、用针笔过稿，上墨，修图，装裱完成； 6、教师课堂点评，讨论总结。 阶段性考核二 考核内容 掌握重复、渐变、发射的构成练习 （选2种或2种以上形式进行综合练习） 考核过程记录 步骤简述： 1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 2、收集参考资料； 3、按教案要求设计草图，教师指导； 4、确定草图，用铅笔绘制构成练习的骨格； 5、用针笔过稿，上墨，修图，装裱完成； 6、教师课堂点评，讨论总结。 实训5设计三幅平面构成 实训目的 通过动手实践，体会手绘的感觉及学习手绘的技法。 实训内

18、容 运用基本形的各种排列，自行设计三幅平面构成作品。 实训要求 有条件的地方可上机操作。教师指导3学时，学生课后练习 40学时以 上。（选2种或2种以上形式进行综合练习） 实训过程记录 步骤简述： 1、明确绘制平面构成作业任务； 2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 3、收集参考资料和设计草图； 4、确定草图，用铅笔画构成练习的骨格； 5、用针笔过稿，根据作业要求和构思稿上墨； 6、修图，装裱完成； 7、教师课堂点评，讨论总结。 阶段性考核三 考核内容 设计三幅平面构成 （选2种或2种以上形式进行综合练习） 考核过程记录 步骤简述： 1、明确绘制平面构成作业任务； 2、准备工

19、具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 3、收集参考资料和设计草图； 4、确定草图，用铅笔画构成练习的骨格； 5、用针笔过稿，根据作业要求和构思稿上墨； 6、修图，装裱完成； 7、教师课堂点评，讨论总结。 实训6绘制明度渐变卡 实训目的 学会色彩调配知识、掌握涂色以及调色方法。 实训内容 绘制明度渐变卡，完成 1幅在白卡纸上（30CMK 30CM ）的手绘作业涂 色（用水粉色）练习。 实训要求 通过学习，掌握色彩调配知识、涂色以及调色方法。教师指导1学时， 学生课后8学时或以上。 实训过程记录 步骤简述： 1、明确绘制明度渐变卡作业任务； 2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子

20、等）； 3、寻找参考资料和设计草图； 4、确定草图，用铅笔绘制明度渐变卡的骨格； 5、调色，根据作业要求和构思稿上颜料； 6、修图，装裱完成。 7、教师课堂点评，讨论总结。 实训7绘制纯度渐变卡 实训目的 学会色彩调配知识、掌握涂色以及色彩调配方法。 实训内容 绘制纯度渐变卡，完成 1幅在白卡纸上（30CMK 30CM ）的手绘作业涂 色（用水粉色）练习。 实训要求 通过学习，学会色彩搭配知识、掌握涂色以及色彩调配方法。教师指导 1学时，学生课后8学时或以上。 实训过程记录 步骤简述： 1、明确绘制纯度渐变卡作业任务； 2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 3、寻找参考资料和

21、设计草图； 4、确定草图，用铅笔绘制绘制纯度渐变卡的骨格； 5、调色，根据作业要求和构思稿上颜料； 6、修图，装裱完成； 7、教师课堂点评，讨论总结。 阶段性考核四 考核内容 绘制明度渐变卡 考核过程记录 步骤简述： 1、明确绘制明度渐变卡作业任务； 2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 3、收集参考资料； 4、设计草图，教师指导修改； 5、确定草图，用铅笔绘制明度渐变卡的骨格； 6、调色，根据作业要求和构思稿上颜料； 7、修图，装裱完成； &教师课堂点评，讨论总结。 考核成绩（满分10分）：指导教师签名：考核日期: 实训8上机完成8幅作业练习 实训目的 学会运用上机操作的方

22、法进行色彩搭配的练习、掌握涂色以及色彩调配 方法，作平面色彩构成练习。 实训内容 手绘。完成 8幅(30cmiX 30cm )的作业练习。有条件的地方可上机操 作，完成8幅(16cmx 16cm )的作业练习。(可选择完成) 实训要求 (I) 作标准色相环 pccs色相环。 (2 )色彩混合作间色、复色的调色混合练习 (3 )原色对比 (4 )间色对比 (5)冷暖色相对比 (6 )明度对比 (7 )纯度对比 (8) 色彩单项调和 (9) 色彩双项调和 (10 )多色调和 (II) 改变面积分割形状形成调和 (12 )色彩与四季的联想 一一春、夏、秋、冬(形象任意设计)。 教师指导6学时，学生课

23、后40学时或以上。 实训过程记录 过程记录见下页阶段性考核五 指导教师签名: 实训日期： 阶段性考核五 考核内容 上机完成8幅作业练习（可选择完成） 考核过程记录 步骤简述： （1）作标准色相环 pees色相环： 过程：启动CDR软件，用椭圆工具绘制一个正圆形，用修剪工 具按比例平均修剪出 24块，相隔六个分别填充三原色（纯红、 纯黄和纯蓝），然后按一定的色彩比例，先后在三原色中间填 充三间色和复色。 （3 7 ）色彩对比练习： 过程：根据老师讲述理论和图例，理解“原色”、“间色”、 “冷暖色相”、“明度”、“纯度”等概念，收集和参考相关 资料作品，在纸张上绘制色彩稿，老师指导、讨论和修改，利

24、 用CDR软件的“矩形工具”、“圆形工具”、“形状工具”、 “手绘工具”和“焊接”、“相交”、“修剪”等功能绘制基 本轮廓并填充色彩，完成“原色对比”、“间色对比”、“冷 暖色相对比”、“明度对比”和“纯度对比”等作业。 （12 ）色彩与四季的联想一一春、夏、秋、冬（形象任意设 计）： 过程：收集反映季节图片和视频，分析春、夏、秋、冬四季的 色彩特征，使用 CDR软件，参考色相环，设计色彩构成比例和 色彩基调，绘制色彩稿进行讨论和修改，参考老师指导意见进 行正稿的绘制。 考核成绩（满分10分）：指导教师签名：考核日期: 实训9网页版式设计训练 实训目的 通过对优秀网页设计的赏析，学生可以先借鉴

25、后创新；掌握版式设计的 基本流程；掌握网页版式设计的艺术手法。 实训内容 设计网站主页 实训要求 1、自拟网站主题，进行网页版式设计与创意练习 2、 设计2 4个网页，分析版式类型，教师指导7学时，学生课后要进行 26学时以上的操作练习。 实训过程记录 步骤简述： （1）、收集自己喜欢的3 5个网页，并与大家分享讨论，分 析网站的结构、色彩和主题表现。学习版式设计的基本流程和 艺术手法； （2）、拟定设计的网页的主题，参考优秀网页，设计网页的版 式设计和色彩搭配，绘制草图； （3）、课堂讨论修改； （3）、收集图片和文字素材，并根据需要进行处理； （4）、利用PS、CDR、FLASH等软件进行

26、设计制作。 实训日期: 阶段性考核六 考核内容 网页版式设计训练 考核过程记录 (1) 、根据教师拟定的“校园 BBS论坛”的主题收集参考素材和 图片文字资料； (2) 、绘制草图，小组讨论，分配成员任务； (3) 、按计划完成三个相互链接的网页。 考核成绩(满分15分)：指导教师签名：考核日期: 实训10工具箱的基本应用 实训目的 提高学生手绘各种图形的能力，创建栩栩如生的几何图形。 实训内容 运用CorelDRAW 软件绘制图形。 实训要求 使用CorelDRAW 提供的最基本工具绘制几何图像，选择运用各种工具 绘制几何对象的案例进行讲解，教师指导2学时。学生课后上机操作练习4 学时以上。

27、 实训过程记录 9、明确绘制明度渐变卡作业任务； 10、 准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 11、 收集参考资料； 12、 设计草图，教师指导修改； 13、 确定草图，用铅笔绘制明度渐变卡的骨格； 14、 调色，根据作业要求和构思稿上颜料； 15、 修图，装裱完成； 教师课堂点评， 讨论总结。 实训日期: 实训11对象的编辑操作 实训目的 使学生能够灵活的展现出所要表达的图形效果。 实训内容 运用CorelDRAW软件对图形进行编辑操作。 实训要求 在创建了基本的对象轮廓后，使用各高级工具和命令调整对象的形状， 最终获得满意的效果。教师指导1学时，学生课后要参考相关实例进行上

28、机 操作练习10学时以上。 实训过程记录 16、 明确绘制明度渐变卡作业任务； 17、 准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 18、 收集参考资料； 19、 设计草图，教师指导修改； 20、 确定草图，用铅笔绘制明度渐变卡的骨格； 21、 调色，根据作业要求和构思稿上颜料； 22、 修图，装裱完成； 教师课堂点评， 讨论总结。 实训日期：实训12图像的填充效果 实训目的 通过相关工具和技巧的混合运用，绘制出各种图案填充效果，使作品不 仅局限于对象的简单叠加，而且具有五彩缤纷的渲染效果。 实训内容 运用CorelDRAW软件对图案进行填充操作。 实训要求 熟练掌握图案填充的技巧，使

29、学生能够绘制出彩色的图画。教师指导 2 学时，学生课后要参考相关实例进行上机操作练习8学时以上。 实训过程记录 23、 明确绘制明度渐变卡作业任务； 24、 准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 25、 收集参考资料； 26、 设计草图，教师指导修改； 27、 确定草图，用铅笔绘制明度渐变卡的骨格； 28、 调色，根据作业要求和构思稿上颜料； 29、 修图，装裱完成； 教师课堂点评， 讨论总结。 实训日期：实训13位图的应用与编辑 实训目的 学生可以不通过 Photoshop，就可以直接在 CorelDRAW中处理现成的素 材。 实训内容 运用CorelDRAW软件编辑位图。 实训要求 使用滤镜对现成的图像进行处理。教师指导1学时，学生课后搜集位图 素材并参考相关头例进行上机操作练习6学时以上。 实训过程记录 30、 明确绘制明度渐变卡作业任务； 31、 准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）； 32、 收集参考资