·12 分鐘閱讀

12 種 Stitch 設計風格完全指南:附範例與提示詞範本

探索 12 種最受歡迎的 Google Stitch 設計風格,每種風格都附有詳細說明、使用情境與可直接複製的提示詞範本。

S
Stitch Prompt Team
Content Team
設計風格教學

12 種 Stitch 設計風格

Google Stitch 支援多種設計風格,每種都有獨特的視覺特徵與適用情境。本文詳細介紹 12 種最受歡迎的風格,並附上可直接使用的提示詞範本。


1. 極簡主義(Minimalist)

特徵:乾淨、大量留白、專注核心內容

最適合:企業官網、作品集、新聞網站

提示詞範本:

Design a minimalist [platform] [page type] with:
- Clean white background
- Simple typography with one font family
- Ample whitespace
- Minimal color palette (2-3 colors)
- Focus on content hierarchy

2. 玻璃擬態(Glassmorphism)

特徵:半透明玻璃效果、模糊背景、漸層

最適合:現代應用、創意網站、音樂播放器

提示詞範本:

Design a glassmorphism [platform] [page type] with:
- Translucent glass cards with backdrop blur
- Gradient background (purple to blue)
- Subtle border with transparency
- Soft shadows
- Modern and futuristic feel

3. 深色模式(Dark Mode)

特徵:深色背景、高對比文字、護眼

最適合:開發者工具、影片平台、夜間使用應用

提示詞範本:

Design a dark mode [platform] [page type] with:
- Dark background (#1a1a2e or similar)
- Light text for contrast
- Accent colors that pop (blue, purple, or green)
- Subtle borders instead of shadows
- Easy on the eyes for extended use

4. 漸層霓虹(Gradient Neon)

特徵:鮮豔漸層、發光效果、充滿活力

最適合:遊戲應用、音樂平台、創意展示

提示詞範本:

Design a gradient neon [platform] [page type] with:
- Vibrant gradient background (pink to purple to blue)
- Glowing effects on interactive elements
- Bold typography
- High contrast
- Energetic and eye-catching

5. 新擬態(Neumorphism)

特徵:柔和陰影、凸起/凹陷效果、單色

最適合:計算機、設定頁、簡單工具應用

提示詞範本:

Design a neumorphic [platform] [page type] with:
- Soft, light background (#e0e5ec)
- Embossed and pressed effects
- Subtle shadows creating depth
- Monochromatic color scheme
- Clean and tactile feel

6. 扁平化設計(Flat Design)

特徵:無陰影、無漸層、簡單圖示

最適合:企業應用、管理系統、工具網站

提示詞範本:

Design a flat design [platform] [page type] with:
- No shadows or gradients
- Bold, solid colors
- Simple geometric shapes
- Clean icons
- Clear visual hierarchy

7. Material Design

特徵:Google 官方設計語言、卡片、漣漪效果

最適合:Android 應用、Google 生態系產品

提示詞範本:

Design a Material Design 3 [platform] [page type] with:
- Card-based layout
- Elevation and shadows
- Ripple effects on interaction
- Google's color system
- Standard MD3 components

8. 復古像素(Retro Pixel)

特徵:8-bit 風格、像素字型、懷舊

最適合:遊戲網站、復古風格應用、創意專案

提示詞範本:

Design a retro pixel art [platform] [page type] with:
- 8-bit pixel art style
- Pixelated fonts
- Limited color palette (16 colors)
- Nostalgic game-like feel
- Blocky shapes and edges

9. 擬物化(Skeuomorphic)

特徵:模擬真實物件、材質、3D 效果

最適合:計算機、筆記應用、工具類應用

提示詞範本:

Design a skeuomorphic [platform] [page type] with:
- Realistic textures (leather, wood, metal)
- 3D effects and shadows
- Mimics real-world objects
- Tactile and familiar feel
- Detailed and ornamental

10. 俏皮卡通(Playful Cartoon)

特徵:圓角、明亮色彩、親切

最適合:兒童應用、社交平台、休閒遊戲

提示詞範本:

Design a playful cartoon [platform] [page type] with:
- Rounded shapes and corners
- Bright, cheerful colors
- Friendly illustrations
- Fun animations
- Approachable and warm

11. 企業專業(Corporate Professional)

特徵:正式、可信賴、專業

最適合:企業官網、金融應用、B2B 平台

提示詞範本:

Design a corporate professional [platform] [page type] with:
- Clean, formal layout
- Navy blue and white color scheme
- Professional typography
- Trust-building elements
- Structured and organized

12. 粗野主義(Brutalist)

特徵:大膽、打破常規、反設計

最適合:藝術網站、創意機構、前衛品牌

提示詞範本:

Design a brutalist [platform] [page type] with:
- Raw, unpolished aesthetic
- Unconventional layouts
- Bold, oversized typography
- High contrast (black and white)
- Anti-design approach

總結

為專案選擇合適的設計風格是成功的第一步。每種風格都有其獨特魅力與適用情境。建議:

  1. 根據目標受眾選擇
  2. 保持品牌一致性
  3. 混合不同風格的元素
  4. 始終以使用者體驗為優先

使用本文提供的提示詞範本,快速開始嘗試各種設計風格。