WebサイトやスマホアプリのUIに! 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app

最近のWebサイトやスマホアプリで見かける、ウェーブやポリゴンやブロブなどの抽象的で美しいSVGの背景デザインを簡単に作成、カスタマイズできる無料ツールを紹介します。

カスタマイズはかなり柔軟性があり、色や形、数、角度、カラーモードなどを変更でき、サイズはデスクトップ用、タブレット用、スマホ用が揃っています。

抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app

Mossaik.app

Mossaikは、Webサイトやスマホアプリ、デスクトップ、タブレット、スマホ用の抽象的で美しいデザインの背景を作成できるオンラインツールです。作成したデザインは、SVGとPNGでエクスポートでき、商用でも無料で利用できます。

サイトのキャプチャ

Mossaik

Mossaikの使い方は、簡単です。
サイトにアクセスし、左サイドバーからお好みのデザインを選択します。

下記はWavesで、複数のウェーブが積み重なったデザインです。

サイトのキャプチャ

Waves -Mossaik

右サイドバーでは、サイズやデザインのカスタマイズができます。Weveだと、背景のカラー、カラーパレット、形状、角度、振幅、の複雑さなどを変更できます。また、ダウンロードは下部の「SVG」「PNG」をクリックするだけです。

サイトのキャプチャ

Mossaikにどんなツールがあるのか見てみましょう。
Polygonsは、カラフルな多角形が配置されたデザインです。

サイトのキャプチャ

Polygons -Mossaik

Tilesは、三角形・丸・矩形・扇・星などの形をタイル状に配置されたデザインです。下部「Regenerate Image」をクリックすると、異なるデザインが次々に生成されます。

サイトのキャプチャ

Tiles -Mossaik

Circlesは、さまざまなサイズの円が配置されたデザインです。

サイトのキャプチャ

Circles -Mossaik

Blobは、流線型の流体シェイプで、さまざまな形にカスタマイズできます。

サイトのキャプチャ

Blob -Mossaik

Waveは、Wavesとは異なり、ウェーブが一つだけでのデザインです。Wavesのようにさまざまな項目をカスタマイズできるといいのですが、このWaveはカラーとサイズのみです。

サイトのキャプチャ

Wave -Mossaik

sponsors

top of page

©2024 coliss