如何使用自动布局提高设计效率

发布时间： 2021年5月29号

在设计工作中，设计师总是只能将一半的时间用于创作，另一半耗费在改版。而改版后，大多数修改过内容的情况下，排版都会有所变动，设计师需要重新进行调整，以达到最好的效果，这样耗费精力的琐碎工作难以体现价值，更拉低了效率。为解决设计师这一苦恼，「自动布局」功能由此产生，只需配置一次，此后在该框架内的修改都将会自动布局。

什么是自动布局

在内容上创建动态框架，根据设计需要设置固定间距等属性。当设计师调整内容时，父级元素将自动调整子级的大小，来容纳所包含的子元素，无需再手动调整。既提高了工作效率，也避免了手动调整可能带来的疏漏。

一键调节版面，高效搞定排版

为追求美观，等间距排列是排版的基本要求。多个内容需要整齐排版的情况下，自动布局就是最佳选择，可以在第一时间实现快速对齐；同时，当调整个别内容的间距和布局过后，所有子元素都将会自动同步。

设置图形自动布局：

1、打开文件，框选住需要设置的对象；

2、选择属性面板中的“自动布局”，点击其右侧的“+”按钮，即为设置成功；

3、根据排版需求，调整相应参数。

设置文字自动布局：

1、打开文件，输入文本，快捷键shift+A创建自动布局，即为设置成功；

2、点击画板，根据排版需求，在属性面板调整相应参数。

内容随意添加删减，布局自动适配

除了在修改后会全局自动适配，自动布局更大的应用在于“添加/删减内容”。当设置好属性后，不论往父级元素里如何添加子元素，都无需手动调整，自动布局将帮你自动搞定排版！对于需要内容迭代多次的设计稿来说十分友好。