经常使用蓝线框来衡量、规划组件的大小和位置。1.使用手机浏览器插件一些手机浏览器插件可以提供网页标尺和像素标尺等功能，并允许用户在页面上拖动蓝线框。将Sketch设计的界面直接投射至移动端使用。...
在手机界面设计中，经常使用蓝线框来衡量、规划组件的大小和位置。但是，如何在手机上进行蓝线框的绘制呢？下面将介绍几种常用方法。
1. 使用手机浏览器插件
一些手机浏览器插件可以提供网页标尺和像素标尺等功能，可在手机屏幕上测量并绘制蓝线框。例如，Chrome浏览器的“Web Developer”插件可以提供像素标尺，并允许用户在页面上拖动蓝线框。这种方法适用于页面设计，但无法直接运用在APP内。
2. 借助第三方辅助工具
有一些第三方APP可以协助绘制蓝色参考线，比如很多UI设计师喜欢使用的Sketch Mirror，将Sketch设计的界面直接投射至移动端使用，其Sketch Measure插件也能让你在Sketch画板上简单的选中元素瞬间生成刻度尺。
3. 使用原生APP自带功能
不少原生APP在设计方面都嵌入了辅助功能。例如，在iOS平台上，Xcode自带iOS模拟器，其内置的“Show Layout Rectangles”选项可以在模拟器窗口中显示出各个页面元素的矩形，辅助设计者确定元素大小和间距；在Android平台上，开启开发者模式中的“Show layout bounds”选项，可以在应用内绘制可视化框架界面。
在手机界面设计中，诸多原生APP自带辅助功能能够协助绘制参考线和矩形，而第三方辅助工具也有不少可供选择。这些方法的使用需要根据实际情况进行选择，以提高效率和质量。