Pixso首发HarmonyOS组件库,轻松打造鸿蒙原生应用
点击领取
产品
产品
Pixso
产品设计协作一体化,AI加持
博思白板
无限画布,AI加持,实时协作
博思AIPPT
AI生成PPT,支持在线编辑
AI
Pixso AI 生成设计稿
AI文生设计稿,高效出图
Pixso AI 功能介绍
六大AI设计功能,创意无限
资源与下载
向团队介绍
Pixso
下载
客户端下载
解决方案
UI 设计
高效构建视觉界面
UX 设计
全面优化用户体验
原型设计
轻松模拟交互流程
社区
设计素材
优质设计作品免费获取
组件资源
大厂组件资源即调即用
插件广场
用插件扩展设计的无限可能
热门精选
设计技巧
帮助支持
定价
企业服务
金融政企
互联网
查看客户案例
汽车制造
智能制造
智慧交通
物联网
客户案例
覆盖各个行业和领域
提高产设研团队生产效能
查看案例
企业试用
企业版
私有化部署
加入用户交流群
Figma导入
免费使用
进入工作台
如何使用自动布局提高设计效率
发布时间:
2021年5月29号
在设计工作中,设计师总是只能以一半的时间用于创作,另一半耗费在改版。而改版后,大多数修改过内容的情况下,排版都会有所变动,设计师需要重新进行调整,以达到最好的效果,这样耗费精力的琐碎工作难以体现价值,更拉低了效率。为解决设计师这一苦恼,「自动布局」功能由此产生,只需配置一次,此后在该框架内的修改都将会自动布局。
什么是自动布局
在内容上创建动态框架,根据设计需要设置固定间距等属性。当设计师调整内容时,父级元素将自动调整子级的大小,来容纳所包含的子元素,无需再手动调整。既提高了工作效率,也避免了手动调整可能带来的的疏漏。
一键调节版面,高效搞定排版
为追求美观,等间距排列是排版的基本要求。多个内容需要整齐排版的情况下,自动布局就是最佳选择,可以在第一时间实现快速对齐;同时,当调整个别内容的间距和布局过后,所有子元素都将会自动同步。
设置图形自动布局:
1、打开文件,框选住需要设置的对象;
2、选择属性面板中的“自动布局”,点击其右侧的“+”按钮,即为设置成功;
3、根据排版需求,调整相应参数。
设置文字自动布局:
1、打开文件,输入文本,快捷键shift+A创建自动布局,即为设置成功;
2、点击画板,根据排版需求,在属性面板调整相应参数。
内容随意添加删减,布局自动适配
除了在修改后会全局自动适配,自动布局更大的应用在于“添加/删减内容”。当设置好属性后,不论往父级元素里如何添加子元素,都无需手动调整,自动布局将帮你自动搞定排版!对于需要内容迭代多次的设计稿来说十分友好。