MasterGo自动布局功能介绍

新知榜官方账号

2023-06-30 21:08:53

MasterGo自动布局功能介绍

排版是设计师重要的工作内容之一，比如说，修改按钮文字要排版、调整顺序要排版、适配多种屏幕要排版，设计师们不是在排版就是在排版的路上。但设计师不应该花太多的时间在排版上，想让排版这件事变得更轻松，一定要试试MasterGo自动布局功能。

举个例子，以往设计师在设计一个按钮时，当文字长度发生变化，需要手动重新调整按钮的宽高尺寸。而通过MasterGo添加自动布局后，修改按钮内的文字时，按钮会自动跟随文字长短变化宽高。或者说，B端设计师会经常遇到表格设计需求，做好表格后，有时会需要增加或者删除某一行，或者调整某一行的顺序，以往只能手动挪动多行来变更层级顺序，增删之后还需要重新调整表格高度。通过MasterGo添加自动布局后，增加、删除某行时，表格会自动调整尺寸。想要改变表格中某行的顺序，只需按方向键上、下移动某行就搞定了。以及，卡片作为设计中经常会遇到的组件，通常情况下，卡片内容需要随着卡片宽度的变化调整，这样才能更好地适配跨设备的不同屏幕。通过MasterGo添加自动布局后，不需要为不同屏幕尺寸设计不同的卡片样式，拉伸容器就能让它跟随你的心意变化。

自动布局虽然看起来很复杂，但如果明白了其中原理，用起来会非常简单高效。接下来小编就通过4个操作步骤，带领大家一起体验自动魔法的奥秘。

首先，在MasterGo设计模式下，选择一个容器或者多个图层后，设计师们有三种方式可以创建自动布局容器：点击右侧属性面板中自动布局的“+”，右键菜单列表中选择“添加自动布局”，或者使用快捷键Shift+A。
其次，设计师们可以在画布中或者自动布局面板中调整自动布局内图层间的距离（自动布局容器内，图层与图层之间的距离称为间距，图层与容器边框之间的距离称为边距）。如果想要在右侧面板处修改间距或边距，设计师可以在右侧栏自动布局面板中手动修改或直接按住间距图标左右拖动调整【间距】【上下边距】【左右边距】的数值，让容器内所有小框按照你希望的间距排列。点击【展开】图标还可以逐一调整容器与内部元素的上、下、左、右边距，满足不同调整需求。如果想在画布上修改间距或边距，设计师可以先选中一个自动布局，然后在画布中能够很直观地看到间距和边距的调节手柄，拖动手柄就可以快速调节间距和边距了。当然，也可以像在右侧属性面板上的操作一样，点击手柄即可输入数值来精确控制自动布局内图层之间的距离。值得注意的是，当间距为负数时，此时图层之间会形成堆叠效果。
当然，MasterGo自动布局还提供了多种对齐的方式。设计师选中自动布局容器时，在对齐面板中选择对齐方式，自动布局内的所有子图层会按照所选方式进行对齐。
最后，建议设计师们熟记一些MasterGo的快捷键，比如「增加」可以通过快捷键Command+D来复制子图层，「删除」通过Delete键来删除一个子图层，「调整顺序」通过方向键来快速调整图层的顺序。以上就是MasterGo自动布局的一些基础操作，可以满足设计师们一些简单的响应式效果。但是，想要实现更复杂的整体界面自动响应的效果，还需要进一步掌握调整大小的组合技，嵌套容器大法等技巧，实现更高阶的自动魔法，设计师们可以通过MasterGo多尝试、多体验、多创造！

本页网址：https://www.xinzhibang.net/article_detail-3466.html

寻求报道，请

关键词

分享至微信：

相关工具

AIDesign

腾讯推出的免费AI Logo在线设计工具

Huemint

AI调色生成工具

IconifyAI

AI App图标生成器

鹿班

阿里推出的智能设计商品图和海报的平台

墨刀AI

墨刀推出的AI产品原型设计助手

Designs.ai

AI设计工具

世优科技推出AI数字人交互一体机，提升企业品牌形象和科技感

世优科技推出AI数字人交互一体机，提升企业品牌形象和科技感在如今数字化快速发展的时代，企业要想提升自己的品牌形象和科技感，不得不深入思考如何用先进的科技手段来服务于顾客。世优科技推出的AI数字人交互一体机，就是这样一种高科技的产品，它具有多模态实时人机交互的能力，拥有智能大脑，业务能力强，形象好，气

分类标签 AI数字人交互一体机多模态实时人机交互全年无休

12-05 22:19

开普云AI数字人能力平台获得中国信通院产品评测肯定

开普云AI数字人能力平台获得中国信通院产品评测肯定据e公司报道，中国信息通信研究院（简称“中国信通院”）发布的数字人产品评测结果显示，开普云AI数字人能力平台在技术能力、工程化能力、安全保障三方面均顺利通过评测，获得肯定。2021年以来，随着元宇宙概念的持续火爆，数字人相关的市场规模也随之迅速扩大。

分类标签开普云AI数字人能力平台中国信通院

12-05 22:18

DORA报告2023：软件研发中的关键指标和趋势

DORA报告2023：软件研发中的关键指标和趋势 DORA发布的State of DevOps 2023报告是研发效能/DevOps领域最有影响力的报告之一。Bytebase作为一家面向研发团队的厂商，在今年的报告中继续进行深度解读。报告覆盖了全球各地的开发者，涉及到了企业的业务、团队和个人表现。报

分类标签 DORA报告研发效能软件交付云计算平台工程人工智能

12-02 16:17

通过图片和语音制作简单的动画

通过图片和语音制作简单的动画最近在学习通过图片和语音制作简单的动画，很高兴跟大家一起分享一下，希望对您有帮助。因为平时上班比较忙，所以今天先大概描述一下整体的流程，后续会针对每个环节再分享细节的处理方法。总体的思路就是我们先要生成一张合适的图片，以及一段语音，然后通过一些操作，让这张图片里的人物可以

分类标签动画图片语音

12-02 16:16

AI动画的崛起：动画师岗位是否受到威胁？

AI动画的崛起：动画师岗位是否受到威胁？随着科技的不断进步和人工智能（AI）技术的发展，动画产业也在经历着巨大的变革。AI动画技术已经在制作过程中发挥着越来越重要的作用，这引发了一个重要的问题：AI动画是否有可能取代传统的动画师岗位？AI动画是指借助人工智能和机器学习技术来生成动画内容的过程。这包括

分类标签 AI动画动画师人工智能

12-02 16:15

AI动画的创意与创新

故事叙述与剧情构建：AI动画的创意与创新AI动画在故事叙述方面的作用日益突显，为动画制作带来了创意与创新的机会。通过机器学习和深度神经网的应用，AI动画不仅拥有独特的创意潜力，还实现了剧情构建的新方式。AI动画通过学习电影、动画作品和文本，从中获取灵感和素材，打破了传统动画制作的局限性。它能够个性化

分类标签 AI动画故事叙述剧情构建

12-02 16:14

AI娱乐公司TreydoraProductions推出VR教育平台，重新定义教育格局

AI娱乐公司TreydoraProductions推出VR教育平台，重新定义教育格局近日，AI娱乐公司TreydoraProductions宣布将于11月推出其开创性的VR教育平台，重新定义教育格局。该公司已经开发了以丰富故事情节为中心的创新AI游戏体验，正在将其技术专长应用于教育领域，将学习过程从

分类标签 VR教育平台AI游戏体验身临其境的教育体验

12-02 02:24

Dora: 无需编码的3D和动画网站设计平台

Dora: 无需编码的3D和动画网站设计平台Dora是一个网页设计平台，使用户能够无需编码就可以创建令人惊叹的3D和动画网站。它具有拖放连接约束布局系统，用于响应式布局、高级动画功能，以及直接将3D对象和场景导入编辑器的能力。Dora的平台提供了一个强大的无代码编辑器，简化了整个网页创建过程。无论你

分类标签 Dora网页设计无代码编辑器

12-02 02:23

腾讯推出深度学习工具套件AILab

腾讯推出深度学习工具套件AILab近日，腾讯宣布将推出自主研发的人工智能框架——AILab。AILab是一个开源的深度学习工具套件，主要面向广大开发者，提供丰富的机器学习算法和深度学习技术，以及丰富的应用场景和示例。AILab的核心技术是名为“Al”的自研深度学习框架。Al是腾讯自主研发的深度学习框

分类标签腾讯深度学习AILab

11-25 16:34

人工智能的场景应用成为新路径，优图实验室探索元素识别技术

人工智能的场景应用成为新路径，优图实验室探索元素识别技术过去几年，有着数十年历史的人工智能驶入了发展快车道，尤其是2016年，谷歌AlphaGo与人类围棋冠军李世石进行的人机大战，更是引爆了全社会对人工智能的关注。从技术角度，人工智能确实取得了跨越式的发展。随着计算机软硬件能力的提升，机器学习、计算

分类标签人工智能场景创新元素识别

11-25 16:33

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway