·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
總結
為專案選擇合適的設計風格是成功的第一步。每種風格都有其獨特魅力與適用情境。建議:
- 根據目標受眾選擇
- 保持品牌一致性
- 混合不同風格的元素
- 始終以使用者體驗為優先
使用本文提供的提示詞範本,快速開始嘗試各種設計風格。