AdobeXD-08 重复网格 比ps好用100倍功能

添加重复网格


为了免去你手动复制拷贝元素的麻烦,XD提供了一个功能叫做Repeat Grid。选择你要重复的条目,点击右侧属性查看面板中的repeat grid按钮(或者使用快捷键Cmd+R)。现在你就可以拽动绿色的控件来重复你的条目了。当你拖拽的时候,你可以按住Option键从中心位置向四周扩展进行重复网格的操作。这个对于想要保持群组元素始终位于画板中心的操作来说非常好用。



进入和退出编辑状态的内容

重复网格的操作会被看作是一个群组。如果你想在你的重复网格中为所有的条目添加内容,双击即可进入内容编辑,绘制,黏贴以及添加元素状态。这个功能避免你每次必须先解组然后再重新群组的麻烦。跳出群组或者重复网格,点击Escape键即可。


调整空白边

想调整网格中的空白边?选择重复网格,悬浮在条目之间的空白处进行拖拽直到你想要的空白边出现为止。XD还提供了即时显示数字的功能,因此可以让你对各个元素之间的距离一目了然。



插入数据

使用真实数据进行设计是XD的另一非常棒的功能。和为每一个元素使用相同的替代文字不同,你可以从资源管理器中拖拽任何Return-separated TXT格式的文件到你的文字组件以保证网格中文字内容的独特性。

注意文本格式要是utf-8模式 不让可能出现乱码

也可以把多张图片拖入重复网格里面 ,来替换重复网格里面的图片



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 脱水版 1、重复网格中的文本元素的样式会应用到每个元素,但是内容不会,而且可以通过拖拽的方式将txt文本导入并替换...
    友交互阅读 18,253评论 3 13
  • 简介 CSS Grid布局 (又名"网格"),是一个基于二维网格布局的系统,旨在改变我们基于网格设计的用户界面方式...
    咕咚咚bells阅读 2,542评论 0 4
  • Grid网格布局学习 引言 本文不对grid布局由来以及优劣做过多的介绍,仅介绍grid网格布局的用法及其效果显示...
    锤子爱砸房子阅读 683评论 0 1
  • 《傳奇四戒》是一款大型多人ARPG手机移动端网络游戏,融入符合手游的特殊设计,让玩家体验到高质量的战斗和PK。以及...
    傳奇四戒阅读 190评论 0 0
  • 记得刚报名流利说的懂你英语,每天一有空就会去学习,往往都是在上午十点多就已经打卡到微信群里。有时晚上睡前也会学习,...
    Esther_7阅读 252评论 1 1