Adobe XDで楽にそれっぽいパターンを敷きたいときのメモ

白を基調としたシンプルなサイトデザインにしたはいいものの、
なんとなく間延びしてるというか寂しい気がするし余白を埋めたくて
ちょっとした背景パターンを敷きたい時ありますね?ね?

そんな時にAdobeXDの機能のひとつ「リピートグリッド」を使って
背景パターンを敷き詰めるとマァ〜便利!っていう以下、覚書です

リピートグリッド とは?
任意のオブジェクトをすきなだけ繰り返せる便利な機能
コロコロスタンプみたいな感じ(小学生並みの例え)

使い方はとても簡単
- 楕円形ツールを使いフィールドに1pxの丸をドロー
- 右のリピートグリッドをクリックしてターンエンド

あとはパターンを敷きたいエリアを伸ばすだけでドット罫線が敷けます アラ〜簡単!

ドットの間をクリックすると縦・横それぞれ間隔調整ができるので
間隔を狭めて細かなパターンにもできますし、
エリアの縦幅と間隔を狭めて横にぐいっと引けば
区切りによくある点線ラインとしても活用できます

ただ、ドットや斜線などのかんたんなパターンはXD上でつくれますが
アラベスク模様など図形として複雑なパターンを敷きたいときは
illustratorなどでつくってからXD上に持って来てリピートさせたほうがいいと思います
XDにもベジェ曲線ツールはありますが、illustratorのように図を描くのに特化はしていないので…