Photoshop在网页设计上的应用.docVIP

Photoshop在网页设计上的应用 PAGE 6 编号：_______________ 商丘工学院 毕业论文（设计） 题 目： Photoshop在网页设 计上的应用 系 别： 计算机科学系 专 业： 11计算机应用1班 学生姓名： 李朝阳 成 绩： 指导教师： 潘亚 2013年 4月 商丘工学院毕业论文（设计） 摘要 计算机图像技术的飞速发展，使个人电脑上的美术创作进入一个新的阶段，各种图像处理软件越来越完善，普及程度不断提高。其中的图像处理工具Photoshop是目前公认的、较好的通用平面美术设计软件，它功能完善，性能稳定，使用方便。使用PhotoShop平面设计软件设计网页简单实用，具有很多不可代替的优点，为大众所推崇。比如：通过PhotoShop的切片工具，可将一个完整的网页切割许多小片，不仅方便上传，也容易对每一张图块进行单独的优化，同时利于浏览下载。在使用Photoshop对网页进行设计和美工的过程中，所需要掌握和了解的知识很多，颜色的搭配，版面的布局，以及人机交互的繁简性，都需要斟酌思考。 关键词：Photoshop；网页设计；切片工具；颜色；布局 Photoshop在网页设计上的应用 PAGE II 目 录 TOC \o 1-3 \h \z \u 摘要 I 第一章 概述 1 1.1 Photoshop的简介 1 1.2 Photoshop的运行环境 3 第二章 Photoshop的平面设计 4 2.1 设计特点 4 2.1.1用计算机代替传统的设计工具 4 2.1.2信息处理能力强大、快速 4 2.1.3使平面设计走向产业化 4 2.2 设计原则 5 2.2.1 整体与局部相统一原则 5 2.2.2 知识性与趣味性统一原则 5 2.2.3 艺术性与观赏性统一原则 6 2.2.4独创性原则 6 第三章 Photoshop的网页设计 7 3.1 网页设计原则 7 3.1.1画面内容 7 3.1.2造型的组合 8 3.1.3色彩的运用 8 3.2 网站的交互可用性 9 3.2.1眼动造成的热点效应 9 3.2.2注意力及可视项目 10 3.3 切片工具的使用 11 第四章 Photoshop网页实例设计 12 4.1网页功能概述 12 4.2网页界面设计 13 4.2.1背景及图层文件夹 13 4.2.2登录框 14 4.2.2 LOGO 15 4.2.3 导航栏 15 4.2.4 信息发布栏 16 4.2.5 切片处理及导出网页 16 4.5网页的整体设计效果 17 第五章 总结 18 参考文献 19 商丘工学院毕业论文（设计） PAGE 7 天津大学硕士学位论文 第一章 绪 论 第一章 概述 1.1 Photoshop的简介 Adobe Photoshop，简称“PS”（其程序图标便是“PS” ）是一个由Adobe Systems开发和发行的图像处理软件。多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用，实际上，Photoshop的应用领域很广泛的，在图像、图形、文字、视频、出版等各方面都有涉及。 Photoshop创始人的主要设计师ThomasKnoll的父亲GlennKnoll是密歇根大学教授，同时也是一个摄影爱好者，他家地下室是一个暗房。他两个儿子Thomas和John从小就跟着爸爸玩暗房，但John似乎对当时刚刚开始发行的个人电脑更感兴趣；此后Thomas也迷上个人电脑，并在1987年买一台苹果电脑（MacPlus）用来帮助完成他的博士论文。 Thomas发现当时的苹果电脑无法显示带灰度的黑白图像，因此他自己写了一个程序Display。而他兄弟（也可能是哥哥）John这时在星球大战导演Lucas的电影特殊效果制作公司IndustryLightMagic