XD布局网格,方格网加速你的界面设计教程
工具/原料
XD教程
XD布局网格,方格网加速你的界面设计教程
1、第一步使用选择工具,点击空白画板将其选中,在右侧的属性查看器中,首先从“Grid”(网格)菜单中选择“Square”(方格),确保勾选菜单左侧的复选框,并应用默认的方格网。
2、第二步然后就可以在画板上看到一个方格网啦,如果要更改网格的外观,例如网格的大小或颜色,可以在右侧的属性查看器中进行设置。· 网格大小:方格网中网格线之间的距离。数字越大,网格越大。默认值 8 是 APP 设计的典型值,因为它表示 8 pt 的网格大小。可以根据设计时的需求适当调整数值,使其适用于不同的画板。点击“使用默认值”可以将修改过的网格数值调整回默认值8。
3、颜色和不透明度:可通过点击属性查看器面板“Grid ”(网格)部分中的颜色选项来更改网格颜色和不透明度,这样可确保网格放置在设计内容上时的可见性。
4、第三步如果要采用这些设置并保存它们,将来应用于其他画板,可以通过点击右侧属性查看器“Gri蟠校盯昂d”(网格)部分的“Use Default”(使用默认值)按钮来保存自己的网格设置,此时所选画板的方格网选项将保存为默认设置,新的默认设置应用于任何选定的带有方格网的画板。