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

发布时间: 2021年5月29号
在设计工作中,设计师总是只能以一半的时间用于创作,另一半耗费在改版。而改版后,大多数修改过内容的情况下,排版都会有所变动,设计师需要重新进行调整,以达到最好的效果,这样耗费精力的琐碎工作难以体现价值,更拉低了效率。为解决设计师这一苦恼,「自动布局」功能由此产生,只需配置一次,此后在该框架内的修改都将会自动布局。
什么是自动布局
在内容上创建动态框架,根据设计需要设置固定间距等属性。当设计师调整内容时,父级元素将自动调整子级的大小,来容纳所包含的子元素,无需再手动调整。既提高了工作效率,也避免了手动调整可能带来的的疏漏。
一键调节版面,高效搞定排版
为追求美观,等间距排列是排版的基本要求。多个内容需要整齐排版的情况下,自动布局就是最佳选择,可以在第一时间实现快速对齐;同时,当调整个别内容的间距和布局过后,所有子元素都将会自动同步。
设置图形自动布局:
1、打开文件,框选住需要设置的对象;
2、选择属性面板中的“自动布局”,点击其右侧的“+”按钮,即为设置成功;
3、根据排版需求,调整相应参数。
设置文字自动布局:
1、打开文件,输入文本,快捷键shift+A创建自动布局,即为设置成功;
2、点击画板,根据排版需求,在属性面板调整相应参数。
内容随意添加删减,布局自动适配
除了在修改后会全局自动适配,自动布局更大的应用在于“添加/删减内容”。当设置好属性后,不论往父级元素里如何添加子元素,都无需手动调整,自动布局将帮你自动搞定排版!对于需要内容迭代多次的设计稿来说十分友好。