WebサイトやスマホアプリのUIに! 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app
Post on:2024年9月12日
最近のWebサイトやスマホアプリで見かける、ウェーブやポリゴンやブロブなどの抽象的で美しいSVGの背景デザインを簡単に作成、カスタマイズできる無料ツールを紹介します。
カスタマイズはかなり柔軟性があり、色や形、数、角度、カラーモードなどを変更でき、サイズはデスクトップ用、タブレット用、スマホ用が揃っています。
Mossaikは、Webサイトやスマホアプリ、デスクトップ、タブレット、スマホ用の抽象的で美しいデザインの背景を作成できるオンラインツールです。作成したデザインは、SVGとPNGでエクスポートでき、商用でも無料で利用できます。
Mossaikの使い方は、簡単です。
サイトにアクセスし、左サイドバーからお好みのデザインを選択します。
下記はWavesで、複数のウェーブが積み重なったデザインです。
右サイドバーでは、サイズやデザインのカスタマイズができます。Weveだと、背景のカラー、カラーパレット、形状、角度、振幅、の複雑さなどを変更できます。また、ダウンロードは下部の「SVG」「PNG」をクリックするだけです。
Mossaikにどんなツールがあるのか見てみましょう。
Polygonsは、カラフルな多角形が配置されたデザインです。
Tilesは、三角形・丸・矩形・扇・星などの形をタイル状に配置されたデザインです。下部「Regenerate Image」をクリックすると、異なるデザインが次々に生成されます。
Circlesは、さまざまなサイズの円が配置されたデザインです。
Blobは、流線型の流体シェイプで、さまざまな形にカスタマイズできます。
Waveは、Wavesとは異なり、ウェーブが一つだけでのデザインです。Wavesのようにさまざまな項目をカスタマイズできるといいのですが、このWaveはカラーとサイズのみです。
sponsors