1. 编辑 > 首选项 > 单位与标尺
2. 面板
在『窗口』 菜单下开启:
- 工具
- 选项
- 信息（F8）
- 图层（F7）
- 历史记录
可以将设置好的面板保存下来，这样下次别人弄乱了你的面板后，你可以通过选择右上方的下拉列表迅速恢复你的面板。
窗口—>工作区—>新建工作区
工作区介绍:
1.左侧『工具』，主要是一些工具 如 选取，魔棒，拾色器，拖放
2.顶部 『选项』，隶属于某一个 工具，比如魔棒工具在选项里会有容差值的设定。
3.右侧『信息』，包含当前选取的 颜色，尺寸，位置。一般配合『矩形选取工具』做测量。
4.右侧『图层』，包含1-N个图层，可以对图层进行新增，删除，改变层级。
5.右侧『历史记录』，包含了每一个历史记录，可以方便回滚到某个状态。
工具
切图常用工具:
移动工具: 选择图层，移动图层
自动勾选+图层
组又是什么概念呢？组就是一个文件夹，是设计师再设计的时候把很多相关的文件放在一个文件夹。所以 组≈文件夹。
矩形选框工具: 用矩形选框工具选择一个矩形框，然后在右侧『信息』面板中查看颜色，尺寸，位置信息。
魔棒工具: 抠图神器之一，比较适合用来扣取一些不规则的图形。
裁剪工具+切片工具: 裁剪画布
缩放工具
- 放大 : Ctrl+加号
- 缩小 : Ctrl+减号
取色器： 前景色取色器，背景色取色器。
辅助视图
在“视图”菜单下开启：
对齐
标尺 Ctrl+R
显示 > 参考线 Ctrl+;
(需勾选显示额外内容)
测量、取色
打开设计稿，获取信息
- 尺寸信息 测量 220px;
- 颜色信息 取色 color: #ffcc00;
测量
所有数字都要测量
哪些要测量？
宽度，高度
内编剧，外边距
边框
定位
文字大小
行高
背景图位置
矩形选框工具
添加到选区： 按住 Shift (可用来测量很宽的页面的宽度)
从选区减去 : 按住 Alt
从选区交叉 ：按住Shift+Alt
取色
（所有颜色都要取色）
哪些要取色？
- 边框色 border-color
- 背景色 background-color
- 文字色 color
取色工具的巧用： 确定背景是否为纯色（在附近不停地点击）
魔棒工具的巧用：用魔棒工具确定是否为线性渐变。