(精选)网页美工设计模块一 网页设计基础课件.pptxVIP

网页美工设计 模块一 网页设计基础 任务一 初识网页美工 1.了解网页美工的任务 2．理清网页美工的设计流程 通过学习，学生能够： 1．了解网页美工任务概述 2. 理清网页美工的设计流程 3.了解网页美工的设计概述 新课导入 网页美工是对平面视觉传达设计美学的一种继承和延伸，两者的表现形式和目的都有一定相似性。网页美工把传统平面设计中美的形式规律同现代的网页设计的具体问题结合起来，将一些平面设计中美的基本形式运用到网页中去，增加网页设计的美感，满足大众的视觉审美需求。 目标展示 如下图所示，网页美工设计与企业整体形象一致。注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。手写板，超越传统办公的笔和纸，网站规划体现主旨，传承传统而又赋予创意，版面简洁，色彩协调。 手写板的网站设计 二、网页美工设计概述 任务分解 1.网页创意既要考虑网页的新颖独特，又要考虑网页是否符合行业特点及网页整体功能的实现。 2.网页版面构成要素点、线、面的和谐构成。 3.网页色彩规划一是先定主色、再配辅色；二是有效利用其他色彩进行网页色彩搭配；三是注意色彩的对比。 作业布置 在互联网上浏览网页，下载3张让人赏心悦目的网页，并具体阐述其优点。 网页美工设计 模块一 网页设计基础 任务二 网页设计欣赏 1．提高网页鉴赏能力。 通过学习，学生能够： 1．了解网站规划的基础知识，了解网页创意的基本方法，进而提高网页鉴赏能力。 新课导入 如何才能设计出与众不同的漂亮的网页?除了丰富的内容、合理的版式、独特的风格和赏心悦目的色彩，作为一名网页设计者就应该拓宽视野，使自己了解更多不同的类型和不同风格的网页，这样才能不断地提高自己的设计水平。所以，对于初学者来说，网页欣赏是至关重要的，因为只有在量的积累下，才会有质的提升。 本任务通过对信息资讯类、电子科技类、文化教育类、休闲娱乐类、个性类网站的欣赏与分析，让网页美工设计初学者了解网站规划的基础知识，了解网页创意的基本方法，进而提高网页鉴赏能力。 目标展示 如下图所示，网页美工设计与企业整体形象一致。注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。手写板，超越传统办公的笔和纸，网站规划体现主旨，传承传统而又赋予创意，版面简洁，色彩协调。 手写板的网站设计 任务分解 资讯及信息门户类网站具有传媒特性，提供新闻或行业信息的发布传播。此类网站除提供资讯信息外还同时运营其他网络服务。比较显著的特点是信息量大，内容丰富，页面通常为分栏结构，排版较长。 如下图。 一、资讯类网站 任务分解 二、电子科技类 电子科技类网站多采用冷色调，给人深厚的科技感。色彩大多以蓝色为主，再搭配明度不一的灰色或白色，使整体看上去稳重、大方、整洁、干净。此类网站版式多以横向分栏或居中的风格居多。 三、文化教育类 任务分解 教育类网站的主要目的是宣传和推广教育、正确引导学生学习知识。一般来说教育网站在整体设计给人很强的文化气息，基本采用图片与文字搭配，简洁、紧凑的布局排版风格，且其文字介绍内容简单明了，页面效果简洁细致。 四、休闲娱乐类 任务分解 娱乐类网站多以色彩丰富著称，最重要的就是要有很强的视觉性和娱乐性。为了突出宣传效果，往往都会使用大幅的图片或者动画，因此，这些内容一般也都会摆放在页头或中间醒目的位置。网站设计师会应用一些色彩鲜艳、表现强烈的颜色到娱乐类网站的设计中，应用这些色彩可加深浏览者的印象，以达到加重浏览者感观刺激的作用。 五、个性化网页 任务分解 个性化网站大多反映的是个人的喜好和性格，其版式随意自然，内容的划分全靠网页的各项具体元素来承担。这些网站往往以大面积简洁，小面积繁复为主。各项繁复的小元素构成网站的版式、网站内容、网站的色彩和网站的细节。换句话说就是利用小画来画出大画。 网页美工设计 模块一 网页设计基础 任务三 认识网页元素 1．了解网页元素的构成。 通过学习，学生能够： 1．通过对网页常见组成元素的欣赏与分析，让网页美工设计者初步了解网页元素的构成。 新课导入 网站由多张网页构成，每张网页包含大量的内容，以内容来划分，一般的网页界面包括网站Logo、网站Banner、导航栏、文字、图像、链接六部分 。 目标展示 中兴手机网站展示，组成网页的六要素，如图 任务分解 网站Logo是一个站点的象征，应体现该网站的特色、内容，以及其内在的文化内涵和理念。成功的网站标志有着独特的形象标识，在网站的推广和宣传中将起到事半功倍的效果。如下图。灵动信息技术有限公司的Logo。网站标志一般放在网站的左上角，访问者一眼就能看到它。 一、网页logo 任务分解 二、网页Banner 网页Banner主要体现网页中心意旨，形象鲜明地表达网站