死亡是一座永恒的灯塔

0%

如何利用PS切图以及从UI图中获取所需信息?

PS切图

切片工具

使用PS中的切片工具进行所需图片的切割,然后点击文件选项卡,选择其中存储为web所用格式即可完成ps切图。

一键切图

下载一键切图工具并载入动作,用移动工具选择图层,按F2一键切图。最后选择保存为web所需格式,注意保存为png格式防止出现兼容性问题。

下载链接及教程: 前端高效开发之“一键切图”

获取UI中的信息

  1. 各部分之间的距离
  2. 文字的字体,字号颜色
  3. 背景的颜色(使用取色器)

注意事项:UI图的px和css中的px不是一个单位,一般来说UI图中大小除以2写在css里

坚持技术分享,您的支持将鼓励我继续创作!