网站美工设计基础

网站美工设计基础巴市电大李琳教学文件课程介绍教学大纲实施细则考核说明考核指导基本教学要求.实训考核要求实训报告教师介绍资源导学登录电大三级平台巴彦淖尔电大网站：http:///内蒙电大网站：/中央电大电大在线：http:///全书共6章第1章21世纪网页设计的审美传播第2章平面构成第3章色彩在现实领域中的应用第4章网页版式设计的图文魅力第5章绘图工具的基本应用第6章CorelDRAM与网页设计第1章21世纪网页设计的审美传播学习目标：本章侧重介绍网站美工的基本理论、基础知识、基本技能和方法，了解网站和网页的基本设计思想，使学习者掌握色彩基础知识、平面构成、版式及创意等相关的内容。学习重点：网页与平面构成、网页与色彩之间的相互关系。网页与平面构成网页的平面构成设计中需注意以下几点：布局要新颖：新颖的形式感非常重要，要根据不同内容的特点来决定版面的最终形式感。（使用背景明度渐变，突出主体部分的形象。）对比要强烈：对比要大小参差变化、疏密衬托有致、轻重感觉均衡、明暗对比适度。变化又统一：“万变不离其宗”网页与色彩色彩运用得越简洁、完整，对人们的吸引力就越强。对比与和谐：①以色彩三要素对比为主的色彩构成。②统一和类似调和构成。③色彩的调和与面积形状的关系。④色彩的调和与视觉生理平衡。色彩的肌理：一般来说，反光能力强的物体表面都很光滑，反映的色彩不够稳定，但明度有提高；粗糙的表面反光能力很弱，色彩较稳定，明度和纯度会有一定的降低。因此，同一种颜色在不同的材料上会产生不同的颜色效果，这就是肌理对色彩的影响。无彩色与有彩色的相互作用绘画色彩与设计色彩的关系网页设计时页面的整体风格要协调统一，网页中的内容应当清晰且适宜浏览，所以不要使用太耀眼的颜色或太朦胧的效果，除非有特殊的需要。第2章平面构成学习目标本章侧重介绍了平面构成的基础知识、基本技能和构成方法了解平面构成和网页设计的关系和基本设计思想，着重提高学习者对平面构成与网页设计的认识和理解。学习重点基本形在平面设计中的各种排列及其审美法则，并能较灵活地运用于网页设计。第3章色彩在现实领域中的应用学习目标本章侧重介绍色彩构成基础知识和手绘涂色技能方法，着重提高学习者对色彩知识与网页设计的认识和理解。学习重点色彩构成在平面设计中的各种排列及其审美法则，并能较灵活地将其运用于网页设计中。色彩的物质性心理错觉颜色的物质性印象，大致分为冷暖两个色系。冷暖色系是人们根据心理错觉对色彩的物理性分类。一般来说，红光和橙光、黄光波长长，有温暖的感觉，以此光照射到任何物体都会增加暖和感。相反，紫色光、蓝色光、绿色光照射到物体上则有寒冷的感觉。冷暖色系除了有温度上感觉不同外，还有重量感、温度感、味觉感、季节感等。如，暖色偏重，冷色偏轻；暖色有高密度的感觉，而冷色则有疏散的感觉；冷色有较强的透明感；暖色显得干燥，冷色显得湿润。灰暗的色彩给人沉重的感觉，明亮的色彩给人轻松的感觉；淡色使人感觉柔软，暗的纯色则有坚硬的感觉。红色红色能刺激荷尔蒙的变化，能引进人兴奋的感觉。是热烈、冲动的色彩。康定斯基（俄罗斯人，现代抽象艺术在理论和实践上的奠基人）说：“每一个颜色都可以是既暖又冷的，但是哪一个颜色的冷暖对立都比不上红色这样强烈。”在深红色的底子上，红色平静下来，热度熄灭着；在蓝绿色的底子上，红色就像炽热燃烧的火焰；在黄绿色的底子上，红色变成一种冒失鲁莽的闯入者，激烈又寻常；在橙色底子上，红色似乎忧郁着，暗淡而无生命，好像焦干了似的。淡红色和粉红色具有温柔、可爱的感觉，暗红色给人沉静、高雅的印象。橙色橙色的波长仅次于红色，因此它也具有长波长的特性。橙色是十分欢快活泼的色彩，是暖色系中最温暖的颜色，给人幸福的感觉。橙色中混入一定的黑色或白色，会成为一种稳定、含蓄又明快的暖色。但如果黑色混入太多，就会变成近似烧焦的颜色；如果白色太多，会带有一种甜腻的味道。橙色与蓝色搭配，能构成最响亮、最欢快的颜色。黄色黄色是明度最高的颜色，能保持很高的纯度。黄色具有灿烂、辉煌以及犹如太阳一样的光芒，象征着照亮黑暗的智慧之光。黄色发出的金色的光芒，洋溢着喜悦与轻快的气氛，还具有欢快、祥和的感染力，是骄傲的颜色。如果用黑色或紫色来衬托可以使黄色达到力量无限扩大的强度，象征着财富和权力。黄色最不能承受白色或黑色的侵蚀，黄色即刻会失去光彩。黄色常被用在提醒注意事项的场合，被称为警戒色。绿色绿色象征着和平与安全，代表蓬勃与生机。绿色是一种宽容、大度、令人放松、解除疲劳的色彩，是对人体最有益的色彩之一。绿色中无论加入黄色或蓝色都十分美丽。黄绿色单纯，年轻；蓝绿色清秀，豁达；含灰色的绿色，体现宁静、平和。蓝色无论深浅蓝色都充满深沉和博大，是永恒的象征。明丽的蓝色象征着理想、希望，是理智和平静的缩影。暗蓝色代表忠诚、冷峻，并蕴含忧郁之感。蓝色是最冷的色彩。紫色波长最短的可见光波是紫色波。紫色因其高贵被称为贵族色。但紫色也是孤傲、消极、病态的象征。淡紫色给人感觉温柔和优雅；深紫色给人感觉华丽和性感。紫色是象征虔诚的色相，当紫色深化暗淡时，是蒙昧迷信的象征。紫色以色域出现时，给人恐怖感，紫红色更是如此。蓝紫色表现孤独与献身，是色环上最消极的色彩；红紫色则表现神圣的爱和精神的主宰领域，处于冷暖之间。黑色黑色是最暗的颜色，属于无彩色。所表达的是一处向周围压抑和桎梏反抗的情绪。在黑色冷酷的表面下隐含着某种期盼和热情。白色白色在色彩中明度最高，属于无色彩。白色具有纯粹、无暇、坦诚、明亮的寓意。白色由于纯净无暇，很容易与其他色彩搭配。灰色色彩的明度由白至黑可以分成无数个层次，而每一个层次都可以称作灰色。灰色是最被动的色彩，是彻底的中性色，只能靠临近的色彩获得生命。灰色如果靠近鲜艳的暖色，就会显出冷静的品格；如果靠近纯净的冷色，则会变成温和的暖色。在色彩混合中，无论哪种混合，最终都是灰色。灰色意味着一切色彩消失，灰色是无性格的颜色。与任意纯色搭配，给人宁静、朴素、孤寂的感觉，还具有摩登、高雅的印象。色彩的三要素明度明度指色彩的明暗程度。对于光源色来说可以称为光度。对于物体色来说还可以称为亮度，深浅程度。白色是明度最高的色，黑色是明度最低的色。黄色是色彩中明度最高的色，紫色是明度最低的色。明度在三要素中具有较强的独立性，可以不带任何色相的牲，色相和纯度则必须依赖一定的明度才能显现。色相色相就是色彩的相貌，指不同波长的光给人视觉的不同色彩感受，是用来区别色彩种类的名称。纯度纯度是指色彩的纯净程度，或者说是指色彩感觉明显即色相鲜明度，所以又有鲜灰度、艳度、浓度、彩度、饱和度等说法。红色是纯度最高的色相，蓝绿色是纯度最低的色相。任何一种色彩加白、黑、灰色后都会降低色相。色彩混合正混合正混合指色光的混合，又叫加法混合。将两种以上的光混合在一起，光亮度会提高，混合后的色亮度之和等于相混各色光亮度之总和。三原色光：朱红、翠绿、蓝紫。负混合负混合指色料的混合。在绘画中广泛运用。三原色：红、黄、蓝。负混合三原色是正混合三原色的补色、如果两种色混合后能产生黑色或灰色，这两种色就是互补色。中性混合中性混合是基于不改变色光或发光材料本身的色彩混合。色彩混合后的亮度既不增加也不减少。中性混合两种表现形式：颜色旋转混合和空间混合。第4章网页版式设计的图文魅力学习目标本章侧重介绍版式设计的基本要素、类型及形式法则；了解网页的界面空间；掌握网页版式构成与设计；培养学习者对优秀网页版式分析和模仿能力，使之最终能设计出优秀的网页。学习重点网页版式的基本类型和网页内容的编排。网页版式的基本类型骨格型骨格型是一种规范、理性的分割方法，类似于报刊的版式。常见的骨格有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏、四栏等。竖向分栏居多，这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。

网页版式的基本类型满版型页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及，这种版式在网页设计中的运用越来越多。网页版式的基本类型分割型把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形成对比：有图片的部分感性而具活力，文案部分则网站源码理性而平静。可以调整图片和文案所占的面积，来调节对比的强弱。例如：如果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又很疏落，则造成视觉心理的不平衡，显得生硬。倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果。网页版式的基本类型中轴型沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列网站整站源码的页面给人以舒畅的感觉。曲线型图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏。网页版式的基本类型倾斜型页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目。三角型网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。自由型自由型的页面具有活泼、轻快的风格。网页版式的基本类型对称型对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。左右对称的页面版式比较常见。四角型也是对称型的一种，是在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角，也就控制了页面的空间。越是凌乱的页面，越要注意对四个角的控制。网页版