网页 毕业论文.doc

山西信息职业技术学院 毕 业 论 文 设 计 论文题目 网页艺术设计的初探 系 别 影视动漫系 专 业 多媒体 班 级 多媒体 0801 姓 名 任娟娟 学 号 080309015 指导教师 刘智涛 二零一一年三月五日 2 摘要 摘要 在互联网飞速发展的今天 网络已成为人们生活中不可缺少的一部分 网站 是企业向用户和网民提供信息 包括产品和服务 的一种方式 是企业开展电 子商务的基础设施和信息平台 离开网站去谈电子商务是不可能的 网页作 为新兴媒体 有着比报刊 杂志 广播 电视等传统媒体更多的构成要素 如 文字 图形 声音 图像和动画等 网页设计包括风格定位 版面编排 布 局 色彩处理等诸多方面 总之 网页设计需要时间和耐心去钻研 才能做 出好的网页艺术设计 关键词关键词 网页 风格 版式 色彩 Abstract With the rapid development of the Internet today the Internet has become an essential part in peoples life Website is enterprise to users and Internet users to provide information including products and services a way is the enterprise develop e commerce infrastructure and information platform and leave your site to talk about e commerce is impossible Page as emerging media larger than newspapers magazines radio and television programs traditional media more elements such as text graphics audio images and animations etc Web design including style localization layout layout color processing and other aspects Anyhow web design takes time and patience to study diligently we can make a good page art design Keywords Page style format colour 3 目目 录录 摘要摘要 2 关键词关键词 2 目目 录录 3 引引 言言 5 一 一 确确定定网网站站的的整整体体风风格格 5 二二 网网站站的的版版式式和和布布局局 5 2 12 1 网网站站的的版版式式设设计计 5 2 2 2 2 网网页页设设计计布布局局及及类类型型 6 三三 色色彩彩在在网网页页中中的的应应用用 6 3 13 1 色色彩彩在在网网页页设设计计中中的的作作用用 6 3 3 2 2 主主页页色色彩彩的的处处理理 6 3 3 3 3 常常用用的的配配色色方方案案 7 3 43 4 合理搭配网页色彩合理搭配网页色彩 7 四 四 网网页页设设计计形形式式与与内内容容相相统统一一 8 五五 网页制作工具网页制作工具 8 六 总结六 总结 8 参考文献参考文献 9 致谢致谢 9 4 引引 言言 在称为信息时代的 21 世纪 全世界都在进行一场前所未有的革命 网 络无疑是这场革命的主角 而我们则成为这场革命的最大受益者 通过网络 人们足不出户就可以完成学 求医问药 购物 旅游等事情 还可以及时 快速地了解世界上每天发生的最新事件 学习最新知识 最新成果 越来越 多的企业和人个开始建立自己的网站 通过网络宣传企业形象 推销企业产 品 展示个人风采 而通过制作精美的网页来吸引更多的浏览者 提高企业 和人人知名度 是每个网站所追求的目标 所以 社会上对网页制作人才的 需求越来越大 网页设计与制作成了一个别时髦的工作 Dreamweaver 因其 所见即所得和可视化编程的特性 无疑成了网页设计与制作的最佳工具选择 一 一 确确定定网网站站的的整整体体风风格格 任何主页都要根据主题的内容决定其风格与形式 因为只有形式与内容 的完美统一 才能达到理想的宣传效果 目前主页的应用范围日益扩大 几乎包括了所有的行业 林林总总 包罗万象 但归纳起来大体有这么几 个大类 新闻机构 政府机关 科教文化 娱乐艺术 电子商务 网络中 心等 对于不同性质的行业 应体现出不同的主页风格 就像穿着打扮 应依不同的性别以及年龄层次而异一样 例如 政府部门的主页风格一般 应比较庄重 而娱乐行业则可以活泼生动一些 文化教育部门的主页风格 应该高雅大方 而商务主页则可以贴近民俗 使大众喜闻乐见 主页风格的形成主要依赖于主页的版式设计 依赖于页面的色调 处理 还有图片与文字的组合形式等 这些问题看似简单 但往往需要主 页的设计和制作者具有一定的美术素质和修养 还有 动画效果也不宜在主页设计中滥用 特别是一些内容比较 严肃的主页 主页毕竟主要依靠文字和图片来传播信息 它不是动画片 更不是电视或电影 二二 网网站站的的版版式式和和布布局局 2 12 1 网网站站的的版版式式设设计计 网页设计作为一种视觉语言 特别讲究编排和布局 虽然主页的设计 不等同于平面设计 但它们有许多相近之处 版式设计通过文字图形的空间组合 表达出和谐与美 5 主页的设计首先涉及到的是页面的版面编排问题 主页作为一种版面 既有文字 又有图片 文字有大有小 还有标题和正文之分 图片也有大 小 而且有横有竖之别 图片和文字都需要同时展示给观众 因此必须根 据内容的需要 将这些图片和文字按照一定的次序进行合理的编排和布局 使它们组成一个有机的整体 展现给广大的观众 可以依据如下几条来做 1 主次分明 中心突出 2 大小搭配 相互呼应 3 图文并茂 相得益彰 2 2 2 2 网网页页设设计计布布局局及及类类型型 网页可以说是网站构成的基本元素 当我们轻点鼠标 在网海中遨游 一副副精彩的网页会呈现在我们面前 那么 网页的精彩与否的因素是什 么呢 色彩的搭配 文字的变化 图片的处理等 这些当然是不可忽略的 因素 除了这些 还有一个非常重要的因素 网页的布局 网页布局大致可分为 国 字型 拐角型 标题正文型 左右框架型 上下框架型 综合框架型 封面型 Flash 型 变化型 三三 色色彩彩在在网网页页中中的的应应用用 3 13 1 色色彩彩在在网网页页设设计计中中的的作作用用 色彩是艺术表现的要素之一 在网页设计中 我们的设计师根据和谐 均衡和重点突出的原则 将不同的色彩进行组合 搭配来构成美丽的页面 根据色彩对人们心理的影响 合理地加以运用 先选定一种色彩 然后调整透明度或者饱和度 这样的页面看起来色彩 统一 有层次感 简单的说就是用一个感觉的色彩 例如淡蓝 淡黄 淡 绿 或者土黄 土灰 土蓝 在网页配色中不要将所有颜色都用到 尽量控制在三至五种色彩以内 背景和前文的对比尽量要大以便突出主要文字内容 3 3 2 2 主主页页色色彩彩的的处处理理 色彩是人的视觉最敏感的东西 主页的色彩处理得好 可以锦上添花 达到事半功倍的效果 色彩总的应用原则应该是 总体协调 局部对比 也就是 主页的整体色彩效果应该是和谐的 只有局部的 小范围的地 方可以有一些强烈色彩的对比 在色彩的运用上 可以根据主页内容的需 要 分别采用不同的主色调 因为色彩具有象征性 例如 嫩绿色 翠绿 色 金黄色 灰褐色就可以分别象征着春 夏 秋 冬 其次还有职业的 标志色 例如 军警的橄榄绿 医疗卫生的白色等 色彩还具有明显的心 6 理感觉 例如冷 暖的感觉 进 退的效果等 另外 色彩还有民族性 各个民族由于环境 文化 传统等因素的影响 对于色彩的喜好也存在着 较大的差异 充分运用色彩的这些特性 可以使我们的主页具有深刻的艺 术内涵 从而提升主页的文化品位 3 3 3 3 常常用用的的配配色色方方案案 1 暖色调 即红色 橙色 黄色 赭色等色彩的搭配 这种色调的运 用 可使主页呈现温馨 和煦 热情的氛围 2 冷色调 即青色 绿色 紫色等色彩的搭配 这种色调的运用 可 使主页呈现宁静 清凉 高雅的氛围 3 对比色调 即把色性完全相反的色彩搭配在同一个空间里 例如 红与绿 黄与紫 橙与蓝等 这种色彩的搭配 可以产生强烈的视觉效果 给人亮丽 鲜艳 喜庆的感觉 最后 还要考虑主页底色 背景色 的深 浅 这里借用摄影中的一个 术语 就是 高调 和 低调 底色浅的称为高调 底色深的称为低调 底色深 文字的颜色就要浅 以深色的背景衬托浅色的内容 文字或图片 反之 底色淡的 文字的颜色就要深些 以浅色的背景衬托深色的内容 文字或图片 这种深浅的变化在色彩学中称为 明度变化 当然 色彩的明度也不能变化太大 否则屏幕上的亮度反差太强 同样也会使读 者的眼睛受不了 3 43 4 合理搭配网页色彩合理搭配网页色彩 网页的色彩是树立网站形象的关键之一 网页的背景 文字 图标 边 框 超链接等都要用到色彩 不同的色彩会使浏览者有不同的心理感受 合 理的搭配色彩 会更好的表现主题 吸引用户的注意力 网页色彩涉及到艺 术知识 让美术教师参加网页色彩设计 可能会出现比较理想的效果 在色 彩搭配上要注意色彩的鲜明性 独特性 合适性 联想性 背景色和前景色 对比要大 以突出主要内容 网站给人的第一印象来自视觉冲击 不同的色彩搭配产生不同的效果 并可能影响到访问者的情绪 标准色彩 是指能体现网站形象和延伸内涵 的色彩 要用于网站的标志 标题 主菜单和主色块 给人以整体统一的感 觉 至于其它色彩也可以使用 但应当只是作为点缀和衬托 绝不能喧宾夺 主 一般来说 一个网站的标准色彩不超过 3 种 太多则让人眼花缭乱 适 合于网页标准色的颜色有 蓝色 黄 橙色 黑 灰 白色三大系列色 7 四 四 网网页页设设计计形形式式与与内内容容相相统统一一 为了将丰富的意义和多样的形式组织成统一的页面结构 形式语言必 须符合页面的内容 体现内容的丰富含义 灵活运用对比与调和 对称与平衡 节奏与韵律以及留白等手段 通 过空间 文字 图形之间的相互关系建立整体的均衡状态 产生和谐的美 感 如对称原则在页面设计中 它的均衡有时会使页面显得呆板 但如 果加入一些富有动感的文字 图案 或采用夸张的手法来表现内容往往会 达到比较好的效果 点 线 面作为视觉语言中的基本元素 巧妙地互 相穿插 互相衬托 互相补充构成最佳的页面效果 充分表达完美的设计 意境 五五 网页制作工具网页制作工具 现在非常流行的 Macromedia 公司出品的 Dreamweaver studio 8 提供了更 多功能强劲的可视化设计工具 应用开发环境以及代码编辑支持 是开发人 员和设计师能够快捷的创建代码规范的应用程序 集成程度非常高 开发环 境精简而高效 开发人员能够运用 Dreamweaver 与他们的服务器技术构建功 能强大的网络应用程序连接到用户的数据 网络服务体系 平面图形设计的 photoshop 软件 photoshop 可以做出比较复杂的平面效 果 此次设计中采用 photoshop 编辑图片 网页动画设计软件 flash Flash 网页动画设计软件可以制作网页互动动 画 也可以将一个较大的互动动画制作为一个完整的网页 这是一个非常灵 活的设计软件 由于利用 Flash 可以设计强大的动画效果 所以 Flash 动画 已发展成为一种独特的艺术形式 至此 Flash 动画被广泛应用在网页设计中 从 logo 到网页横幅 按钮 甚至整个网页或网站 都可以用 Flash 动画来实 现 为利用 Flash 动画制作网页导航条的效果尤佳 六 总结六 总结 这次毕业设计让我更加熟悉了从理论到实践的跨越 从当初的在网上查 阅资料 到现在的网站运行 这中间有很多值得回味的地方 在计算机的世 界里 只要你有兴趣 总会有太多新奇的东西吸引着你 这次的毕业设计 从选题到实现 几乎都是自己独立完成的 这次网页 8 设计的实现我用到的软件主要有 Photoshop Dreamweaver Word 网站建 设从需求分析到设计 测试 我都力求规范化 努力让自己以前学的知识运 用到本网站的开发中 尽量保证整个系统的开发质量 顺利完成这次的毕业 设计 为自己的大学生涯画上一个完美的句号 不过 在网站建设过程中 好多知识都是随学随用 就增加了很多不必要的麻烦 虽说这些都会消耗开 发的时间 但在老师 同学以及自己的不断努力下 一些问题也随之克服了 通过这次校园网站设计 使我增加了很多的知识 也掌握了很多网页设计的 操作技巧 虽然还有很多不足之处 但这并不重要 重要的是我对网页的设 计又有了更深的了解 我做的是静态的网站 好多信息只能通过浏览页面的 方式查阅 网站的便用性比较差 希望各位评委老师和同学给予指正与建议 我相信 只要肯钻研 只要挤时间 一切自己想要的知识都可以掌握 9 参考文