- 1、本文档共31页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
创意:PhotoshopCS5网页设计与配色实战攻略_IT168文库
01
Photoshop CS5网页设计
网页是图像与图像、图像与文字以及图像与图
案之间的组合,网站是展现企业形象、介绍产品和服
务、体现企业发展战略的重要途径。虽然网页设计也
是平面设计的一个方面,但是网页设计有其独特的设
计要求与原则,在设计网页之前要对其有所了解。
在设计网页的软件中,Adobe公司的Photoshop中
具有许多能让用户把图像有效地保存为Web格式的特
性。Photoshop集图像设计、扫描、编辑、合成以及高
品质输出功能于一身,在使用Photoshop设计网页时,
要根据网页的特点,有机地结合Photoshop中的相关工
具和命令。
P
H
O +
T
O 创意 :Photoshop CS5网页设计与配色实战攻略
S +
H 创意 :Photoshop CS5网页设计与配色实战攻略
O
P
P
H
O
T
O
S
H 1.1 网页界面的构成要素
O
P
网页是通过视觉元素的引人注目而实现信息内容的传达的,为了使网页获得最大的视觉传达
功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须适应人们视觉流向的心理和生
理特点,并由此确定各种视觉构成元素之间的关系和秩序。
1.网页显示尺寸
网页在屏幕上显示的页面尺寸和显示器大小及分辨率有关系,网页的局限性在于网页无法突破
显示器的范围,而且浏览器本身也将占去不少空间,因此留给网页的页面范围变得越来越小。
一般来说,当显示器分辨率为1024×768时,页面的显示尺寸为1002×600像素;当显示器分辨
率为800×600时,页面的显示尺寸为780×428像素,如图1-1所示。从以上数据可以看出,分辨率
越高页面的尺寸就越大。
1024×768 800×600
图1-1 不同分辨率下的网页显示
提示
浏览器的工具栏也是影响页面尺寸的因素。目前一般的浏览器的工具栏都可以取消或者增加,那么当显
示全部工具栏和关闭全部工具栏时,页面的尺寸是不一样的。
2.网页中的五大元素
了解网页中的基本元素,可使浏览者对网页中各部分内容的安排有总体认识。在网页设计
过程中,向下拖动页面是唯一给网页增加更多内容的方法。但是除非站点的内容能够吸引大家拖
动,否则不要让访问者拖动页面超过三屏高。如果需要在同一页面显示超过三屏的内容,那么最
好能在上面做上页面内部连接,方便访问者浏览。另外还需要考虑到网页元素——图片、文本、
多媒体,以及页眉和页脚等,如图1-2所示。
页眉 又可称之为页头,其作用是定义页面的主题。比如一个站点的名字多数都显示在页眉
里,这样,访问者能很快了解该网页的主要内容。在页眉部分通常放置站点名字、图片和公
司标志以及旗帜广告。
文本 在页面中文本多数是以行或者块(段落)出现的,它们的摆放位置决定着整个页面布
局的可视性。随着DHTML(动态HTML)的普及,文本、段落已经可以通过层的概念按要求放置
到页面的任何位置。
页脚 是指在页面最下方的一块空间,它和页眉相呼应。页眉是放置站点主题和标识的地
方,而页脚则通常是放置制作者、公司相关信息、版权的地方,有时候,还会放置一个导
航栏。
2
PHOTOSHOP
文档评论(0)