第8章 使用Photoshop进行页面设计.pptVIP

8.7.2 怎样在Photoshop中使用图层样式 在Photoshop中对文字、图片等内容的效果处理，常常是用图层样式来实现的。样式是把各种效果进行一定的搭配与设置，在使用时直接使用这一组效果。 8.7.3 怎样在网页的版权区中插入网站备案信息 信息产业管理部门为了加强对网络信息和网站的管理，已经要求所有网站必须在信息产业部网站上进行电子版备案。 1-* 1-* 第8章 使用Photoshop进行页面设计 ? Photoshop CS5简介 ? 网页的设计元素 ? 网页的大小 ? 艺术字的设计 ? 按钮的设计 ? 图片的导出 8.1 Photoshop CS5介绍 Photoshop是世界顶尖级的位图图像设计与制作软件，是平面设计软件的事实标准。图像处理是对已有的位图图像进行编辑处理以及制作出一些特殊效果，工作的重点在于对图像进行处理加工。 8.2 使用Photoshop CS5设计页面 使用Photoshop对网页的效果图进行设计时，需要根据网站的需要进行一定的创意与设计。网页中的内容，一般是以文字为主，所有网页的设计要求清新自然，容易突出网站的内容。有些种类的网页，可以进行一些夸张的艺术设计方法，用夸张的颜色与视觉效果表现网站的内容。 8.2.1 常见页面大小 关于网页的大小，并没有统一的规定或要求。浏览器可以根据网页的大小自动调整和布局网页，当网页超过一个版面时，浏览器会出现滚动条，使网页的内容布局到另一个版面上。 网页的大小需要根据具体要求和常规的设计习惯确定。网页的页面大小，一般有3种情况。 1.居中类型小版面网站 2.778像素居中型网站 3.宽屏网站 4.网页效果图中效果图宽度的设置 8.2.2 确定网页色彩定位 在设计网页效果图时，最先需要考虑网站色彩的定位。网站的效果图，需要在一个明确的色彩定位下进行设计。所有的设计元素，需要与这个色彩定位相统一。 不同类别的网站对网页的色彩有着不同的要求。网站的色彩，既可以使用清爽自然的色彩，也可以使用夸张的色调和艺术效果。 1.功能类网站 2.新闻类网站 3.产品类网站 4.艺术类网站 5.公司宣传网站 6.个人网站 8.2.3 设计网页的功能结构 网站是由不同的功能组成的，这些功能都是网站不可分割的组成部分。在进行网站设计时，要充分考虑到网站的各种具体功能模块的设计。这些功能模块的页面设计，需要与首页、其他页面实现风格和色彩的统一。 例如，一个公司宣传网站，需要有公司形象展示、产品展示、公司新闻、客户服务、客户留言等功能。这些功能要根据重要程度，在首页上有一定的体现。每一个模块，需要根据内容设计出和模块相符合的网页风格，不同的风格需要与网站首页相谐调。 8.3 网页中的设计元素 网站中有一些形成习惯的设计方法和设计内容，这些内容已经被广大用户所接受。进行网页平面设计时，需要充分体现出这些设计内容。 一般的网站，都需要网站Logo区、导航条、网站布局区、版权区等设计元素。这些区域的风格与内容都有着不同的要求。 8.3.1 导航区 网站中，在上面或左面，一般有一个导航条。导航条把网站中重要的链接集中放在一起，用户访问时，可以直接在导航条上选择自己所需的链接。一个网站下不同的网页一般有着相同的导航条，这样用户就更容易找到自己所需要的链接。 1.文本链接导航条 2.下拉菜单导航条 3.标签式导航条 4.Flash导航条和图片导航条 8.3.2 页面布局区 网页的布局区指的是网站首页或二级页面中网页实际内容的布局。网站的美工设计，主要体现在网站主要内容的布局上。 8.3.3 版权区 网站的最下部一般是一个版权区。版权区的主要内容是版权、网站信息、网站联系方式等内容。这一区域的表现方式是文字信息和链接，一般使用简单布局，不需要使用复杂背景。 8.3.4 使用辅助线对网页效果图进行基本分区 在使用Photoshop CS5进行网页效果图设计之前，需要使用辅助线对网页的布局和主要内容进行基本的划分。 8.4 网页内容的设计实例 使用Photoshop CS5设计网页效果时，对网页所需要的