AlloyDesigner 使用

Posted 2020-09-30 JINGWHALE

前端开发视觉是很重要的一部分，所以视觉的还原度很重要，今天给大家介绍一个很好用的视觉精度调整插件

一.下载AlloyDesigner插件

下载插件

二.保存视觉稿为图片格式

1.psd 用ps直接保存为jpg等图片格式

2.获取视觉图片，保存为原来的视觉稿的尺寸

三.用于调整页面与测试

1.使用鼠标移动视觉稿，使视觉稿和页面近似重合
2.使用方向键微调视觉稿，使视觉稿和页面的参考点完全重合，没有重影
3.这时候页面不规范的部分就会有重影。
4.点击固定按键或按Alt+F键，固定视觉稿
5.在需要调整的地方，点击右键审查元素，审查元素
6.对样式进行调整，直到重合

详细使用