(
课件网) 初中学段九年级下册美术学科 我的网页 网页的风格 壹 1.1 网页风格的构成元素 1.2 网页风格设计欣赏 1.3 网页图标设计示范 1.4 自主学习任务单1 网页是什么？ 这是一个交流的平台，拥有无限的魅力；这是一个广阔的世界，展现全新的传播方式。走进这个多彩的领域，为自己设计一个别致的网页，尽情彰显你的才华与个性。 网页的风格？ 优秀的网页设计往往将一些构成页面的基本元素进行合理的组织，体现出语言难以表现的情境，同时展现网站独特的风格与个性，促使浏览者在众多选择中对其留下深刻的印象。现在同学们常用的有QQ空间或微博空间等个人社交网页。 1.1 网页的构成元素有哪些？ 构成网页的元素包括文本、色彩、图标、图片、导航栏、超链接、动画、声音、视频等。 “加菲猫”专题网站主页整体版面设计 网页大体布局 主页中整体导航栏目设计 主页中主体图标形象设计 主体的图 标形象起到点 缀、装饰网页 的作用，同时 使得网页个性 更明显，更具 辨识性。 导航栏是网页主页上的一组按钮，可以帮助浏览者进入各个子页面或者返回主 页，起到贯穿整个网页的作用。其中可设置动画效果的动态装饰，使网页具有运动 的形式美感与视觉冲击力。 浅蓝色的底色能更 突出主题、强化色彩对 比与活泼气氛。 直观形象的图文设 计便于浏览者的页面选 择与浏览。 主页中相关超链接设计 网页大PK———网页设计“类比研究学习” 下列是加菲猫网站中英文不同版本的两个主页设计。比较两者在网页 导航栏、超链接、主体图标、色彩搭配等方面的异同，谈谈你觉得哪个网 页设计相对更好的看法。 暂停 1.2 网页风格创意手法及设计欣赏 色彩鲜明的书签成了个性化的网页导航栏。 简洁生动、活泼可爱的小蝴蝶成为网页的主体图标。 手绘一本翻开的便签笔记本，配合书签与图画，构成一个极富特点的网页。 个 性 化 网 页 风 格 设 计 赏 析 1 主体图标的巧妙设计，把网页中的主要元素全部整合其中，让人分不清是图形设计作品，还是一个网页的版面设计。 个 性 化 网 页 风 格 设 计 赏 析 2 对于个性化的专题网站而言，网页上凸显网页特色的个性化主体图标设计不但打破设计常规，易于吸引浏览者的视觉注意，更重要的是能在第一时间生动表达出网页的主题内容，使人过目不忘。 个 性 化 网 页 风 格 设 计 赏 析 3 网页主体图标学生设计作品1 图标起到点缀、装饰的作用，同时使页面个性更鲜明，更具可辨性。 网页图标组合 我的信箱 小蚂蚁之家 网页主体图标的学生手绘作品2 网页主体图标的学生手绘作品3 选一选1： 右侧四个拟定的网页图标形象中，你觉得哪个更能体现“天文观察爱好者专题网站”的网页个性特点？并说说你选择图标的理由。 自主学习任务单一 暂停 选一选2： 下列四个拟定的网页图标形象中，你觉得哪个更能体现“自然环境体验者”的网页个性特点？并说说你选择图标的理由。 1.3 网 页 图 标 设 计示 范 用手绘方式制作的方式为自己的个人网页设计一个图标，并能体现个人的个性、爱好、特长等。 自主学习任务单1 暂停 网页设计 贰 2.1 文字、图像、色彩 2.2 版式的类型 2.3 网页整体举例 2.4 自主学习任务单 多种电脑软件与设备为网页设计的实现提供了多样的手段。图片的形状、位置、大小、数量等直接关系到网页的视觉效果。文字是网页中的主要信息描述要素，文字表现的好与坏将影响到整个网页的质量。 2.1 文字、图像、色彩 1.使用美术软件（如奇奕画王）中的文字工具输入标题文字，并选择你喜欢的字体和效果。 2.使用区域选择和操作工具进行抠图、旋转等图像处理。 3.使用鼠标或电脑绘图板并结合软件中的各种模拟画笔可以自由地添加图形。 Wacom数位板 4.通过色彩调节工具 ... ...
