Wix Harmony エディタ：ベクターアート、シェイプ、アイコンを操作する

この記事内

ベクターアート、シェイプ、アイコンを追加する
ベクターアート、シェイプ、アイコンをデザインする
ベクターアートとベーシックシェイプの設定を調整する

美しいベクターアート、シェイプ、アイコンを追加して、あなたのスタイルを表現しましょう。これらのグラフィックは、どのサイズでも鮮明なデジタルイラスト（SVG）であるため、デザインは常に魅力的に仕上がります。Wix が提供する何百もの無料オプションから選択するか、ご自身のファイルをアップロードすることができます。

注意：

「追加」パネルの「グラフィック」セクションでは、ベクターアート、シェイプ、アイコン、ステッカーなどを追加することができます。ステッカーはサイトに追加できる画像ファイルで、その他のパーツは SVG ファイルであるため、個別に編集することが可能です。
一部のアイコンは、Tabler Icons（MIT）や Phosphor Icons（MIT）などのサードパーティのオープンソースライブラリから提供されています。

ベクターアート、シェイプ、アイコンを追加する

ベクターアート、シェイプ、アイコンを使用して、クライアントのサイトを装飾したり、魅力的な CTA を作成しましょう。これらは、Wix から無料のものを選択することも、独自のものをアップロードすることも可能です。

ベクターアート、シェイプ、アイコンを追加する方法：

エディタに移動します。
エディタ左上で「＋追加」をクリックします。
「パーツ」を選択します。
左側の「グラフィック」アイコンをクリックします。
「ベクターアート」、「ベーシックシェイプ」、または「アイコン」下で、任意のパーツをクリックします。
ヒント：「すべて表示」をクリックすると、より多くの無料のオプションにアクセスすることができます。
選択したベクターアートをクリックして、ページにドラッグします。

独自の SVG ファイルをアップロードしたい場合：

パネル上部の「アップロード」をクリックすると、独自のメディアをサイトに追加することができます。

ベクターアート、シェイプ、アイコンをデザインする

サイト上のベクターアート、シェイプ、アイコンの色、不透明度、影などは、サイトのデザインに合わせてカスタマイズすることができます。

デザインをカスタマイズする方法：

エディタに移動します。
該当するパーツをクリックし、カスタマイズするものを選択します：

色をカスタマイズする

デザインを調整する

アニメーションを追加する

注意：

利用可能なカスタマイズオプションは、ベクターアートが単色、複数の色、またはグレースケールで構成されているかによって異なります。
SVG ファイルをアップロードすると、色が分析され、シェイプまたはベクターアートとして分類されます。たとえば、単色の SVG ファイルは、エディタでは「シェイプ」として表示されます。SVG ファイルの色を識別できない場合は、エディタで色をカスタマイズできない場合があります。

ベクターアートとベーシックシェイプの設定を調整する

これらのパーツがサイトでどのように表示され、機能するかを調整します。サイズやレイアウトを変更したり、リンクを追加してボタンや CTA として設定したり、誰もがサイトのコンテンツを楽しめるよう、アクセシビリティのオプションを設定したりすることができます。

設定を調整する方法：

エディタに移動します。
該当するパーツを選択します。
アクションバーで「設定」アイコンをクリックします。
実行する内容を選択します：
- サイズ変更モード：ページ上でのパーツの表示方法を、「フィット」または「ストレッチ」から選択します。
- リンク先：パーツにリンクを追加します。
- アクセシビリティ：ベクターアートまたはベーシックシェイプの内容を説明するテキストを入力し、SEO やアクセシビリティを向上させます。