2023年6月6日8 分

AIがデザインを自動生成するホームページ作成ツール:Wix ADI

最終更新: 2023年12月28日


 
この記事は2019年5月15日に公開、2023年6月6日に更新されました。

デザイン業界において、まさに革命を巻き起こしている AI。ホームページ作成においても、AI 技術の登場により、より多くの人が理想のデザインを実現しやすくなってきています。

使いやすい AI デザインツールは、デザインの専門知識やプログラミングの知識がない人に大きな可能性をもたらします。たとえば、「デザイナーではないので、見栄えの良いサイトの作り方が分からない」「ホームページに載せる文章を自分で考えるのは難しい」「すぐにホームページが必要なのに、予算も人も確保できない」といった悩みは、Wix が提供しているホームページ作成を、もっと早く、手軽にする AI 技術、 Wix ADI(Artificial Design Intelligence:人工デザイン知能)で軽減できます。

\AIがホームページ作成をサポート/

日本語版 Wix ADI は 2018 年 10 月に提供を開始し、すでに多くの人がこのホームページ作成ツールを使ってサイトを作成しています。今回は、デザイン AI について、およびWix ADI の使い方や機能をあらためてご紹介します。

目次
 
デザイン AI とは?

01. Wix ADI とは

02. Wix ADI の 10 個の特長

03. Wix ADI を始めるには

Wix ADI で作成したサイト事例

01. COOKING STUDIO"SESAME"(料理教室)

02. 株式会社Kapps(モバイルアプリ開発会社)

03. Curtinsmith Guitars

デザイン AI とは?


 
デザイン AI は、デザイン分野で利用されている AI ツールを示します。デザイン AI は膨大なデータを元にアルゴリズムを活用し、自動的にデザインを生成することが可能です。従来は時間のかかる作業やデザイナーによる専門技術が必要だったデザイン作成も、デザイン AI の活用により効率化できます。主なデザイン AI の種類は以下の 3 つです。

画像認識機能
 
写真を認識し、アウトラインの自動切り抜きや不要な要素の削除など、写真編集機能がここに含まれます。例:Adobe Photoshop、Wix フォトスタジオ

自然言語処理機能

Chat GPT や Midjouney のように、プロンプト(呪文)と呼ばれる文章を元にデザインを自動生成できる機能です。例:DALL-E、Midjourney

予測、提案機能

膨大なデータを分析し、優れたデザインや、要望に合ったデザインを提案します。例:Wix ADI、Wix Logomaker、Figma、Adobe Sensei

Wix ADI は、ホームページデザインにおいて何が必要なのか予測し、提案する機能をもった デザインAIツールです。それでは、Wix ADI の機能や使い方について以下で詳しく紹介します。

01. Wix ADI とは

Wix ADI は、「とにかく手軽に、美しいウェブサイトを作りたい」という初心者におすすめの AI ツールです。業種や職種、好みのデザインといったいくつかの質問に答えるだけで、AI が数あるレイアウト、画像、テキストの中から最適なものを組み合わせ、ほんの数分でプロフェッショナルなウェブサイトを生成します。

\AIがホームページ作成をサポート/

02. Wix ADI の 10 個の特長

Wix ADI には、ホームページ作成が初めての方でも安心な多くの機能が備わっています。

  1. 必要なコンテンツを AI が自動で作成:Wix ADI で選択できる職種は 4,000 以上。簡単な質問に答えるだけで、業種ごとに最適な画像や文章を AI が自動的に選んで表示します。また、Google ビジネスプロフィールや SNS アカウントを紐付けておくと、Google マップでの所在地や電話番号、リンク済みの SNS アイコンがサイトに自動で反映されます。
     

  2. ロゴに合わせた色味を自動で適用:会社やブランドのロゴがある場合は、AI がその配色パターンを自動的に抽出してサイトに適用します。また、その色味に合わせたカラーパレットも自動で作成するため、ブランドイメージに合わせた本格的なサイト作りが可能です。もしロゴがまだない場合は、Wix の無料ロゴジェネレーターで作成してみましょう
     

  3. 自動でモバイル最適化:ウェブサイトを作るなら、スマートフォンやタブレットでの見た目も大切。Wix ADI なら、パソコンで作ったサイトが自動でモバイル向けに最適化されるため、余計な作業は必要ありません。パソコンがない場合は、スマートフォンのブラウザからもサイトの作成、編集が可能です。
     

  4. 豊富なビジュアル素材を無料で利用:Wix ADI では、2 万点以上の写真や動画素材が無料で利用できるだけでなく、SNS アカウントと紐付けることで、SNS にアップロードした画像や動画をインポートして使用できます。オリジナルの写真を使いたいという場合は、ギャラリーで一括管理できるため便利です。
     

  5. 画像やデザインを自動で修正:サイトにアップロードした人物画像をAI が自動認識し、最適な位置で切り抜きます。編集画面では、画像にカラーフィルターを適用し、比率や傾きの調整、明るさや色の補正といったさらに細かい編集も可能です。コンテンツの長さや色味を変更したときは、変更に応じて AI がレイアウトやカラーを自動調整してくれるため、デザインが崩れる心配もありません。
     

  6. ブロックごとのカスタマイズ:自動生成されたページに新たな機能を追加したい場合、セクション間の「+」マークをクリックすることですぐに追加できます。提供するサービスに合わせて、「ニュース」「スタッフ紹介」「お客さまの声」「チャット」「Instagram のフィード」など自由に追加してみましょう。
     

  7. 初めてでもできる SEO 対策:SEO 対策ツール「Wix SEO Wiz」のガイドに従って設定を行えば、だれでも SEO を最適化でき、SEO を改善すべき点を効率的にチェックできます。また、SEO レポートのチェックリストを一つずつクリアしていくと、サイトの SEOが最適化され、Google での検索順位アップが期待できます。
     

  8. 困ったときのガイド機能:Wix ADI には、操作で困った時に便利な「ガイド機能」があります。編集画面右下の三角のアイコンをクリックして「次のステップ」と「ヒント」が表示されたら、ガイドに従ってサイトを完成させましょう。デザインの変更をしたくなったら、Wix ADI におまかせにする「自動編集」機能も利用できます。
     

  9. 初めてでもできる SEO 対策:SEO 対策ツール「Wix SEO Wiz」のガイドに従って設定を行えば、だれでも SEO を最適化でき、改善すべき点を効率的にチェックできます。また、SEO レポートのチェックリストを一つずつクリアしていくと、サイトの SEOが最適化され、Google での検索順位アップが期待できます。
     

  10. その他の便利機能:Wix ADI は、オンライン予約システムWix Eコマースメールマガジン、割引クーポンの発行など、ビジネスに欠かせないマーケティング機能も備えています。ビジネスのニーズに応じて、好みの機能を追加してみてください。

\AIがホームページ作成をサポート/

03. Wix ADI を始めるには

パソコンで Wix ADI を始めるには、以下の手順に従ってください。

Wix でのサイト作成が初めての人は、まずこちらのページから新規登録を行い、サイトにログインして「新しいサイトを作成」を選択してください。
 

すでに Wix エディタを利用中であれば、「マイサイト」画面から、右上の「新しいサイトを作成」をクリックします。

  1. 表示される「どのプラットフォームを使いますか?」の画面で Wix を選択します。

  2. 作成したいウェブサイトの種類とサイトに追加したい機能を選択します。

  3. 右上の「サイトをデザイン」をクリックします。

  4. 作成方法の選択画面で「Wix の AI におまかせ」を選択します。
     

あとは表示されるいくつかの質問に答えていくだけ。ほんの数分で、選んだ業種や職種にピッタリの画像、テキストが入った美しいサイトの完成です。

モバイル端末からホームページを作成したい場合、モバイルブラウザからの利用が可能です。ブラウザでアカウントにログインしたのち、「今すぐはじめる」をタップ。そのまま質問に答えていくと、あっという間にスマートフォンに最適化したサイトが完成します。もちろん、完成したサイトはスマートフォンやタブレットからいつでも編集可能です。

パソコン、モバイルのいずれも無料で作成できます。まずは、この新感覚のホームページ作成をぜひ体感してみてください。

Wix ADI で作成したサイト事例

Wix ADI を使うとどんなサイトができるのか気になった方も多いのではないでしょうか。ここからは、実際に、Wix ADI を使って作成されたサイト事例をいくつかご紹介します。

01. COOKING STUDIO"SESAME"(料理教室)


 
「お料理がもっと好きになる」をコンセプトに、和食と洋食のクッキングレッスンを開催する COOKING STUDIO "SESAME" のウェブサイト。オンライン予約の機能により、いつでもコースの予約ができるようになっています。
 

02. 株式会社Kapps(モバイルアプリ開発会社)

料理や子育て、学習、通販など幅広いモバイルアプリ開発を手がける会社のコーポレートサイトです。サービスや実績、会社概要、お問い合わせといった、ビジネスには欠かせない情報を掲載しています。
 

こちらのギター工房のウェブサイトでは、画像スライダーを使用して上部に美しいギターの作品を展示し、訪問者を没頭させるようなデザイン構成になっています。これらのプロフェショナルな商品画像は、訪問者の購入を後押しするのに役立ちます。また、各ページを明確に説明するナビゲーションメニューも備えています。
 

まとめ

いかがでしたでしょうか。Wix ADI なら、無料でホームページの作成が今すぐはじめられます。ホームページはあなたのビジネスの成功を加速させるための第一歩です。ぜひ今すぐ Wix ADI 機能を使って理想のサイトを作成してみてください。

\AIがホームページ作成をサポート/

筆者:間島ゆかり

コミュニケーションズマネージャー

編集者:Miyuki Shimose

ブログ コンテントマネージャー