新修改网站美工设计基础形成性考核册.doc
《新修改网站美工设计基础形成性考核册.doc》由会员分享,可在线阅读,更多相关《新修改网站美工设计基础形成性考核册.doc(29页珍藏版)》请在咨信网上搜索。
1、实训1 对21世纪网页设计的审美转达的认识实训目的提高学生对网页设计的认识, 加深理解网站在当今社会的重要地位。实训内容完成 字左右的文字稿。实训要求教师指导1学时, 学生课后自学8学时或以上。实 训 过 程 记 录步骤简述: 网页把各种信息以最快捷、 方便的方式传达给受众。人们对美的追求是不断深入的, 网页设计同样如此。网页不光是把各种东西放上去, 能看就行, 这是远远不够的! 要考虑如何受众能更多的和更有效率的接收网页上的信息, 从而使她们对给网站留下很好的印象, 那就更能促进自己网站的运作。在这种标准的要求下, 逐步产生了审美的需求。这需要从审美的方面入手, 结合使用方便的要求, 就能制
2、作出清晰、 整体性好的页面。使人浏览起来心情愉快, 接收信息也会更加容易。同时提升网站的形象。运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感, 例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中, 这样会使内容繁多的页面更加有条理, 也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实, 而且实用, 一个内容空洞无物的网页既使做得再漂亮也不会吸引人, 顶多赢得几声赞叹, 没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮, 就要求设计师要用较好的审美方面的素质, 同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。在满足了基本的功能的要求之后
3、, 为了突出自己的特色, 突出自己的优势, 必须从审美上入手。而当前很多国内网站的现状是什么样子的呢? 经常上网的网友可能会有所体会。当前的网页存在着诸多的不足, 以下简单的分析一下, 希望能从中得到一些启示。随后我们再为大家介绍一些网页设计的审美法则。第一个能够用一个字来形容, 那就是”塞”。第二也可用一个字”花”来形容。第三个现在网页设计中的误区就是千篇一律, 缺乏自己的特色。还有一类站点的网页是一种纯技术化的网页。综合以上的分析, 能够找出很多当前网页设计上设计的不足, 特别是审美上的不足, 照顾网页功能上的需要的前提下, 需要有针对性的采用一些美的形式。来使网页做得更加有生气, 更吸引
4、人。 那么加入美的因素, 也要遵循一定的形式美法则。这种美的形式有很多种, 合理的利用, 能够给网页增光添彩。赏心悦目。是受众浏览起来更加有效率, 有力的提升网站的形象。下面逐一分析这些美的形式, 并考虑如何将它们融入到网页之中, 以解决以上遇到的很多网页设计上的审美不足的问题。从古至今, 很多艺术家和学者提出了各种关于形式美的规律, 很多经得起推敲的作品都是遵循这些规律去创作, 以期完成其审美价值的。因此, 在网页设计过程中, 设计者必须去研究, 掌握并主动地、 有意识的运用这些规律, 才能创作出好的作品。当然, 不同时代有不同的设计审美观念, 也有不同的美学特征。在信息特别发达的今天, 竞
5、争日趋激烈, 给人们带来了新的审美需求, 对于网页设计, 客观上将其推向了更高层的表现境界, 这是网页设计的必然趋势。去追求一种和谐的单纯, 即追求清晰的视觉冲击力和巨大的张力, 我们应该把”变化和统一、 条理与重复、 对比和调和、 均齐与平衡、 节奏与韵律”等美的形式规律同现代的网页设计的具体问题相结合起来。如何解决网页中的独特性的问题呢?我想这不但仅是审美的形式问题,主要要站在网站本身的高点上来考虑, 综合自身的整体形象, 如网站的标志、 标准字体、 标准色等等, 因为这些方面就是自己与众不同之处, 如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去, 怎会与人雷同呢? 随便打
6、个比喻, 假如运用自己的网站的标准色作为网页的基调, 不光是能做到独特, 而且对于网站本身的形象是很有好处的, 就如我们经常见到的IBM的蓝, 可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象, 必须从这些方面入手, 把网页上的各种信息的表示统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。作为形式美的法则, 随着时代的不同而不断发展进步, 特别在生活节奏如次快的互联网时代, 由于追求的目标的变化, 人们的审美观念也在不断的变化, 可是美的本质是一样的, 同时随着技术的发展, 很多的当前不容易实现的审美形式也逐渐被克服, 突破带宽的瓶颈
7、。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的, 作为设计师, 也要不断的提高自己的素质, 才能做出更好的富于美感的网页来。实训日期: 实训2 网页与平面构成、 色彩、 版面设计的关系实训目的提高学生对色彩的认识。加深对色彩在现实生活中重要性的理解。实训内容谈网页与平面构成、 色彩、 版面设计关系的理解和认识。完成 字左右的文字稿。实训要求教师指导1学时, 学生课后自学8学时或以上。实 训 过 程 记 录步骤简述: 网页的平面构成,就是一种造型概念,也是现代造型设计语言.其中含义就是将 点 线 面 色 等各种单元组成一个新的单元,并赋予视觉化的、 力学的概念。其中, 立体构
8、成是厚度造型, 平面构成是以轮廓造型, 是将不同的基本形态按一定的规则在平面上组合图案。平面构成元素, 包括概念元素、 视觉元素和关系元素, 是指造型之前, 仅在意念中感觉到的点、 线、 面、 体的概念, 其作用是促使视觉元素的形成。视觉元素, 是把概念元素见之于画面, 是经过看得见的形状大小 色彩 位置 方向 肌理等被称为基本形的具体形象加以体现的。关系元素, 是指视觉元素( 即基本形) 的组合形式, 是经过框架、 骨骼以及空间 空心 虚实 有无等因素决定的; 其中最主要的因素是骨骼, 是可见的, 其它如空间, 则是以感觉去体现。平面构成的框架 一切用于平面构成中的可见的视觉元素, 通称形象
9、, 基本形态即是最基本的形象; 限制和管辖基本形在平面构成中的各种不同的编排, 即是骨骼。基本形有”正”有”负”, 构成中亦可互相转化; 基本形相遇时, 又能够产生分离 接触 复叠 透叠 联合 减缺 差叠 重合等几种关系。骨骼能够分为: 视觉上起作用的有作用骨骼和在视觉上不起作用的无作用骨骼, 以及有规律性骨骼( 即重复近似 渐变 发射等骨骼) 和非规律性骨骼( 密集 对比等骨骼) 。基本形与骨骼的上述这些特性, 将相互影响 互相制约 互相作用而构成千变万化的构成图案。实训日期: 阶段性考核一考核内容网页与平面构成、 色彩、 版面设计的关系( 字左右文字稿) 考 核 过 程 记 录步骤简述:
10、上面是平面构成的简单概念和介绍可是平面设计中除了平面构成以外还有另外一个不可或缺的理论知识, 就是色彩构成, 色彩构成也是平面设计的必须基本知识之一, 其实配色方面也是很多人的问题, 有人会认为色彩的话只要自己觉得舒服就好了, 我个人觉得舒服其实只是感觉中的一种, 而色彩能够传达的不单单是让人舒服而已, 简单来说色彩是一种语言是一种信息 是一种能够经过眼睛传达到人脑中直接刺激人的大脑而对作品产生的一种对作品的共鸣。色彩有冷暖 有远近 有大小 甚至是能够直接传达信号给观看者。就象是埃及的图腾中红色就是太阳, 生活中紫色的花朵看了就有给人一种幸福的感觉, 土黄色一看就很古典等等等但同时在色彩构成中
11、不同的行业对色彩运用也有不同的感受, 还有就是不同的行业对色彩使用的要求也有不同想网页设计和书报设计是不同的, 网页设计在网页上的色彩除了符合自己风格以外还有就是不用考虑印刷方面的问题。因为在书报设计中要考虑印刷方法, 和印刷出来的效果。色彩是很微妙的东西, 它们本身的独特表现力能够用来产生出一种刺激人们大脑中对某种形式存在的物体的共鸣, 展现出其对待生活中的新的看法与态度, 扩大了我们创作的想象空间, 赋予了创作的新的不定性。其实在一个具体的设计稿样上, 形态的组织 色彩的构成等都是为了获得一种整体的视觉效果, 在我们抛开其它形态组织不谈, 先简单的分歧一下设计稿件上在色彩上如何是形成一个同
12、意和谐的整体的。网页的版面构成肩负着双重使命: 一是作为信息发布的重要媒介, 二是它要让读者经过版面的阅读产生美的遐想与共鸣, 让设计者的观点与涵养能进入读者的心灵。以往的媒体如报刊, 只有文字和图片而没有声音; 广播只有声音却没有文字和图像; 电视是拥有声音、 图像、 文字的媒体, 但观者只有被动地接受, 而不能自由地有选择地观看, 也不能进一步查看详细资料, 只有网页能够做到上述的一切, 观者的自由度像报纸一样, 可自由选择喜爱的内容, 同时又能够听、 看更多的声音和视频信息, 以对被查看事物有更全面的了解。这种利用图像、 音效和动画的版面构成形式, 必将使媒体视觉传播策略更加深入。版面构
13、成离不开艺术表现。美的形式原理是规范形式美感的基本法则。它是经过重复与交错、 节奏与韵律、 对称与均衡、 对比与调和、 比例与适度、 变异与秩序、 虚实与留白、 力场与网格、 变化与统一等形式美构成法则来规划一个网页版面。用最简单的一句话来表示, 构成就是将造型按视觉效应、 视觉力学和精神力学等原则组 成的, 具备美好形态的造型。 构成形式里, 有空间构成( 平面构成和立体构成) 和时间构成( 静和动) 。 在网页的创作, 就是要协调这里面的种种关系, 顺应视觉感受, 才能够打动观看者的视觉, 得到想要的效果。版面构成实际上就是如何运用好点、 线、 面。不论版面的内容与形式如何复杂, 但最终能
14、够简化到点、 线、 面上来。网页页面中所有要素都能够归纳为点、 线、 面: 一个字母、 一个页码数、 能够理解为一个点; 一行文字、 一行空白, 均能够理解为一条线; 数行文字与一片空白, 则能够理解为面。它们之间互相依存, 相互作用, 组合出页面中各种各样的形态, 构建成一个个千变万化的全新页面。对于网页的版面构成, 在设计上虽然能够借助电脑设计软件中的一些特殊技法使其丰富多样而又简洁明了, 但归根究底是为了让文字和内容更有可读性, 让栏目划分更富于节奏感, 是为内容服务的, 因此如果当两者相矛盾时, 应该让版面构成服从内容。页面是让浏览者阅读和理解的, 让浏览者在视觉上感到愉快, 思维上保
15、持清晰就是版面构成中视觉表示的最精华概括。除了以上的构成关系, 还应注意网站的内容, 人性化的布局。网站的包装绝不是从某单方面就能够解决的。一个受欢迎的网站, 必将是一个给人印象深刻, 在各方面都设计合理的网站。考核成绩( 满分10分) : 指导教师签名: 考核日期: 实训3 重复、 渐变、 发射的构成练习实训目的重复调整三个基本构成的骨架结构和设计效果, 经过动手实践, 体会手绘的感觉。实训内容分别作重复、 渐变、 发射三个构成的练习。实训要求手绘。( 30CM30CM) 在白卡纸上( 黑白稿) 作涂色练习。教师指导3学时或以上。学生课后练习40以上学时。( 选2种或2种以上形式进行综合练习
16、) 实 训 过 程 记 录步骤简述: 重复: 用直尺等辅助工具先在A4纸上画出A, 然后再画一个倒着的A, 重复的画出8个A图形, 将将部分A形的顶部涂上颜色, 即形成了重复效果; 渐变: 用直尺等辅助工具先在A4纸上画出大的纸飞机, 然后按照一个方向由大到小画出多个纸飞机, 再将折叠中间部分涂上颜色, 即形成了渐变效果; 发射: 第一步, 在A4纸上画出一个小圆点。第二步, 以这个小圆点为中心, 由小到大画出三个大圆。并给其中的两个圆涂上颜色。第三步, 以最先画的小圆点为中心, 由小到大, 由内到外, 向不同的方向画圆。并给相应的圆涂上颜色, 形成以小圆点为中心的发射效果; 实训日期: 实训
17、4 特异、 肌理、 图与底、 对比、 韵律等平面构成的练习实训目的经过动手实践, 体会手绘的感觉及学习手绘的技法。实训内容分别作特异、 肌理、 图与底、 对比、 韵律等构成的练习。实训要求手绘。任选一种构成, 在白卡纸( 30CM30CM) 上( 黑白稿) 作设计练习。教师指导3学时, 学生课后练习8学时或以上。实 训 过 程 记 录步骤简述: 1、 准备工具( 卡纸、 水粉颜料、 水粉笔、 铅笔、 尺子等) ; 2、 寻找参考资料和设计草图; 3、 确定草图, 用铅笔画构成练习的骨格( 肌理构成需拓印或用其它方法在纸张上制造肌理效果) ; 4、 用针笔过稿, 上墨, 修图, 装裱完成。实训日
18、期: 阶段性考核二考核内容掌握重复、 渐变、 发射的构成练习( 选2种或2种以上形式进行综合练习) 考 核 过 程 记 录步骤简述: 1、 准备工具( 卡纸、 水粉颜料、 水粉笔、 铅笔、 尺子等) ; 2、 寻找参考资料和设计草图; 3、 确定草图, 用铅笔画构成练习的骨格; 4、 用针笔过稿, 上墨, 修图, 装裱完成。考核成绩( 满分10分) : 指导教师签名: 考核日期: 实训5 设计三幅平面构成实训目的经过动手实践, 体会手绘的感觉及学习手绘的技法。实训内容运用基本形的各种排列, 自行设计三幅平面构成作品。实训要求有条件的地方可上机操作。教师指导3学时, 学生课后练习40学时以上。(
19、 选2种或2种以上形式进行综合练习) 实 训 过 程 记 录步骤简述: 1: 在网上找一个合适的背景图片, 和一张电路板图片, 然则运行Adobe Photoshop CS软件, 新建一个文件, 把背景图和电路板导入进去, 分别为两个不能的层。将电路板放在背景层上面的适当位置。再新建一个层, 经过文字工具输入”半导体分销行业的先驱”改变字体和字号, 设置为斜体, 放在背景层上面右边的适当位置, 将做好的文件保存, 导出或存储为JPG文件。2: 在网上找一背景图, 一辆车的图片, 经过Adobe Photoshop CS软件, 把车放置在背景图的上面。将做好的文件保存, 导出或存储为JPG文件。
20、3: 在网上找一张PSD的图片, 然后经过Adobe Photoshop CS软件打开图片文件, 进行适当的修改。将修改好的文件保存, 导出或存储为JPG文件。实训日期: 阶段性考核三考核内容设计三幅平面构成( 选2种或2种以上形式进行综合练习) 考 核 过 程 记 录步骤简述: 考核成绩( 满分15分) : 指导教师签名: 考核日期: 实训6 绘制明度渐变卡实训目的学会色彩调配知识、 掌握涂色以及调色方法。实训内容绘制明度渐变卡, 完成1幅在白卡纸上( 30CM30CM) 的手绘作业涂色( 用水粉色) 练习。实训要求经过学习, 掌握色彩调配知识、 涂色以及调色方法。教师指导1学时, 学生课后
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 修改 网站 美工 设计 基础 形成 考核
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【w****g】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【w****g】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。