网站美工设计基础形成性考核册学生姓名:徐广成学生班级:12秋计算机网络技术学生学号:12320014660652013年3月实训1对21世纪网页设计的审美转达的认识实训目的提高学生对网页设计的认识,加深理解网站在当今社会的重要地位。实训内容完成2000字左右的文字稿。实训要求教师指导1学时,学生课后自学8学时或以上。实训过程记录步骤简述:网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作。在这种标准的要求下,逐步产生了审美的需求。这需要从审美的方面入手,结合使用方便的要求,就能制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。同时提升网站的形象。运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感,例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中,这样会使内容繁多的页面更加有条理,也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实,而且实用,一个内容空洞无物的网页既使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮,就要求设计师要用较好的审美方面的素质,同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。在满足了基本的功能的要求之后,为了突出自己的特色,突出自己的优势,必须从审美上入手。而目前很多国内网站的现状是什么样子的呢?经常上网的网友可能会有所体会。目前的网页存在着诸多的不足,以下简单的分析一下,希望能从中得到一些启示。随后我们再为大家介绍一些网页设计的审美法则。第一个可以用一个字来形容,那就是“塞”。第二也可用一个字“花”来形容。第三个现在网页设计中的误区就是千篇一律,缺乏自己的特色。还有一类站点的网页是一种纯技术化的网页。综合以上的分析,可以找出很多目前网页设计上设计的不足,特别是审美上的不足,照顾网页功能上的需要的前提下,需要有针对性的采用一些美的形式。来使网页做得更加有生气,更吸引人。那么加入美的因素,也要遵循一定的形式美法则。这种美的形式有很多种,合理的利用,可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率,有力的提升网站的形象。下面逐一分析这些美的形式,并考虑如何将它们融入到网页之中,以解决以上遇到的很多网页设计上的审美不足的问题。从古至今,很多艺术家和学者提出了各种关于形式美的规律,很多经得起推敲的作品都是遵循这些规律去创作,以期完成其审美价值的。因此,在网页设计过程中,设计者必须去研究,掌握并主动地、有意识的运用这些规律,才能创作出好的作品。当然,不同时代有不同的设计审美观念,也有不同的美学特征。在信息特别发达的今天,竞争日趋激烈,给人们带来了新的审美需求,对于网页设计,客观上将其推向了更高层的表现境界,这是网页设计的必然趋势。去追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,我们应该把“变化和统一、条理与反复、对比和调和、均齐与平衡、节奏与韵律”等美的形式规律同现代的网页设计的具体问题相结合起来。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑,综合自身的整体形象,如网站的标志、标准字体、标准色等等,因为这些方面就是自己与众不同之处,如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去,怎会与人雷同呢?随便打个比方,假如运用自己的网站的标准色作为网页的基调,不光是能做到独特,而且对于网站本身的形象是很有好处的,就如我们经常见到的IBM的蓝,可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象,必须从这些方面入手,把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如次快的互联网时代,由于追求的目标的变化,人们的审美观念也在不断的变化,但是美的本质是一样的,同时随着技术的发展,很多的目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的,作为设计师,也要不断的提高自己的素质,才能做出更好的富于美感的网页来。实训日期:实训2网页与平面构成、色彩、版面设计的关系实训目的提高学生对色彩的认识。加深对色彩在现实生活中重要性的理解。实训内容谈网页与平面构成、色彩、版面设计关系的理解和认识。完成2000字左右的文字稿。实训要求教师指导1学时,学生课后自学8学时或以上。实训过程记录步骤简述:网页的平面构成,就是一种造型概念,也是现代造型设计语言.其中含义就是将点线面色等各种单元组成一个新的单元,并赋予视觉化的、力学的概念。其中,立体构成是厚度造型,平面构成是以轮廓造型,是将不同的基本形态按一定的规则在平面上组合图案。平面构成元素,包括概念元素、视觉元素和关系元素,是指造型之前,仅在意念中感觉到的点、线、面、体的概念,其作用是促使视觉元素的形成。视觉元素,是把概念元素见之于画面,是通过看得见的形状大小色彩位置方向肌理等被称为基本形的具体形象加以体现的。关系元素,是指视觉元素(即基本形)的组合形式,是通过框架、骨骼以及空间空心虚实有无等因素决定的;其中最主要的因素是骨骼,是可见的,其他如空间,则是以感觉去体现。平面构成的框架一切用于平面构成中的可见的视觉元素,通称形象,基本形态即是最基本的形象;限制和管辖基本形在平面构成中的各种不同的编排,即是骨骼。基本形有“正”有“负”,构成中亦可互相转化;基本形相遇时,又可以产生分离接触复叠透叠联合减缺差叠重合等几种关系。骨骼可以分为:视觉上起作用的有作用骨骼和在视觉上不起作用的无作用骨骼,以及有规律性骨骼(即重复近似渐变发射等骨骼)和非规律性骨骼(密集对比等骨骼)。基本形与骨骼的上述这些特性,将相互影响互相制约互相作用而构成千变万化的构成图案。实训日期:阶段性考核一考核内容网页与平面构成、色彩、版面设计的关系(2000字左右文字稿)考核过程记录步骤简述:上面是平面构成的简单概念和介绍但是平面设计中除了平面构成以外还有另外一个不可或缺的理论知识,就是色彩构成,色彩构成也是平面设计的必须基本知识之一,其实配色方面也是很多人的问题,有人会认为色彩的话只要自己觉得舒服就好了,我个人觉得舒服其实只是感觉中的一种,而色彩可以传达的不单单是让人舒服而已,简单来说色彩是一种语言是一种信息是一种可以通过眼睛传达到人脑中直接刺激人的大脑而对作品产生的一种对作品的共鸣。色彩有冷暖有远近有大小甚至是可以直接传达信号给观看者。就象是埃及的图腾中红色就是太阳,生活中紫色的花朵看了就有给人一种幸福的感觉,土黄色一看就很古典等等等~~但同时在色彩构成中不同的行业对色彩运用也有不同的感受,还有就是不同的行业对色彩使用的要求也有不同想网页设计和书报设计是不同的,网页设计在网页上的色彩除了符合自己风格以外还有就是不用考虑印刷方面的问题。因为在书报设计中要考虑印刷方法,和印刷出来的效果。色彩是很微妙的东西,它们本身的独特表现力可以用来产生出一种刺激人们大脑中对某种形式存在的物体的共鸣,展现出其对待生活中的新的看法与态度,扩大了我们创作的想象空间,赋予了创作的新的不定性。其实在一个具体的设计稿样上,形态的组织色彩的构成等都是为了获得一种整体的视觉效果,在我们抛开其他形态组织不谈,先简单的分歧一下设计稿件上在色彩上如何是形成一个同意和谐的整体的。网页的版面构成肩负着双重使命:一是作为信息发布的重要媒介,二是它要让读者通过版面的阅读产生美的遐想与共鸣,让设计者的观点与涵养能进入读者的心灵。以往的媒体如报刊,只有文字和图片而没有声音;广播只有声音却没有文字和图像;电视是拥有声音、图像、文字的媒体,但观者只有被动地接受,而不能自由地有选择地观看,也不能进一步查看详细资料,只有网页可以做到上述的一切,观者的自由度像报纸一样,可自由选择喜爱的内容,同时又可以听、看更多的声音和视频信息,以对被查看事物有更全面的了解。这种利用图像、音效和动画的版面构成形式,必将使媒体视觉传播策略更加深入。版面构成离不开艺术表现。美的形式原理是规范形式美感的基本法则。它是通过重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一等形式美构成法则来规划一个网页版面。用最简单的一句话来表达,构成就是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型。构成形式里,有空间构成(平面构成和立体构成)和时间构成(静和动)。在网页的创作,就是要协调这里面的种种关系,顺应视觉感受,才能够打动观看者的视觉,得到想要的效果。版面构成实际上就是如何运用好点、线、面。不管版面的内容与形式如何复杂,但最终可以简化到点、线、面上来。网页页面中所有要素都可以归纳为点、线、面:一个字母、一个页码数、可以理解为一个点;一行文字、一行空白,均可以理解为一条线;数行文字与一片空白,则可以理解为面。它们之间互相依存,相互作用,组合出页面中各种各样的形态,构建成一个个千变万化的全新页面。对于网页的版面构成,在设计上虽然可以借助电脑设计软件中的一些特殊技法使其丰富多样而又简洁明了,但归根究底是为了让文字和内容更有可读性,让栏目划分更富于节奏感,是为内容服务的,所以如果当两者相矛盾时,应该让版面构成服从内容。页面是让浏览者阅读和理解的,让浏览者在视觉上感到愉快,思维上保持清晰就是版面构成中视觉表达的最精华概括。除了以上的构成关系,还应注意网站的内容,人性化的布局。网站的包装绝不是从某单方面就可以解决的。一个受欢迎的网站,必将是一个给人印象深刻,在各方面都设计合理的网站。考核成绩(满分10分):指导教师签名:考核日期:实训3重复、渐变、发射的构成练习实训目的反复调整三个基本构成的骨架结构和设计效果,通过动手实践,体会手绘的感觉。实训内容分别作重复、渐变、发射三个构成的练习。实训要求手绘。(30CM×30CM)在白卡纸上(黑白稿)作涂色练习。教师指导3学时或以上。学生课后练习40以上学时。(选2种或2种以上形式进行综合练习)实训过程记录步骤简述:1、准备工具(卡纸、水粉颜料、水粉笔、铅笔、尺子等);2、收集参考资料;3、按教学要求设计草图,教师指导;4、确定草图,用铅笔绘制的骨格;5、用针笔过稿,上墨,修图,装裱完成;6、教师课堂点评,讨论总结。实训日期:实训4特异、肌理、图与底、对比、韵律等平面构成的练习实训目的通过动手实践,体会手绘的感觉及学习手绘的技法。实训内容分别作特异、肌理、图与底、对比、韵律等构成的练习。实训要求手绘。任选一种构成,在白卡纸(30CM×30CM)上(黑白稿)作设计练习。教师指导3学时,学生课后练习8学时或以上。实训过程记录步骤简述:1、准备工具(卡纸、水粉颜料、水粉笔、铅笔、尺子等);2、收集参考资料;3、按教学要求设计草图,教师指导;4、确定草图,用铅笔绘制构成练习的骨格(肌理构成需拓印或用其他方法在纸张上制造肌理效果);5、用针笔过稿,上墨,修图,装裱完成;6、教师课堂点评,讨论总结。实训日期:阶段性考核二考核内容掌握重复、渐变、发射的构成练习(选2种或2种以上形式进行综合练习)考核过程记录步骤简述:1、准备工具(卡纸、水粉颜料、水粉笔、铅笔、尺子等);2、收集参考资料;3、按教学要求设计草图,教师指导;4、确定草图,用铅笔绘制构成练习的骨格;5、用针笔过稿,上墨,修图,装裱完成;6、教师课堂点评,讨论总结。考核成绩(满分10分):指导教师签名:考核日期:实训5设计三幅平面构成实训目的通过动手实践,体会手绘的感觉及学习手绘的技法。实训内容运用基本形的各种排列,自行设计三幅平面构成作品。实训要求有条件的地方可上机操作。教师指导3学时,学生课后练习40学时以上。(选2种或2种以上形式进行综合练习)实训过程记录