用Photoshop开发网站的思路-东北IT网

用Photoshop开发网站的思路

http://www.dbit.cn　2008/11/4 7:53:07 　来源:东北IT网　编辑:叶子

　　1.规划：不管是乔客，还是用动易、风讯，我们都应该考虑两个问题：

　　a、版面要分出头、中、底三个部分。

　　b、中间部分要考虑两种情况，一是两栏（乔客左窄右宽，动易左宽右窄），二是一栏，两种情况显示不能变形。有些朋友想每个板块的头部不一样，这也是可以的，你可以在程序代码中做文章，那是编程的问题，按下不表。

　　如果我看到别人的版面想拿下来，那就做个截图，建立一个photoshop文件，把截图放在最底层，作为最初的草图。

　　2、制作。

　　a、即使不用别人的版面，最好也还是找一个同类系统的网站截一个图，放在最底层。拉三根垂直辅助线：左边线，中间虚线位置，右边线。

　　b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组，这不是好习惯，一个版面，少则几十层，多则上百层，不分开图层组管理就很乱，影响工作效率，更影响多人合作。

　　c、制作的时候最好尽量把文字内容也放上去，可以更接近实际效果，等切图的时候隐藏这些图层。

　　d、标题样式。一个版面除了头、底要特别制作外，中间部分应该考虑制作三种标题样式：左栏、右栏、通栏，也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包，随时调用，而标题样式我是使用flash来做的一个样式，使用不同的参数调用，就可以有不同的样式和颜色，改版的时候就改一个js文件和flash文件，做版面的时候会节省一些时间。

　　e、常用的按钮样式。常用的按钮其实不用在版面制作的时候做的，可以找回原来的按钮图片一个一个修改。

　　f、特殊字体的使用。不管是链接还是内容，我都主张尽量使用样式表来控制字体样式，但有些地方要用到不常用的字体，为了使所有的浏览者都能看到自己的设计原意，就要把文字制作成图片，这一类的图片要适当使用，因为使用了图片，对搜索引擎的访问是无益的。

Photoshop

　　g、像素图。尽量使用像素处理，例如一些边框、小图标，会使图片的字节数大大减少，显示快，容易透明处理。

Photoshop

　　3、切图切图要在imageready中完成，先要把完稿的作品保存，最好还要做一个备份，然后跳转到imageready工作。

　　a、有朋友切图时要合并图层，这是没有必要的，图层合并了，以后修改和编辑都麻烦，而且有时候切图还要按一些图层的大小定位来做，例如要切出一个468x60的广告横标，你可以把这个横标的图层载入选定区域（load selection），然后从菜单select把选定区域转换成切片（create slices from selection）。

　　b、不要把整个版面同时切图。一般来说，头部的色彩很丰富，而中间和底部的色彩比较少。例如一个版面头部的切片，调色板可能要256种颜色，而中间和底部只要18色就能搞定，如果同时切片，就变成同一个调色板，中间的部分也使用了256色，就会使文件大小增加，但如果折中，让头部256色减少为128色或32色，又会影响效果。所以要分别处理，方法是在ps中分别选择头部、中间（中间有时候还可以分出几个板块）、底部，裁切，另存为几个不同文件，然后切图。

本新闻共2页,当前在第1页 1 2

【收藏】【打印】【进入论坛】

·Photoshop快速调出美女非主流效果

·Photoshop与Ill打造美女内衣网页

·Photoshop打造清爽的内衣少女广告

·Adobe为iPhone推出免费在线Photoshop程序

·Photoshop动作怎么使用?

·用Photoshop调出美女个性的青色调

·Alt键在Photoshop中的应用

·Photoshop实用工具技巧

·Photoshop CS3抠图八大方法和思路

·Photoshop与AI结合打造动感3D透视文字月历

·PhotoShop给MM保留毛孔的磨皮方法