Adobe XD 萌新入门课-II-58码农网

上週我们介绍到重覆网格功能, 补课的同学可以到这边观看上一篇

上次我们介绍了非常好用的外挂 icon 4 design

本週我们来介绍另一个好东西 Repetor

登登!!~~~~~~~

在製作wireframe/mockup的过程中, 会有大量元件需要重複, 除此之外还需要很多假图假字, 这时我们的Repetor就派上用场

假设我们要来画个常见的文章列表/产品列表
首先我们用矩形工具画一些方框, 在放上一些文字

接着Ctrl+G把它们群组起来, 然后再转成重複网格
然后往下拉

接着我们点Repetor > Generate 会看到这个画面

看到左上方

这边是我们刚刚网格的缩图, 里面的区块是可以点选的
点击左边的长方形, 然后右侧可以选择你要渲染的假图种类, 我们选house好了
接着她就会因应你网格的数量先给你看要放置的假图, 你可以选Shuffle重新随机选择一次, 或Apply放置

然后我们点到文字区域, 右侧可以选择你要对应的假字

这边文字的类别我们选择Lorem Ipsum (其他还有个人资料、地址、电话、日期等等.. 都非常实用)
标题跟内文的假字都按此步骤操作. 别忘了Apply套用

阿不是~~ 走错棚~ (拖走

是这个!!

哦哦~~ 是不是有点fu了呢!?

然后继续按此要领，製作其他区块

噹噹!!~~
最后可以再修饰一下一些细节，就大功告成了!!~~

Adobe XD 萌新入门课-II