【エンジニアのためのSketch講座】アートボード

SketchではiOSデバイス用やWebデザイン用などデザインの用途に合わせて、あらかじめ色々なサイズのアートボードが用意されています。

Insert > Artboard をクリック。

スクリーンショット

右側にメニューが出てきます。

スクリーンショット

iPhone6を選んでみます。

スクリーンショット

アートボードはMake Gridツールを使用してアートボードを複製することもできます。

スクリーンショット

Rowsが縦、Columnsが横になります。Marginはアートボード同士の間隔を設定します。Rowsは1のまま、Columnsを3に設定してMake Gridを作ってみます。

横に2つアートボードがコピーされました。

スクリーンショット

そのままだとアートボードの名前がcopyとなってしまうので、アートボードを選択して名前を変えると分かりやすくなります。

スクリーンショット

ちなみに、デザインがある状態でMake Gridツールを使用するとそのままコピーされます。

スクリーンショット

スクリーンショット