無料で始める
← すべてのガイド

自分の空間で確認:お客様自身の壁の写真に、製品を実際のサイズで配置

「自分の空間で確認」(/tools/see-it-in-your-space)を使えば、お客様は購入前に製品を自分の空間で確認できます。対象は店舗の看板、壁のデカールや壁画、壁掛けアート、照明、庇、窓のグラフィック、床に置く家具などです。お客様は写真をアップロードするか、6つのサンプル空間から選び、製品を実際のサイズで配置し、壁に合わせて調整し、光を合わせてから、画像を添付して見積もりリクエストを送れます。同じ画像ツールは、aiKitのウェブサイト上のページとしても設置できます。サインインしているすべてのアカウントで利用できます。サインインしていない人には「ページが見つかりません」と表示されます。

「自分の空間で確認」を開く →
1

3つのタブ

  • ビジュアライズ:画像ツールです。お客様と一緒に使ったり、お客様に送る画像を作成したりできます。
  • あなたの製品:お客様が配置できる製品と、見積もりリクエストの送信先を設定します。
  • 保存済み:保存したすべての画像が表示され、それぞれに共有リンクがあります。タブ名はアドレスに含まれています(?tab=products、?tab=saved)ので、特定のタブへ直接リンクできます。
2

ビジュアライズ、手順1:空間を選ぶ

空間の写真をアップロード:壁、店舗の外観、窓、床など、端末内のJPGまたはPNGを選べます。写真はブラウザ内に保持され、保存または見積もりリクエストを送信するまでは何もアップロードされません。

またはaiKitの用意したものを使う:aiKitが自ら作成した6つのサンプル空間(リビングの壁、濃い色のアクセントウォール、オフィスのロビー、レンガ造りの店舗、ショールームの床、カフェの壁)から選べます。これらは写真ではなく、当社のコードで描かれたもので、ロゴやブランド名は含まれていません。それぞれ縮尺が設定済みなので、製品はすぐに実際のサイズで表示されます。店舗の場合、ドアの高さは約7フィートです。

3

ビジュアライズ、手順2:製品を選ぶ

製品はタイルとして表示されます。タイルを押すと配置できます。タイルの下では、サイズ、仕上げ、効果から、その製品用に設定した選択肢を確認できます。サイズを変えても製品の位置は変わらず、実際の寸法に合わせて描き直されます。色付きの仕上げを選ぶと、単色のデザイン(ビニールや文字の色)の色が塗り替えられます。効果では表面の質感を変えられます(効果なしは写真をそのまま残します)。Lit は光って見え、Matte はつや消し、Gloss はやわらかい光沢、Metal はヘアライン調、Frosted は腐食ガラスのような見た目になります。

お客様のロゴやアートを使う:お客様が持ち込んだ PNG、JPG、SVG を何でも使えます(例:看板にするロゴ)。JPG ロゴの周囲の白い背景は自動で消えます。どのくらいの幅になるか?では、実際の幅をインチで設定します。

4

製品の移動と取り付け

  • 製品をドラッグして移動します。右下の丸いハンドルでサイズを変更し、その上の白いハンドルで回転させます。
  • 写真を選択した状態で、矢印キーで移動します(Shift を押しながらだと大きく動きます)。プラスとマイナスのキーでサイズを変え、[ と ] のキーで回転させます。
  • 手順 3、角度と光の微調整(押すと開きます):回転は壁に平らになるように回します。角度(左右)と傾き(前後)は、写真内の壁が斜めの場合に遠近感を付けます。
  • コーナー(写真の上)では、各角にハンドルが表示されます。それぞれを壁の角までドラッグすると、正確に合わせられます。コーナーの変更は、非表示にしても残ります。
  • 実寸に戻すは、手動でサイズを変えた後、製品を実際のサイズに戻します。リセットは、すべてを最初の状態に戻します。
5

お客様の写真で実寸にする:測定

お客様の写真は、基準となる寸法を指定するまで縮尺がありません。測定を押し、長さのわかっているものの端から端まで線をドラッグします。次に、その長さを入力します(インチ、フィート、センチ、メートル)。または、よくある長さを押します:ドア 80 インチ、カウンター 36 インチ、天井 96 インチ、駐車スペース 9 フィート。この長さを使用を押します。以降、すべての製品が実際のサイズで表示されます。

サイズラベルでは、製品の横の写真に実際の幅と高さが表示されます。手動でサイズを変えたりコーナーを動かしたりすると、形が実寸と完全には一致しなくなるため、ラベルに ≈ が表示されます。写真を測定する前は、比較対象がないため、サイズラベルは表示されません。

6

Visualize、手順 3:写真に合わせる

写真の光を合わせるは、製品の周囲の写真を分析し、そこに自然になじむように明るさ、暖かさ、影を設定します。製品を配置すると自動で実行されます。移動後により暗い場所や明るい場所に置いた場合は、もう一度押してください。角度と光の微調整の下にある明るさ、暖かさ、影のスライダーで手動で調整できます。

夜(写真の上)は、夕方のように写真を暗くします。Lit 効果の製品は光って、周囲の壁を照らします。それ以外の製品は、実際と同じように暗くなります。夜モードでは、写真がすっきり見えるようにハンドルとサイズラベルが非表示になります。再調整するには夜モードをオフにしてください。

7

最大3つのパターンを比較

気に入った組み合わせごとに、この見た目を追加を押します。最大 3 つまで、それぞれの内容(製品、サイズ、仕上げ、効果、夜)とともに小さな画像として保存されます。並べて表示では、すべてを一緒に開きます。この見た目を使用では、その 1 つを写真に戻します。× では削除します。保存と見積もり依頼には、すべての見た目が含まれます。

8

見積もりを依頼、保存、共有、ダウンロード

  • この写真で見積もりを依頼を押すと、短いフォーム(名前、メールアドレス、任意で電話番号、写真の内容が自動入力される「仕事の内容」)が開きます。送信を押すと、見積もり依頼として、見積もり依頼の送信先で選んだウェブサイトの依頼受信箱に、すべての見た目の写真が添付されて届きます。まだウェブサイトが選ばれていない場合は、ツールがその旨を表示します。
  • 保存して共有リンクを取得を押すと、写真(およびすべての見た目)が保存され、コピーできるリンクが表示されます。リンクを知っている人は写真を見ることができ、ダウンロードもできます。見積め受信箱が設定されている場合は、そのページから写真を添えて見積もり依頼を送ることもできます。保存済みタブに一覧が表示されます。削除を押すと、リンクが無効になります。
  • 写真をダウンロードを押すと、下部に帯がついた JPG が保存されます。帯には写真の内容と、実際の色や光は異なる場合があるという注記が入ります。
9

製品タブ

  • 見積もり依頼の送信先:ツールや共有リンクからの見積もり依頼を受け取る依頼受信箱を持つ aiKit のウェブサイトです。まだ未設定の場合は、見積もりフォームが表示されません。
  • 製品を追加:写真(背景が透明な PNG または SVG。正面から撮影または描いたもの。SVG は鮮明な画像に変換され、元のファイルは保存されません)、名前、実際の幅(インチ)を入力します。高さは任意で、未入力の場合は写真の形に合わせて決まります。背景が透明でない写真には警告が表示されます。枠がそのまま壁に写ってしまうためです。
  • サイズの選択肢:名前、幅、任意で高さを設定したサイズを最大 8 つまで。仕上げ:最大 8 つまで、それぞれ任意で色変更用の色を設定できます。効果:最大 3 つまで。それぞれ、見た目(Lit、Matte、Gloss、Metal、Frosted)と、お客様に表示される名前を設定します。
  • 自分のウェブサイトに表示:この製品を「お部屋で確認」ページに表示させたいウェブサイトにチェックを入れます。変更は再構築なしで 1 分以内に反映されます。
  • 編集では製品を変更できます。製品を削除では、もう一度押して確認してから削除されます。
10

ご自身のウェブサイトで

ウェブサイトに掲載するには、ツールライブラリの「お部屋で確認」を開きます(カードは 1 つで、ツールとウェブサイトページの両方が含まれます)。プロジェクトに追加を押し、ウェブサイトを選び、そのプロジェクトのキットタブで「お部屋で確認」を依頼します。aiKit は次の変更でページを追加します。ページには同じ写真ツールがあり、そのウェブサイト用に選んだ製品と、その下に見積もりフォームが表示されます。そのウェブサイトにまだ製品がない場合は、訪問者が自分のロゴやアートを配置できます。訪問者の写真は、送信を押すまで端末の外に出ることはありません。送信すると、依頼と写真は、他の見積もり依頼と同じようにそのウェブサイトの依頼タブに届きます。スマートフォンでは、ページから直接写真を共有することもできます。

11

制限事項

  • 写真に製品の平面画像を配置します。3D表示や拡張現実表示ではありません。
  • お客様の写真での実寸は、お客様が測定した長さの正確さに依存します。急な角度の壁では、コーナーを手作業で合わせる必要があります。
  • これはプレビューです。実際の色、光、素材は多少異なる場合があり、ダウンロードした画像にもその旨が記載されています。
次のガイド 新機能:新しいツール、モジュール、修正、今後の予定

もっと手早く、具体的に知りたいときは よくある質問をご覧ください。