無料でカスタマイズ可能SVGパターンをいろいろ作成できる「Book of Shapes」

サイトやデザインの背景などに使えるベクター形式の SVGパターン 作品集「 Book of Shapes 」は、さまざまなSVGパターンをカテゴリ別に見ることができるほか、パラメータを調節してカスタマイズした上でポスターを作成することもできます。

サイトにアクセスすると、UI開発とAIの専門家であるニコライ・ソコロフスキ氏が作成したSVGパターンのリストを見ることができます。記事作成時点では36種類のSVGパターンが公開されていました。

個別ページでは、右側のパラメータを操作することでSVGパターンを独自にカスタマイズできます。今回選択した「Chevron Blocks」では、「Bands(線の数)」「Taper(太さのグラデーション)」「Band Ratio(線の太さ)」「Blocks(ブロックの数)」「Seed(全体の向き)」を操作できます。

実際にパラメータを操作してカスタマイズしてみたら以下のようになりました。「Save variation」をクリックすることで、カスタマイズした内容が保存されます。

また、「Make a poster」をクリックすると、作成したSVGパターンからポスター風の画像を作ることができます。

ポスター作成画面は以下のような感じ。なお、あくまでSVGパターンからポスター風の画像を作ることができるというもので、テキストを変更したり詳細なデザインをしたりすることはできません。

左右の矢印をクリックすることで、ポスターのデザインが変更されます。

また、「Recolour」をクリックすると、ポスターデザインの配色が変更されます。

ポスター画像ができたら「Save this sheet」をクリックすることでサイト上に保存。

また、上部のダウンロードボタンからSVGファイルをダウンロードすることもできます。

You can read the machine translated English article 'Book of Shapes' allows you to create a … .

本文の著作権はGigazineにあります。