師友網電子報第 449 期 2020年6月3日

Adobe XD 重複區塊

在原型設計中，時常需要製作重複的區塊設計，像是部落格推薦項目、最新消息或清單內容的呈現等等，即使使用複製貼上也需要花費許多時間來排版。Adobe XD內建的Repeat Grid功能，可以快速製作重複區塊，只要４個步驟就能製作出部落格的推薦項目，讓我們跟著以下步驟操作吧！

一、	在Adobe XD中建立第一個推薦項目的版型設計，並將其組成群組。

二、	選取推薦項目，並點選右上方功能選單的「Repeat Grid」按鈕，接著拖曳綠色邊界即可看見相同區塊重複出現，再使用粉色區塊來調整間距值。

三、	依序將圖片拖曳至灰色方框區塊，即可自動剪裁成相對應的尺寸。

四、	最後各別填入想要呈現的文字內容及樣式，就可以輕鬆完成具有重複區塊的設計囉！

以上是關於「Adobe XD 重複區塊」的製作方法，這麼實用的小撇步，您一定要學會喔！