免費開始
← 所有指南

在你的空間中預覽:將你的產品放在客戶自家牆面的照片上,並以實際尺寸呈現

在你的空間中預覽(/tools/see-it-in-your-space)讓客戶在購買前,先看到產品放在他們自己空間中的效果:店面上的招牌、牆上的貼花或壁畫、牆面藝術品、燈具、遮陽篷、窗面圖形,或地板上的家具。客戶可以上傳照片,或從六個範例空間中選擇一個,以實際尺寸放置產品、貼合牆面、調整光線,並附上圖片向你送出報價申請。同一個圖片工具也可以成為你 aiKit 網站上的一個頁面。所有已登入的帳號都可使用;未登入的人會看到找不到頁面。

開啟在你的空間中預覽 →
1

三個分頁

  • 視覺化:圖片工具。可在與客戶交談時使用,或製作圖片寄給客戶。
  • 你的產品:客戶可以放置哪些產品,以及報價申請會送到哪裡。
  • 已儲存:你儲存的每張圖片,各自附有分享連結。分頁名稱會顯示在網址中(?tab=products、?tab=saved),方便你直接連結到特定分頁。
2

視覺化,步驟 1:選擇你的空間

上傳空間照片可從裝置選取任何 JPG 或 PNG 檔案:牆面、店面、窗戶或地板。照片只會保留在瀏覽器中;直到你儲存或送出報價申請前,都不會上傳。

或使用我們提供的範例會顯示 aiKit 自行製作的六個範例空間(客廳牆面、深色重點牆、辦公室大廳、磚造店面、展示間地板、咖啡廳牆面)。這些範例由我們自己的程式繪製,並非照片,且不含任何標誌或品牌名稱。每個範例都已設定比例,因此產品會立即以實際尺寸顯示。在店面範例中,門的高度約為 7 英尺。

3

視覺化,步驟 2:選擇產品

你的產品會以方塊顯示,點選即可放置到照片上。方塊下方的尺寸、表面處理和效果,顯示你為該產品設定的選項。變更尺寸時,產品位置保持不變,並依實際尺寸重新繪製。選擇有顏色的表面處理會重新上色單色設計(適用於乙烯基或字母顏色);效果會改變表面質感(選擇「無效果」則保留原圖):Lit 會發光,Matte 為平面霧面,Gloss 有柔和光澤,Metal 為拉絲金屬質感,Frosted 則像蝕刻玻璃。

使用我自己的標誌或圖稿可以上傳客戶提供的任何 PNG、JPG 或 SVG 檔,例如將客戶的標誌做成招牌。JPG 標誌周圍的純白背景會自動去除。How wide will it be? 可設定它的實際寬度(英吋)。

4

移動與安裝產品

  • 拖曳產品即可移動。右下角的圓形把手可調整大小;其上方的白色把手可旋轉。
  • 選取圖片後,方向鍵可移動它(按住 Shift 可大幅移動),加號與減號可調整大小,[ 與 ] 鍵可旋轉。
  • 第 3 步,微調角度與光線(點選展開):Turn 可讓產品在牆面上平放旋轉;Angle 左右與 Tilt 前後可在照片中的牆面傾斜時加上透視效果。
  • Corners(位於圖片上方)會在每個角顯示把手;將每個把手拖曳到牆面的角落,即可精確貼合。隱藏後,你的角落調整仍會保留。
  • True size 會在你手動調整尺寸後,將產品恢復為實際大小。Reset 會將所有設定還原到起始狀態。
5

在你自己的照片上設定實際尺寸:Measure

客戶的照片在你標示比例之前沒有比例尺。點選 Measure,然後沿著一個你知道長度的物體拖曳一條線,從一端到另一端。接著輸入其長度(英吋、英呎、公分或公尺),或點選常見長度:A door 80 in、A countertop 36 in、A ceiling 96 in、A parking space 9 ft。點選 Use this length。之後每個產品都會以實際大小顯示。

Size labels 會在產品旁的圖片上顯示實際寬度與高度。當你手動調整尺寸或移動角落時,標籤前會顯示 ≈,因為形狀已不完全符合實際尺寸。在你測量照片之前,不會顯示尺寸標籤,因為沒有可比對的基準。

6

Visualize,第 3 步:讓產品融入照片

Match the photo's light 會分析產品周圍的照片,並設定 Brightness、Warmth 與 Shadow,使產品看起來自然融入。放置產品時會自動執行;移動到較暗或較亮的位置後,可再次點選。在微調角度與光線下的 Brightness、Warmth 與 Shadow 滑桿可手動調整。

Night(位於圖片上方)會讓照片變暗,如同傍晚的效果。使用 Lit 效果的產品會發光並照亮周圍的牆面;其他產品則會隨之變暗。在 Night 模式下,把手與尺寸標籤會隱藏,使圖片更清晰;關閉 Night 即可再次調整。

7

最多比較 3 種效果

每次完成喜歡的設定後,按下 Add this look。最多可保存 3 組造型,並以小圖顯示各自的內容(產品、尺寸、表面處理、效果、夜間模式)。Side by side 會同時開啟它們;Use this look 會將其套用回圖片;點選 x 即可移除。儲存與報價請求會包含所有造型。

8

申請報價、儲存、分享、下載

  • Request a quote with this picture 會開啟一個簡短表單(姓名、電子郵件、選填電話,以及 About the job,內容會依圖片自動填寫)。點選 Send my request 後,請求會放入你在 Quote requests go to 中選定網站的 Requests 收件匣,並附上每組造型的圖片,標記為報價。若尚未選擇網站,工具會提示你。
  • Save and get a share link 會儲存圖片(以及所有造型),並顯示可複製的連結。任何擁有連結的人都能查看圖片、下載,並且在設定了報價收件匣時,可從該頁面附上圖片送出報價請求。Saved 頁籤會列出這些連結;點選 Delete 即可停用連結。
  • Download picture 會儲存為 JPG,底部有一條說明列:顯示內容,以及實際顏色與光線可能有所不同的提醒。
9

你的產品頁籤

  • Quote requests go to:選擇一個 aiKit 網站,其 Requests 收件匣會接收來自本工具與分享連結的報價請求。選擇 Nowhere yet 則會隱藏報價表單。
  • 新增產品:上傳圖片(背景透明的 PNG 或 SVG,直接拍攝或繪製;SVG 會轉為清晰圖片,原始檔案不會保留),輸入名稱,以及以英吋為單位的實際寬度。高度為選填,若未填寫則依圖片比例自動計算。若圖片背景不透明,系統會發出警告,因為其方框會顯示在牆上。
  • 尺寸選項:最多 8 種尺寸,每種包含名稱、寬度與選填的高度。表面處理:最多 8 種,每種可選擇性地設定 Recolor 顏色。效果:最多 3 種,每種為一種質感(Lit、Matte、Gloss、Metal、Frosted),並可設定客戶看到的名稱。
  • 在我的網站上顯示:勾選那些「在你的空間中查看」頁面要提供此產品的網站。變更會在一分鐘內生效,無需重新建置。
  • Edit 可修改產品;Delete product 會要求再按一次確認後才會刪除。
10

在您的網站上

要將其放到網站上,請在工具庫中開啟「See it in your space」(它只有一張卡片,同時涵蓋工具與網站頁面),點選 Add to a project,選擇網站,並在該專案的 Kit 頁籤中要求加入 See it in your space;aiKit 會在下一次變更時新增該頁面。該頁面具有相同的圖片工具,顯示你為該網站勾選的產品,並在下方附有報價表單。若該網站尚未有任何產品,訪客可放置自己的標誌或圖稿。訪客的照片在按下 Send my request 之前,絕不會離開其裝置;按下後,請求與圖片會像其他報價請求一樣,出現在該網站的 Requests 頁籤中。手機也可以直接從頁面分享圖片。

11

限制

  • 它會在照片上放置產品的平面圖片,並非 3D 或擴增實境檢視。
  • 客戶照片上的實際尺寸,其精確度取決於他們標示的長度。傾斜很大的牆面需要手動貼合角落。
  • 這只是預覽:實際顏色、光線與材質會略有差異,下載的圖片也會註明此點。
下一篇指南 最新消息:新工具、模組與修正,以及即將推出的內容

想快速找到特定問題的答案?查看常見問題。