[Ps与网页结构设计的关系.docxVIP

Ps与网页结构设计的关系时间:2010-10-14　当今收集已经成为人们糊口的主要组成部门,由此一个新兴的专业网页设计降生了。部门技工黉舍为顺应这个职业对人才的需求纷纷开设了收集工程专业。可是在培育网页设计人员的过程中一些教师因为缺乏网页设计实践经验，对Photoshop这个图象软件在网页设计中对网页元素的整合感化熟悉不足，没有使这个软件阐扬其应有的感化。本文针对这个现象，对Photoshop在网页设计和规划中的感化和意义以及运用Photoshop进行网页规划时应注重的问题作了阐述，出格是对Photoshop的切片功能和操作体式格局做了具体的声名，这对于初学网页设计的人员来说更具有指导意义。　关头词：网页设计 Photoshop 结构　此刻是IT时代，几乎没有哪一行能和收集离开关系，是以网站的规划与扶植已经成为一项专门职业。在网站规划扶植中，网页结构设计是其至关主要的一环，它关系到网站能否吸引更多人的眼球，直接反映网站的点击率，而点击率恰是网站的生命地址。所以网页结构设计是否美不美观、规范、合理越来越受到网页设计师的正视。　网页结构设计的软件良多，如Dreamweaver 、FrontPage 等都可胜任，可是初学者往往是一上手就利用Dreamweaver等进行规划结构，功效使网站扶植延期，下载速度降低，更糟的是合同违约，失踪失踪客户，造成不成估量的损失踪。纠其原因，关头是轻忽了Photoshop在网页规划结构中的感化。初学者知道Photoshop是图像措置软件，但只是把它用来解决一般图像裁切、调整、优化，而轻忽它在网页结构设计中的主要感化。一、Photoshop在网页结构设计中的感化 案例一:IBM中文官方网站案例二:清华大学中文官方网站　经由过程以上案例，我们发现这些网站设计气概简约，页面结构规范，有章可循，栏目放置有序，主次关系分明，浏览速度很快，其实从专业角度看这些都是Photoshop的功勋。　1、 Photoshop在网页结构打算中的感化　①结构矫捷：Photoshop的魂灵是图层，每层可以放置分歧的元素，图层之间可以彼此链接，也可零丁存放，每个图层上的图像位置可以随意挪动而不影响其它图层的图像位置，每个图层上的图像大小、色阶、亮度、饱和度透明度等可零丁设置而不影响其它图层上的图像。如斯矫捷的功能，完全可以让设计者随心所欲设计而不受任何约束，而Dreamweaver等软件给设计者供给出自由度降低良多，其结果也会大打折扣。　②点窜便利：网站扶植前期首先要与客户签定合同，签定合同时客户最关心的是自己的网站是什么样子，这时设计者不成能拿出建好的网站给客户演示，这样一是成本太高，合同能否签定还不必然;二是呵护常识产权，有的客户拿走设计方案交给此外公司去做，自己岂不成了给别人做嫁衣裳。最好的法子是拿出在Photoshop中做出的结果图给客户看。一般情况下，客户一次对劲率很是低，总会提出点窜定见，而且还会不竭地提出点窜方案。这时我们就可以操纵Photoshop的壮大功能按客户的要求便利地进行点窜和优化，直到客户对劲为止。若是在Dreamweaver下，每做一次大的点窜，几乎仆从头设计一样费时吃力，而且还不必然能达到客户要求。　③加速浏览进度。一个设计不美不美观不规范的网站是没有生命力，同样一个打开、下载速度慢的网站也是没有存在的价值。心理学研究剖明，选择性越多，人的忍耐性越差;可选择性越大，人的忍耐性越低。在互联网高度成长的今天，同类网站更仆难数，人们没需要在一个网站前停驻静侯你一点一点地下载、打开、测试、显示。一般情况下，下载速度一旦跨越10秒，人们会自动转向其它网站。抉择下载速度的身分良多，如处事器设置装备摆设尺度、收集传输介质、客户机的设置装备摆设以及同时点击人数的几多等。可是在这些前提不异时，网页大小及网页元素的优化和设置装备摆设就是独一的身分。利用Photoshop设计的网页经过裁切后体积相对要小得多，不异的元素因为其款式转变也会大大提高下载速度，是以Photoshop就成了提高速度，提高点击率的制胜法宝。　二、用Photoshop设计网页结构应注重的几个问题　1、 网页文档尺寸与分辩率。网页文档一般为1007*600和708*800像素，分辩率为72像素，这是屏幕分辩率，太高的分辩率并不能增强结果，反而会降低下载速度。一般情况下，大型网站不要跨越3屏。　2、 颜色：网站布景颜色与文件颜色要统一协调，一般不要跨越两种，一些网站被攻讦为脏、乱、差，其关头是颜色搭配不合理，或者太多，给人一种不愉快的感受。　3、 字体，题目。导航字体一般用黑体，正文一般用宋体，其它字体浏览器不兼容，可能造成调试时犯错，给工作带来麻烦。若是为增强页面结果用到其它字体，则最好在用Dreamweaver前在Photoshop切分及图片，字体的颜