2022年网站美工设计基础形成性考核册中央电大

《2022年网站美工设计基础形成性考核册中央电大》由会员分享，可在线阅读，更多相关《2022年网站美工设计基础形成性考核册中央电大（17页珍藏版）》请在金锄头文库上搜索。

1、1 / 17 实训 1 对 21 世纪网页设计的审美转达的认识步骤简述：网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的！要考虑如何受众能更多的和更有效率的接收网页上的信息，从而使他们对给网站留下很好的印象，那就更能促进自己网站的运作。在这种标准的要求下，逐步产生了审美的需求。这需要从审美的方面入手，结合使用方便的要求，就能制作出清晰、整体性好 的 页 面 。 使 人 浏 览 起 来 心 情 愉 快 ， 接 收 信 息 也 会 更 加 容 易 。 同 时 提 升 网 站 的 形 象 。运用一些平面设

2、计中美的基本形式到网页中去就能是网页更加富有美感，例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中，这样会使内容繁多的页面更加有条理，也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实，而且实用，一个内容空洞无物的网页既使做得再漂亮也不会吸引人，顶多赢得几声赞叹，没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮，就要求设计师要用较好的审美方面的素质，同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。在满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美上入手。而目前很多国内网站的现状是什么样子的呢？经常上网的网友可能会有所体会。

3、目前的网页存在着诸多的不足，以下简单的分析一下，希望能从中得到一些启示。随后我们再为大家介绍一些网页设计的审美法则。第一个可以用一个字来形容，那就是“ 塞” 。第二也可用一个字“ 花” 来形容。第三个现在网页设计中的误区就是千篇一律，缺乏自己的特色。还有一类站点的网页是一种纯技术化的网页。综合以上的分析，可以找出很多目前网页设计上设计的不足，特别是审美上的不足，照顾网页功能上的 需 要 的 前提 下 ，需 要 有 针对 性 的 采 用一 些 美的 形 式 。来 使 网 页 做得 更 加有 生 气 ，更 吸 引人。那么加入美的因素，也要遵循一定的形式美法则。这种美的形式有很多种，合理的利用，可以

4、给网页增光添彩。赏心悦目。是受众浏览起来更加有效率，有力的提升网站的形象。下面逐一分析这些美的形式，并考虑如何将它们融入到网页之中，以解决以上遇到的很多网页设计上的审美不足的问题。从古至今，很多艺术家和学者提出了各种关于形式美的规律，很多经得起推敲的作品都是遵循这些规律去创作，以期完成其审美价值的。因此，在网页设计过程中，设计者必须去研究，掌握并主动地、有意识的运用这些规律，才能创作出好的作品。当然，不同时代有不同的设计审美观念，也有不同的美学特征。在信息特别发达的今天，竞争日趋激烈，给人们带来了新的审美需求，对于网页设计，客观上将其推向了更高层的表现境界，这是网页设计的必然趋势。去追求一种和

5、谐的单纯，即追求清晰的视觉冲击力和巨大的张力，我们应该把“变化和统一、条理与反复、对比和调和、均齐与平衡、节奏与韵律”等美的形式规律同现代的网页设计的具体问题相结合起来。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑，综合自身的整体形象，如网站的标志、标准字体、标准色等等，因为这些方面就是自己与众不同之处，如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去，怎会与人雷同呢？随便打个比方，假如运用自己的网站的标准色作为网页的基调，不光是能做到独特，而且对于网站本身的形象是很有好处的，就如我们经常见到的IBM 的蓝，可口可乐的红白两色。这

6、都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象，必须从这些方面入手，把网页上的各种信息的表达统一到网站综 合形 象 的整 体里 面 来考 虑 。 就会给 人 留 下深刻 的 独 特的形 象。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如次快的互联网时代，由于追求的目标的变化，人们的审美观念也在不断的变化，但是美的本质是一样的，同时随着技术的发展，很多的目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的，作为设计师，也要不断的提高自己的素质，才能做出更好的富于美感的网页来。实训 2 网页与

7、平面构成、色彩、版面设计的关系步骤简述：精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 1 页，共 17 页2 / 17 网页的平面构成,就是一种造型概念,也是现代造型设计语言.其中含义就是将点 线 面 色 等各种单元组成一个新的单元,并赋予视觉化的、力学的概念。其中，立体构成是厚度造型，平面构成是以轮廓造型，是将不同的基本形态按一定的规则在平面上组合图案。平面构成元素，包括概念元素、视觉元素和关系元素，是指造型之前，仅在意念中感觉到的点、线、面、体的概念，其作用是促使视觉元素的形成。视觉元素，是把概念元素见之于画面，是通过看得见的形状大小 色彩

8、位置 方向 肌理等被称为基本形的具体形象加以体现的。关系元素，是指视觉元素（即基本形）的组合形式，是通过框架、骨骼以及空间空心 虚实 有无等因素决定的；其中最主要的因素是骨骼，是可见的，其他如空间，则是以感觉去体现。平面构成的框架一切用于平面构成中的可见的视觉元素，通称形象，基本形态即是最基本的形象；限制和管辖基本形在平面构成中的各种不同的编排，即是骨骼。基本形有“ 正” 有“ 负” ，构成中亦可互相转化；基本形相遇时，又可以产生分离接触 复叠 透叠 联合 减缺 差叠 重合等几种关系。骨骼可以分为：视觉上起作用的有作用骨骼和在视觉上不起作用的无作用骨骼，以及有规律性骨骼（即重复近似渐变发射等骨

9、骼）和非规律性骨骼（密集对比等骨骼）。基本形与骨骼的上述这些特性，将相互影响互相制约互相作用而构成千变万化的构成图案。阶段性考核一步骤简述：上面是平面构成的简单概念和介绍但是平面设计中除了平面构成以外还有另外一个不可或缺的理论知识，就是色彩构成，色彩构成也是平面设计的必须基本知识之一，其实配色方面也是很多人的问题，有人会认为色彩的话只要自己觉得舒服就好了，我个人觉得舒服其实只是感觉中的一种，而色彩可以传达的不单单是让人舒服而已，简单来说色彩是一种语言是一种信息是一种可以通过眼睛传达到人脑中直接刺激人的大脑而对作品产生的一种对作品的共鸣。色彩有冷暖有远近 有大小 甚至是可以直接传达信号给观看者。

10、就象是埃及的图腾中红色就是太阳，生活中紫色的花朵看了就有给人一种幸福的感觉，土黄色一看就很古典等等等 但同时在色彩构成中不同的行业对色彩运用也有不同的感受，还有就是不同的行业对色彩使用的要求也有不同想网页设计和书报设计是不同的，网页设计在网页上的色彩除了符合自己风格以外还有就是不用考虑印刷方面的问题。因为在书报设计中要考虑印刷方法，和印刷出来的效果。色彩是很微妙的东西，它们本身的独特表现力可以用来产生出一种刺激人们大脑中对某种形式存在的物体的共鸣，展现出其对待生活中的新的看法与态度，扩大了我们创作的想象空间，赋予了创作的新的不定性。其实在一个具体的设计稿样上，形态的组织色彩的构成等都是为了获得

11、一种整体的视觉效果，在我们抛开其他形态组织不谈，先简单的分歧一下设计稿件上在色彩上如何是形成一个同意和谐的整体的。网页的版面构成肩负着双重使命：一是作为信息发布的重要媒介，二是它要让读者通过版面的阅读产生美的遐想与共鸣，让设计者的观点与涵养能进入读者的心灵。以往的媒体如报刊，只有文字和图片而没有声音；广播只有声音却没有文字和图像；电视是拥有声音、图像、文字的媒体，但观者只有被动地接受，而不能自由地有选择地观看，也不能进一步查看详细资料，只有网页可以做到上述的一切，观者的自由度像报纸一样，可自由选择喜爱的内容，同时又可以听、看更多的声音和视频信息，以对被查看事物有更全面的了解。这种利用图像、音效

12、和动画的版面构成形式，必将使媒体视觉传播策略更加深入。版面构成离不开艺术表现。美的形式原理是规范形式美感的基本法则。它是通过重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一等形式美构成法则来规划一个网页版面。用最简单的一句话来表达，构成就是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型。构成形式里，有空间构成（平面构成和立体构成）和时间构成（静和动）。在网页的创作，就是要协调这里面的种种关系，顺应视觉感受，才能够打动观看者的精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第

13、 2 页，共 17 页3 / 17 视觉，得到想要的效果。版面构成实际上就是如何运用好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。网页页面中所有要素都可以归纳为点、线、面：一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可以理解为一条线；数行文字与一片空白，则可以理解为面。它们之间互相依存，相互作用，组合出页面中各种各样的形态，构建成一个个千变万化的全新页面。对于网页的版面构成，在设计上虽然可以借助电脑设计软件中的一些特殊技法使其丰富多样而又简洁明了，但归根究底是为了让文字和内容更有可读性，让栏目划分更富于节奏感，是为内容服务的，所以如果当两者相矛盾

14、时，应该让版面构成服从内容。页面是让浏览者阅读和理解的，让浏览者在视觉上感到愉快，思维上保持清晰就是版面构成中视觉表达的最精华概括。除了以上的构成关系，还应注意网站的内容，人性化的布局。网站的包装绝不是从某单方面就可以解决的。一个受欢迎的网站，必将是一个给人印象深刻，在各方面都设计合理的网站。实训 3 重复、渐变、发射的构成练习步骤简述：1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；2、寻找参考资料和设计草图；3、确定草图，用铅笔画构成练习的骨格；4、用针笔过稿，上墨，修图，装裱完成。实训 4 特异、肌理、图与底、对比、韵律等平面构成的练习步骤简述：1、准备工具（卡纸、水粉颜料、水粉笔

15、、铅笔、尺子等）；2、寻找参考资料和设计草图；3、确定草图，用铅笔画构成练习的骨格（肌理构成需拓印或用其他方法在纸张上制造肌理效果）；4、用针笔过稿，上墨，修图，装裱完成。阶段性考核二步骤简述：1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；2、寻找参考资料和设计草图；3、确定草图，用铅笔画构成练习的骨格；4、用针笔过稿，上墨，修图，装裱完成。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 3 页，共 17 页4 / 17 实训 5 设计三幅平面构成步骤简述：1、明确绘制平面构成作业任务；2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

16、3、寻找参考资料和设计草图；4、确定草图，用铅笔画构成练习的骨格；5、用针笔过稿，根据作业要求和构思稿上墨；6、修图，装裱完成。实训日期：阶段性考核三空实训 6 绘制明度渐变卡步骤简述：1、明确绘制明度渐变卡作业任务；2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；3、寻找参考资料和设计草图；4、确定草图，用铅笔画构成练习的骨格；5、调色，根据作业要求和构思稿上颜料；6、修图，装裱完成。实训 7 绘制纯度渐变卡步骤简述：1、明确绘制明度渐变卡作业任务；2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；3、寻找参考资料和设计草图；4、确定草图，用铅笔画构成练习的骨格；5、调色，根据作业

17、要求和构思稿上颜料；6、修图，装裱完成。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 4 页，共 17 页5 / 17 阶段性考核四步骤简述：1、明确绘制明度渐变卡作业任务；2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；3、寻找参考资料和设计草图；4、确定草图，用铅笔画构成练习的骨格；5、调色，根据作业要求和构思稿上颜料；6、修图，装裱完成。实训 8 上机完成 8 幅作业练习实训目的学会运用上机操作的方法进行色彩搭配的练习、掌握涂色以及色彩调配方法，作平面色彩构成练习。实训内容手绘。完成8 幅（ 30cm 30cm ）的作业练习。有条件的

18、地方可上机操作，完成8 幅（ 16cm 16cm ）的作业练习。（可选择完成）实训要求（1）作标准色相环pccs 色相环。（2）色彩混合作间色、复色的调色混合练习（3）原色对比（4）间色对比（5）冷暖色相对比（6）明度对比（7）纯度对比（8）色彩单项调和（9）色彩双项调和（10）多色调和（11）改变面积分割形状形成调和（12）色彩与四季的联想 春、夏、秋、冬（形象任意设计）。教师指导6 学时，学生课后40 学时或以上。实 训 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 5 页，共 17 页6 / 17 步骤简述：精选学习资料 -

19、- - - - - - - - 名师归纳总结 - - - - - - -第 6 页，共 17 页7 / 17 指导教师签名：实训日期：精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 7 页，共 17 页8 / 17 阶段性考核五考核内容上机完成8 幅作业练习（可选择完成）考核 过 程 记 录步骤简述：考核成绩（满分10分）：指导教师签名：考核日期：实训 9 网页版式设计训练实训目的通过对优秀网页设计的赏析，学生可以先借鉴后创新；掌握版式设计的基本流程；掌握网页版式设计的艺术手法。精选学习资料 - - - - - - - - - 名师归纳总结 - -

20、 - - - - -第 8 页，共 17 页9 / 17 实训内容设计网站主页实训要求1、 自拟网站主题，进行网页版式设计与创意练习2、设计24 个网页，分析版式类型，教师指导7 学时，学生课后要进行26 学时以上的操作练习。实 训 过 程 记 录步骤简述：实训日期：阶段性考核六考核内容网页版式设计训练考核 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 9 页，共 17 页10 / 17 步骤简述：考核成绩（满分15分）：指导教师签名：考核日期：实训 10 工具箱的基本应用实训目的提高学生手绘各种图形的能力，创建栩栩如生的几何图形。

21、实训内容运用 CorelDRAW软件绘制图形。实训要求使用CorelDRAW提供的最基本工具绘制几何图像，选择运用各种工具绘制几何对象的案例进行讲解，教师指导2 学时。学生课后上机操作练习4学时以上。实 训 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 10 页，共 17 页11 / 17 步骤简述：实训日期：实训 11 对象的编辑操作实训目的使学生能够灵活的展现出所要表达的图形效果。实训内容运用 CorelDRAW软件对图形进行编辑操作。实训要求在创建了基本的对象轮廓后，使用各高级工具和命令调整对象的形状，最终获得满意的效果。教师

22、指导1 学时，学生课后要参考相关实例进行上机操作练习10学时以上。实 训 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 11 页，共 17 页12 / 17 步骤简述：实训日期：实训 12 图像的填充效果实训目的通过相关工具和技巧的混合运用，绘制出各种图案填充效果，使作品不仅局限于对象的简单叠加，而且具有五彩缤纷的渲染效果。实训内容运用 CorelDRAW软件对图案进行填充操作。实训要求熟练掌握图案填充的技巧，使学生能够绘制出彩色的图画。教师指导2学时，学生课后要参考相关实例进行上机操作练习8 学时以上。实 训 过 程 记 录精选学

23、习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 12 页，共 17 页13 / 17 步骤简述：实训日期：实训 13 位图的应用与编辑实训目的学生可以不通过Photoshop，就可以直接在CorelDRAW 中处理现成的素材。实训内容运用 CorelDRAW软件编辑位图。实训要求使用滤镜对现成的图像进行处理。教师指导1 学时，学生课后搜集位图素材并参考相关实例进行上机操作练习6学时以上。实 训 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 13 页，共 17 页14 / 17 步骤简述：实训日

24、期：实训 14 运用 CorelDRAW工具绘制网页实训目的通过本案例的练习，熟练掌握网页设计与制作的方法和技巧，能够运用美术思想来设计制作具有观赏性的网页。实训内容运用 CorelDRAW软件绘制网页。实训要求1、选用 3-5 种颜色为网站配色，体会色调与网站主题的联系2、网站各要素要完整3、教师指导4 学时，学生课后搜集优秀网页做参照，上机操作练习32 学时以上。实 训 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 14 页，共 17 页15 / 17 步骤简述：实训日期：阶段性考核七考核内容运用 CorelDRAW工具绘制网页

25、考核 过 程 记 录精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 15 页，共 17 页16 / 17 步骤简述：考核成绩（满分30分）：指导教师签名：考核日期：网站美工设计基础形成性考核成绩表阶段一实训名称学时数阶段成绩实训 1 对 21 世纪网页设计的审美转达的认识1 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 16 页，共 17 页17 / 17 实训 2 网页与平面构成、色彩、版面设计的关系1 阶段二实训 3 重复、渐变、发射的构成练习3 实训4 特异、肌理、图与底、对比、韵律等平面构成的练习3 阶段三实训 5 设计三幅平面构成3 阶段四实训 6 绘制明度渐变卡1 实训 7 绘制纯度渐变卡1 阶段五实训 8 上机完成8 幅作业练习6 阶段六实训 9 网页版式设计训练7 阶段七实训 10 工具箱的基本应用2 实训 11 对象的编辑操作1 实训 12 图像的填充效果2 实训 13 位图的应用与编辑1 实训 14 运用 CorelDRAW工具绘制网页4 总计36 教师签名：精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 17 页，共 17 页