1. 编辑 > 首选项 > 单位与标尺

2. 面板

在『窗口』 菜单下开启:

  • 工具
  • 选项
  • 信息(F8)
  • 图层(F7)
  • 历史记录

可以将设置好的面板保存下来,这样下次别人弄乱了你的面板后,你可以通过选择右上方的下拉列表迅速恢复你的面板。

窗口—>工作区—>新建工作区

工作区介绍:


1.左侧『工具』,主要是一些工具 如 选取,魔棒,拾色器,拖放

2.顶部 『选项』,隶属于某一个 工具,比如魔棒工具在选项里会有容差值的设定。

3.右侧『信息』,包含当前选取的 颜色,尺寸,位置。一般配合『矩形选取工具』做测量。

4.右侧『图层』,包含1-N个图层,可以对图层进行新增,删除,改变层级。

5.右侧『历史记录』,包含了每一个历史记录,可以方便回滚到某个状态。

工具


切图常用工具:

移动工具: 选择图层,移动图层

自动勾选+图层

组又是什么概念呢?组就是一个文件夹,是设计师再设计的时候把很多相关的文件放在一个文件夹。所以 组≈文件夹。

矩形选框工具: 用矩形选框工具选择一个矩形框,然后在右侧『信息』面板中查看颜色,尺寸,位置信息。

魔棒工具: 抠图神器之一,比较适合用来扣取一些不规则的图形。

裁剪工具+切片工具:  裁剪画布

缩放工具

- 放大 : Ctrl+加号

- 缩小 : Ctrl+减号

取色器: 前景色取色器,背景色取色器。

辅助视图


在“视图”菜单下开启:

对齐

标尺  Ctrl+R

显示 > 参考线 Ctrl+;

(需勾选显示额外内容)

测量、取色


打开设计稿,获取信息

  • 尺寸信息     测量  width: 220px;
  • 颜色信息     取色 color: #ffcc00;

测量


所有数字都要测量

哪些要测量?

宽度,高度

内编剧,外边距

边框

定位

文字大小

行高

背景图位置

矩形选框工具

添加到选区: 按住 Shift (可用来测量很宽的页面的宽度)

从选区减去 :   按住 Alt

从选区交叉 :按住Shift+Alt

取色


(所有颜色都要取色)

哪些要取色?

  • 边框色  border-color
  • 背景色  background-color
  • 文字色  color

取色工具的巧用: 确定背景是否为纯色(在附近不停地点击)

魔棒工具的巧用:用魔棒工具确定是否为线性渐变。

最新文章

  1. spring remoting源码分析--Hessian分析
  2. ABP框架 - 介绍
  3. Problem with "AnyConnect was not able to establish connection to the specified secure gateway."
  4. iOS开发之手势识别
  5. postcss-px2rem
  6. LeetCode 152
  7. STL总结之list
  8. PC-启动慢的解决好方法!
  9. [置顶] dubbo管理控制台安装
  10. linux_shell_类似sql的orderby 取最大值
  11. jQuery的$.ajax方法响应数据类型有哪几种?本质上原生ajax响应数据格式有哪几种,分别对应哪个属性?
  12. Hibernate学习---基本介绍+作用+配置
  13. zTree实现地市县三级级联DAO接口测试
  14. postman简单教程-环境变量,全局变量的设置及作用
  15. c/c++ open函数的阻塞和非阻塞
  16. .NET 内存分配笔记
  17. Red-Gate.NET.Reflector.v8.0.1.308(内含注册机Keygen与注册图解)
  18. C# 解决VS2008在win7找不到输入序列号的地方
  19. bzoj 3611: [Heoi2014]大工程 && bzoj 2286: [Sdoi2011消耗战
  20. IntelliJ IDEA 2018.3 安装+永久激活[Windows]

热门文章

  1. asp.net应用程序生命周期
  2. 15天玩转redis —— 第八篇 你不得不会的事务玩法
  3. membership 启用 roleManager 抛出异常:未能加载文件或程序集MySql.Web
  4. 【原创】asp.net导出word 检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件失败,原因是出现以下错误: 8000401a
  5. final static 深度解析
  6. python数据类型详解及列表字典集合推导式详解
  7. Android应用开发基础之十:多媒体编程
  8. JQuery(选择器、事件、DOM操作)
  9. Molecule – 帮助你构建跨平台的 HTML5 游戏
  10. 为Titanium创建自己的安卓推送模块