相信你一定看過類似 https://gemini.google.com/share/6a2bd3595aa8 這樣的網址吧！這些網址都是由 Gemini 自動產生的分享連結。使用 Gemini 開發網頁程式最棒的地方就在於，你不只能獲得程式碼，還能直接得到一個可以實際操作的網頁連結。這意味著就算你沒有自己的伺服器，也能讓別人體驗你開發的應用程式。
Gemini 的 Canvas 模式是一個視覺化的開發環境，就像是一個智慧畫布，讓你可以透過直觀的方式來建構應用程式。而 Nano Banana 則是 Google 最新推出的 AI 圖像處理技術，Nano Banana 不僅速度快，處理效果也非常自然。無論是想要把照片變成動漫風格，還是想要創造出電影海報般的戲劇效果，它都能輕鬆勝任。而想要用 Gemini 開發出結合 Nano Banana 的圖像處理應用，也不難，甚至非常簡單，整個過程可能連泡麵都還沒開始吃就能做好，今天就教大家使用 Gemini 的 Canvas 模式，自己開發出一個有 Nano Banana 的圖像處理技術的 Web App，並且還能直接取得可分享的網址，讓你的親朋好友一起來使用。
動手實作：打造你的第一個 AI 影像編輯器
1.現在讓我們實際動手來建立一個簡單但功能完整的影像編輯 App。打開 Gemini 開發環境後，點選 Canvas 模式，你會進入一個直觀的視覺化工作空間。在指令輸入框中，輸入以下指令，你不見得要照寫，可以根據自己喜好做變更，或是請 AI 來幫忙：「建立一個具備 Nano Banana 功能的圖片美化工具」。
使用Nano Banana技術幫我開發一款AI影像編輯應用，可以讓使用者自訂改作內容，並且提供預設的改作功能，包含改成以下風格：1.寫實風格 (Photorealistic)高度逼真的照片效果，適合人像或產品渲染，維持原圖細節如光影與紋理。2.3D 公仔 (3D Figurine)將照片轉為收藏級立體模型，包含包裝盒與基座，常見於自拍變手辦。3.復古風格 (Retro)模擬 80s/90s 時代感，如馬爾風格工作室照或老照片濾鏡。4.動漫風格 (Anime)卡通化轉換，強調誇張表情與線條，適合角色設計或虛擬形象。5.電影感 (Cinematic)戲劇化光線與構圖，如大片海報，適用於故事分鏡或宣傳圖。6.藝術風格 (Artistic)應用油畫或印象派轉換，保留原圖構圖，創造抽象藝術作品。7.極簡主義 (Minimalist)簡潔線條與單色調，適合海報或 logo 設計，強調空間感。8.可愛貼圖 (Cute Sticker)卡通萌化版本，添加泡泡或表情，常用於社群分享或表情包。9.藝術文字 (Art Typography)文字融入圖像的創意設計，如商品標籤或海報，風格融合手繪感。10.商品攝影 (Product Photography)專業產品照風格，包含光影與背景替換，適用於電商模擬。11.寶萊塢復古 (Bollywood Retro)印度電影風格，強調鮮豔色彩與傳統服飾轉換。12.抽象融合 (Style Fusion)混合多圖風格，如將寫實與動漫融合，創造獨特視覺效果。
2.系統會立即為你生成一個包含檔案上傳區、編輯控制台和即時預覽功能的完整介面。整個過程大概只需要幾分鐘，比你煮泡麵的時間還短！
3.Gemini 寫完後，就會直接跳到頁面預覽，也就是你可以實際操作。
4.測試過程如果有問題，可以請 Gemini 修改，如果沒有問題，可以點擊如下圖的功能按鈕，取得網址。
5.點擊：https://gemini.google.com/share/6a2bd3595aa8，可以進到上述範例進行實際操作。
以下列出 20 個圖像風格供你選擇參考：
- 水彩畫風 (Watercolor) - 柔和的色彩暈染效果，就像用水彩筆刷在紙上作畫，特別適合風景照或人像的藝術化處理
- 油畫質感 (Oil Painting) - 厚重的筆觸和豐富的色彩層次，模擬傳統油畫大師的繪畫技法，讓照片充滿古典藝術氣息
- 素描線條 (Sketch Style) - 簡潔的黑白線條勾勒，保留物體的基本輪廓和陰影，適合建築物或人像的藝術化表現
- 霓虹燈效果 (Neon Glow) - 充滿未來感的霓虹光效，讓圖片散發出賽博龐克風格的炫彩光芒，特別適合夜景或科技主題
- 漫畫風格 (Comic Book) - 美式漫畫的視覺效果，強調鮮明的色塊對比和誇張的表現手法，適合製作有趣的社群內容
- 馬賽克拼貼 (Mosaic Collage) - 將圖片分解成小色塊重組，創造出古羅馬馬賽克藝術的視覺效果，充滿復古魅力
- 黑白膠卷 (Film Noir) - 經典的黑白電影質感，強調光影對比和戲劇化氛圍，適合營造懷舊或神秘的視覺效果
- 低多邊形 (Low Poly) - 幾何化的三角形拼接效果，創造出現代數位藝術的抽象美感，特別適合科技或設計主題
- 粉筆畫板 (Chalk Art) - 模擬在黑板上用彩色粉筆作畫的效果，帶有手作感和溫馨的教室氛圍
- 蒸氣波 (Vaporwave) - 80年代復古未來主義風格，粉紫色調配上網格線條，充滿懷舊的數位美學
- 像素藝術 (Pixel Art) - 復古電玩風格的像素化效果，讓現代照片呈現出8位元遊戲的懷舊魅力
- 印象派 (Impressionist) - 模擬莫內、雷諾瓦等印象派大師的繪畫風格，色彩柔和且充滿光影變化
- 賽博龐克 (Cyberpunk) - 未來科技風格，強調金屬質感、霓虹色彩和數位元素，適合科幻主題的視覺呈現
- 日式浮世繪 (Ukiyo-e) - 傳統日本版畫藝術風格，簡潔的線條和鮮明的色塊，帶有濃厚的東方美學
- 立體主義 (Cubist) - 畢卡索風格的幾何分解，將物體拆解成多個角度和面向重組，充滿現代藝術感
- 玻璃質感 (Glass Effect) - 透明玻璃的質感處理，讓圖片呈現出晶瑩剔透的視覺效果，適合現代簡約風格
- 蠟筆畫 (Crayon Art) - 兒童蠟筆作畫的純真效果，色彩飽和且帶有手繪的溫暖質感
- 金屬光澤 (Metallic Finish) - 金屬表面的反光效果，讓圖片散發出高級感和未來科技感
- 拼布藝術 (Patchwork) - 將圖片分割成不同色塊重組，創造出手工拼布的溫馨質感
- 全景魚眼 (Fisheye Panorama) - 廣角魚眼鏡頭的扭曲效果，創造出獨特的視覺張力和空間感
現在，你就可以開始使用 Gemini 的 Canvas 模式，開始打造自己的 Nano Banana 圖像處理 App，並將生成的網址，分享給你的親朋好友一起來使用。