《网页美工设计》教案-第1节 网页美工设计概述(上)教案_第1页
《网页美工设计》教案-第1节 网页美工设计概述(上)教案_第2页
《网页美工设计》教案-第1节 网页美工设计概述(上)教案_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第一部分理论基础篇第一章网页美工设计概述标题第一节网页美工设计概述(上)课时2课时教学目标教学内容与过程随着IT行业日新月异的发展速度和人们日益提升的生活标准,对网页美工设计的从业人员提出了越来越高的要求。网页美工设计需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务,是集科学性与艺术性于一身的设计。是一个不断为用户设计视觉效果使之满意的过程。网页美工设计的范围网页美工设计涉及的内容包括:图形设计、交互设计、用户测试、前台设计、界面设计、网页布局。通过网页设计概述可以了解网站和网页的基本设计思想,掌握网页风格类型定位、网页布局视觉流程设计、网页配色技巧、网页图片设计制作、网页Logo设计与制作、网页主题按钮设计制作、网页导航设计制作、网页UI设计制作等,运用PS软件完成网页的综合案例,掌握网页设计的基本方法。二、网页的构成要素网页的构成要素包括:LOGO、导航栏、Banner、按钮、图片、文字等。1、网页LOGO网页LOGO具有以下的属性和特点(1)识别性网页LOGO可以帮助人们识别一个品牌或企业,在传播过程中,简单的标志便于加深受众的印象。(2)内涵性通过设计创意主题,依据设计的名称、品牌、地域民俗文化,对所要传达的文化思想理念进行挖掘分析、规划提炼、转化为设计元素。艺术性标志是企业形象的重要部分,要有艺术美感和价值,力求使网页中的标志寓意深刻,形式美观、构思巧妙、与众不同。2、导航栏导航栏分为八大模式(1)顶部水平栏导航顶部水平栏导航常用于网站的主导航菜单。顶部水平栏导航设计模式有时设计有下拉菜单,有文字链接、按钮形状、或者选项卡形状。(2)竖直/侧边栏导航侧边导航设计随处可见,几乎存在于各类网站中,适合数量多的链接。(3)选项卡导航这种模式对用户有极强的心理效应,人们习惯将选项卡与切换到新的章节联系在一起。(4)面包屑导航是二级导航的一种形式辅助网站的主导航系统。面包屑导航对于多级别具有层次结构网站特别有用,可以帮助访客了解到当前的自己在整站中所处的位置。(5)标签导航标签提高网站的可发现性和探索性。包括文章底部或顶部的元信息中。这种设计让用户更容易找到相似内容。(6)搜索导航适合拥有无限内容的网站,搜索栏通常位于头部或在侧边栏靠近顶部的地方。(7)出式菜单和下拉菜单出式菜单一般与竖直、侧边栏导航一起使用。下拉菜单一般与顶部水平栏导航一起使用。它会使网站整体看起来很整洁,而且使得深层次的章节很容易被访问。(8)页脚导航页脚导航通常用于次要导航,并且可能包含了主导航中。没有的链接或是包含简化的网站地图链接。页面导航的主要特征主要是用于放置其它地方都没有的导航项,通常使用文字链接,偶尔使用图标。3、Banner对于Banner而言,一般需要有三个要素,第一个468*60为国际

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论