Pixso自动布局2.0发布,绝对定位来了!

软件 2022-10-14 22:12:28 来源:中创网

  对于UI设计师来说,无论是项目稿件的优化,还是界面版本的迭代,看似一些细节上的调整,经常会牵一发而动全身,工作量堪比重做。

  如何减少重复性劳动,让元素间的适配更加智能,相信很多设计都用过自动布局。

  去年5月,Pixso上线的自动布局功能,获得了不少设计师的关注。最近,自动布局功能又迎来重磅升级,Pixso自动布局2.0正式发布。

  对比历史版本,自动布局2.0采用全新的交互UI,功能的调用更加灵活,还新增绝对定位、负间距堆叠、画布控件操作等功能,满足多样化布局需求,下面就一起来看看吧!

  全新UI交互,操作更加便捷

  自动布局能够建立高效的设计规范,在增加、删除、修改一些元素后,无需重新调整相邻元素位置和尺寸,智能适配组件间的布局。

  Pixso自动布局2.0的升级,重点优化了界面的交互逻辑,设置集中分布、均匀分布2个选项,提供9个位置的对齐方式,还能设置独立边距,更加符合实际的应用场景。

  除了UI界面的优化,Pixso还将元素的尺寸与响应方式调整放在了基础版面,当选中不同的自动布局元素,就会触发选择不同的自适应方式,更加简洁高效。

  02、支持绝对定位,元素任意摆放

  遇到消息通知、播放按钮等设计,需要把对应元素插入自动布局,元素就会自动吸附到现有布局,按照现有布局的关系排列,无法做到任意摆放位置。

  Pixso新增绝对定位功能,将任意元素拖动到自动布局,就能触发绝对定位按钮,即可不受现有布局的约束,将元素摆放到任意位置。

  当然,搭配Pixso约束布局功能,可以任意选择绝对定位参照坐标,固定元素与组件间的对应关系,让界面布局更加智能。

  03、支持负间距堆叠,拖动修改间距

  在界面的设计中,经常需要设计一些重叠效果,但自动布局无法设置负间距,排列顺序也只能通过图层进行调节。

  Pixso自动布局2.0支持负间距堆叠功能,选择需要重叠的元素后,可以通过间距设置或元素间的拖动,将元素整齐堆叠在一起,做到便捷且高效。

  除此以外,Pixso还即将上线图层堆叠顺序功能,仅需选中需要排列的元素,即可快速生成堆叠效果,还能调整图层之间的堆叠顺序,且不改变图层间的位置,效率直接拉满。

  04、画布控件交互,操作更加智能

  在使用自动布局的时候,经常需要调整布局参数,很多设计师习惯在画布上直接调整,所以画布的交互逻辑就显得至关重要。

  Pixso优化了自动布局的画布控件交互,将光标移动到自动布局的元素之间,就会触发红色选取,拖动鼠标即可调节之间的间距,单击还能输入间距数字,无需移动到功能面板进行调节。

  当拖动时按住Alt/Option,还能同时调整两侧内边距,交互逻辑更加智能。

  总结

  总体来说,Pixso自动布局2.0非常强大,基本上可以满足日常的使用场景,再也不用一个个层级的嵌套,能够大幅度提高效率。如果你也被稿件修改中的重复劳动所困扰,可以登录Pixso官网进行体验。

免责声明:本文仅代表作者个人观点,与中创网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。

分享:

扫一扫在手机阅读、分享本文