将原型设计图进行还原,承接UI,最终实现产品经理意图,实现静态页面效果展现
从UI设计师那拿到psd文档,进行切图,抠图,测量,简单的图片处理操作(更改字体,吸字体颜色等操作),利用web技术(html...+R调出标尺)
图层(F7),信息(F8)注意要把尺寸换成像素为单位
移动工具(对图片进行移动,拖动,移动它会脱离图层,改变元素的位置)
矩形选框工具(可以量图片,图标的具体尺寸,注意进行图片选中复制时,...(ctrl+放大,ctrl-缩小,Alt+滚轮实现放大和缩小的操作)
简单 操作过程如gif下所示,整个过程,清除辅助线,调出标尺(ctrl+R),信息(F8),即可,放大缩小(ctrl+,ctrl-)...添加前景色和删除背景色
使用场景:有时候,需要添加什么线之类,更改背景色之类的,使用起来就很方便了的
更改为前景色:使用快捷键:矩形选框–>Alt+Del
更改为后背景色:使用快捷键:矩形选框–>ctrl...如何在网页中抠图
合成雪壁图(css sprite)
使用雪碧图结合定位嵌入到网页中去