在ps里网页切片应该怎么切?
2009-09-03 17:24
204 查看
我在做网页设计的时候就不太喜欢切片,第一是因为一不知道到底从哪儿开始插刀,无从下刀.第二因为感觉切了片生成的页面是table的,不还得重新用div+css来布局.网页切片的目的就是为了加快网页加载时的速度.当然做网页设计就应该对网页切片运用自如.用最好的图片来做出最快的页面.所以网页切片这个问题还必须得面对.可是这网页切片怎么切最好呢?
首先网页切片要点(一)根据颜色范围来切:如果一个区域中颜色对比的范围不是很大的,就只有几种颜色,这样的话就应该单独的把他切出来,如果一个区域中就一种颜色,写代码的时候就可以直接用背景色来表示。颜色过多的话也没有关系,很多时候都要用到渐变的效果,应该把切片数量切的多一些尽量把单个切片控制在一个颜色范围的轮廓内。
其次网页切片要点(二)切片大小:把网页的切片切的越小越好,这是有道理的。切片越小的话可以加快网页下载图片的速度,让多个图片同时下载而不是只下载一个大图片,所以切片大小要根据需要来切,标志LOGO等主要部分尽量切在一个切片内,防止显示遇到特殊情况时显示一部分,圆角表格部分要根据显示区域的大小来切,控制好边缘和边,有时候切出来的切片并不是直接插入到DW了事,而需要在DW中编辑,比如有的图片应该设置成背景图片
网页切片要点(三)切片区域无整性:保证完整的一部分在一个切片内,例如某区域的标题文字,以后修改时方便
网页切片要点(四)导出类型:颜色单一过渡少的,应该导出为GIF,颜色过渡比较多,颜色丰富的应该导出为JPG,有动画的部分应该导出为GIF动画。
网页切片要点(五)保留源文件:即使页面作好了,也要保留带切片层的源文件,说不上哪天要改某一个部分,例如文字什么的,直接修改单独导出所用的切片就可以了。
看完了以上这五个网页切片的要点,不爱用,不会用网页切片的朋友是不是有了头绪了,当然如果您有更好的意见请到百洋软件研究实验室listly的博客留言.
相关文章:从民间美术到平面设计
首先网页切片要点(一)根据颜色范围来切:如果一个区域中颜色对比的范围不是很大的,就只有几种颜色,这样的话就应该单独的把他切出来,如果一个区域中就一种颜色,写代码的时候就可以直接用背景色来表示。颜色过多的话也没有关系,很多时候都要用到渐变的效果,应该把切片数量切的多一些尽量把单个切片控制在一个颜色范围的轮廓内。
其次网页切片要点(二)切片大小:把网页的切片切的越小越好,这是有道理的。切片越小的话可以加快网页下载图片的速度,让多个图片同时下载而不是只下载一个大图片,所以切片大小要根据需要来切,标志LOGO等主要部分尽量切在一个切片内,防止显示遇到特殊情况时显示一部分,圆角表格部分要根据显示区域的大小来切,控制好边缘和边,有时候切出来的切片并不是直接插入到DW了事,而需要在DW中编辑,比如有的图片应该设置成背景图片
网页切片要点(三)切片区域无整性:保证完整的一部分在一个切片内,例如某区域的标题文字,以后修改时方便
网页切片要点(四)导出类型:颜色单一过渡少的,应该导出为GIF,颜色过渡比较多,颜色丰富的应该导出为JPG,有动画的部分应该导出为GIF动画。
网页切片要点(五)保留源文件:即使页面作好了,也要保留带切片层的源文件,说不上哪天要改某一个部分,例如文字什么的,直接修改单独导出所用的切片就可以了。
看完了以上这五个网页切片的要点,不爱用,不会用网页切片的朋友是不是有了头绪了,当然如果您有更好的意见请到百洋软件研究实验室listly的博客留言.
相关文章:从民间美术到平面设计
相关文章推荐
- 网页切片应该怎么切
- 学网页开发很难吗?应该怎么学?
- 不想让别人知道自己浏览过哪些网页和打开过哪些文件,应该怎么办?
- 网页切片-PS切片之一
- 网页切片怎么切最好呢?
- 请问网页里的上传文件控件前的文本框禁止手工输入,只能“浏览”,应该怎么做?
- 高质量网页应该怎么设计?网页设计的个原则
- Axure教程:网页二级联动交互应该怎么做?
- 网页里面出现"$#2342"类似这样 应该怎么转义过来?
- 10,22 用ps切片快速制作静态网页
- 有些网页,为什么不能通过在浏览器总另存为,进行保存?这种的,应该怎么保存?
- 我一不小心把ubuntu里的ps这样的命令删掉了,应该怎么重装呢
- 应该怎么理解 app = Flask(__name__)
- 搜索引擎是怎么删除重复网页的
- 网页乱版怎么办?添加clear属性禁止浮动
- 怎么预览 GitHub 项目里的网页或 Demo?
- 从ACE源代码库看Socket编程应该怎么写
- 手机网页怎么禁止缩放
- 怎么用HTML语言在网页中插入FLV视频
- 自适应网页设计是怎么做到的的相关知识点总结