您的位置:

Sketch Mirror全面解析

一、什么是Sketch Mirror

Sketch Mirror是一个连接Sketch和移动设备的工具,可以将Sketch设计的UI界面实时显示在手机或平板上,方便UI设计师及时查看和修改设计效果。使用时需要将手机和电脑连接在同一Wi-Fi网络下,并通过Sketch导出镜像文件到移动设备上。

二、Sketch Mirror的特点

1、实时显示设计效果。在Sketch Mirror中,设计师可以实时观察自己在Sketch中所绘制的UI界面在移动端的显示效果,方便对设计进行调整和修改。

2、支持多种设备。Sketch Mirror不仅支持iOS、Android等智能手机和平板,还支持Apple Watch等设备的显示和检查。

3、方便实用。使用Sketch Mirror,设计师无需将设计导出到移动设备上,只需在Sketch中导出镜像文件并与移动设备进行连接,即可方便地查看设计效果。

三、如何使用Sketch Mirror

1、准备工作。在使用Sketch Mirror前,需要确保电脑和移动设备连接在同一Wi-Fi网络下,并确保Sketch和Sketch Mirror软件安装正确。

2、导出镜像文件。在Sketch中选择相应的画板,点击File-Export Artboard,选择要导出的镜像文件类型和导出路径,并勾选“Use Artboard”和“Show Devices”,导出镜像文件。

<!DOCTYPE html>
<html>
  <head>
    <title>Sketch Mirror</title>
  </head>
  <body>
    <img src="example.png" width="375" height="667">
  </body>
</html>

3、连接移动设备。在移动设备上下载并打开Sketch Mirror软件,将设备连接到同一Wi-Fi网络,然后在Sketch Mirror中点击“+”号,选择要连接的电脑和要显示的镜像文件即可连接成功。

四、Sketch Mirror的使用技巧

1、设备选择与切换。Sketch Mirror可以同时显示多台移动设备的设计效果,设计师只需在Sketch Mirror中进行设备选择和切换,即可实时观察不同设备上的设计效果。

2、自定义设备。在Sketch Mirror中,设计师可以自定义设备的尺寸和名称,方便针对具体设备进行设计调整。

3、固定画板布局。在导出镜像文件时,可以勾选“Fixed”选项,这样可以固定画板的布局,防止因为设备尺寸不同而导致设计失真。

五、Sketch Mirror的扩展应用

1、全局设计审查。在设计完成后,可以将Sketch Mirror连接到大屏幕,实现对UI设计的全局审查和展示。

2、设计效果展示。通过连接到移动设备,可以将设计效果即时展示给客户或相关人员,方便沟通和协作。

六、总结

Sketch Mirror作为Sketch的一个重要扩展工具,大大方便了UI设计师的设计和评审,其简单易用的特点得到了广泛的应用和好评。