网页用图概论.pptVIP

第2章 网页用图 ;2.1 图形设计概述 ; 2.1.1 图形创意 1. 图形图像处理工具 photoshop fireworks CorelDRAW flash 2. 图的选取与使用 (1)要有良好的视觉吸引力，以吸引读者的注意力，避免使用过大的图像； (2)与网页设计风格统一，如果不统一，就需要手动美化； (3)插图中先声明图像大小，可以在IMG标签中插入声明； (4)若一定要使用大图，要有预览效果； ; (5)尽量少用flash插件； (6)动画与内容有机结合； (7)动画或图像的位移要有方向性。 3. 形的合成变化 点—线—面—空间 2.1.2 装饰图案设计 1. 装饰图案的美感 装饰图案是实用与装饰相结合的一种艺术形式。它把生活中的自然形象,经过艺术加工,使其造型、色彩、构图等适用于审美目的的一种设计图样。 ; 2. 装饰图案的表现方法 装饰图案的变化方法有提炼概括、夸张、纹饰处理、寓意、巧合、求全造型、拟人。二方连续构成骨架分为散点式、直立式、水平式、倾斜式、波纹式、折线式、开光式、一整二剖式、重叠式、综合式。四方连续组织方法有散点式连续纹样、连缀式连续纹、重叠式连续纹样。 2.1.3 页面构造 1. 创建Web图像 2. 美工修饰 3. 分割组合Web图像 ;2.1.4 本章案例简介 本章中将通过3个案例，讲解网页用图的方法及技巧。“个性主页设计”案例讲解图形图像在网页中的艺术处理，案例体现插图的选用和装饰，创造空间效果；“贵宾卡主页设计”案例讲解装饰图案的运用，通过对图案艺术和文字编排加工，体现了时代主题特征；“网站欢迎页”案例讲解一个完整的网页效果图的设计过程，以书画网为例，分析古典艺术风格的设计过程和制作技巧。;2.2 实训三:图形图像艺术处理--POLO个性主页 ; 提示：运用photoshop中的多种功能及工具调出自己喜欢的造型和填充效果。这里主要使用的工具有钢笔工具，图层混合模式，渐变工具，木刻滤镜，文字工具。 ;4. 图的组合方式有块状组合和散点组合。 ;本节知识点 :;2.3 实训四:装饰图案-贵宾卡主页 ; 提示：文字和图形在网页上的组合都能达到装饰的效果。但不是把这些元素简单地堆砌。按照一定的排列规律组合是很有必要的。这里主要用到的工具有圆角矩形工具、“自由变换”命令、渐变工具、橡皮擦工具、椭圆工具、铅笔工具、自定形状工具、旋转扭曲滤镜、文字工具、钢笔工具、魔棒工具。 ; 4. 采用符号化图形，它形式上虽然简洁、单纯，却传达出深刻的含义。 ;2.4实训五 网页效果图--书画网欢迎页 ; 提示：在存储为web格式时，要注意尽量将图片中不需要的位置单独切出，这一部分在网页实现时可以摒弃，而直接采用背景色代替，以加快网页的显示速度。这里主要使用渐变工具、“自由变换”命令、图层混和工具、羽化工具、切片工具等。 ;3. 在界面设计中，质感是很重的设计要素，譬如透明感，凹凸感，光泽以质感的方式加强对比，质感的综合运用能给人以可爱、韵味、时尚的感觉。 4. 在页面构造中，图的大小和方向会直接影响画面的稳定。 5. 图像的重复能在页面产生节奏。 6. 将整个页面构造成富于装饰效果。 ;本节知识点 :;2.5 本 章 小 结;2.6 习 题 1.选择： （1）以下哪个工具不是用来设计网页效果图 （ ）？ A.photoshop B. fireworks C. word D. corelDRAW （2）网页常用图像格式有 （ ）。 A. .ai与.gif B. .jpg 与.gif C. .gif与.cdr D. .bmp 与.gif （3）网页中常见的视觉元素有 （ ）。 A. 文字 B. 图片 C. 动画 D. 三种都有 （4）漫画具有（ ）特征 。 A. 幽默谈谐 B.夸张 C.变形 D.三种都有 ;（5）漫画形象贯穿网页，将网页内容拉近人们的生活，能营造（ ）气氛。 A. 热情 B. 现代 C. 有活力 D. 三种都有 （6）图像的（ ）能够产生空间感和层次感 。 A. 大小对比 B. 方向对比 C. 虚实对比 D. 三种都有 （7）设计图形可以采