Google Fonts 日文教學資訊圖表
此提示詞可生成簡潔的日文資訊圖表，說明使用 Google Fonts 的三個基本步驟，適用於社群貼文、教學指南及簡報 Slides。
提示詞
{"type":"日文資訊圖表","topic":"如何使用 Google Fonts","style":"簡潔現代扁平化設計，白色背景，角落帶有柔和的粉藍色與薄荷綠色色塊，圓角卡片配以細緻陰影，科技教學美學，清晰的向量排版與 UI 插圖","canvas":{"aspect_ratio":"16:9"},"headline":{"main":"Google Fonts 的使用方法","sub":"基本 3 步驟"},"layout":{"sections":[{"title":"1. 選擇字型","position":"left","count":1,"labels":["1. 選擇字型"],"card_style":"帶有淺藍色邊框/陰影的圓角白色面板","icon":"藍色數字 1 圓圈","illustration":"顯示字型搜尋介面的瀏覽器視窗，3 行可見的字型預覽，包含大型 Aa 與「あ」樣本，頂部有搜尋列，小型彩色視窗按鈕，淺灰色介面線條與藍色裝飾短線","body_text":"在 Google Fonts 網站上搜尋您喜歡的字型。"},{"title":"2. 取得嵌入代碼","position":"center","count":1,"labels":["2. 取得嵌入代碼"],"card_style":"帶有淺藍色邊框/陰影的圓角白色面板","icon":"藍色數字 2 圓圈","illustration":"深色代碼面板，包含兩個由細分隔線隔開的標記代碼範例","code_blocks":{"count":2,"labels":["<link> (HTML)","@import (CSS)"],"content":["<link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">","@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');"]},"body_text":"複製顯示的 <link> 或 CSS 代碼。"},{"title":"3. 透過 CSS 套用","position":"right","count":1,"labels":["3. 透過 CSS 套用"],"card_style":"帶有淺藍色邊框/陰影的圓角白色面板","icon":"藍色數字 3 圓圈","illustration":"包含 CSS 的白色代碼卡片，內有兩個選擇器與 font-family 規則","code_blocks":{"count":2,"labels":[".title","body"],"content":[".title { font-family: 'Poppins', sans-serif; }","body { font-family: 'Noto Sans JP', sans-serif; }"]},"body_text":"指定 font-family 以套用到您的設計中。"},{"title":"重點提示","position":"bottom-left","count":3,"labels":["以易讀性為優先","確認是否支援日文","避免過度使用，限制在 2 至 3 種以內"],"card_style":"帶有淡藍色調的圓角白色面板","icon":"藍色星形圓圈","body_format":"項目符號列表"},{"title":"常用組合","position":"bottom-center-right","count":2,"labels":["標題: Poppins","內文: Noto Sans JP"],"card_style":"帶有淡紫色調的圓角白色面板","icon":"紫色連結環符號","body_format":"兩個膠囊形範例框"}],"connectors":{"count":2,"style":"位於 3 個頂部卡片之間的大型藍色向右箭頭"},"pagination":{"text":"2 / 2","position":"bottom-right","style":"藍色圓角標籤"}},"text_language":"日文","color_palette":{"primary_blue":"#2f80ff","navy":"#0f2b5b","google_colors":["#4285F4","#DB4437","#F4B400","#0F9D58"],"lavender":"#8b6cff","background":"#ffffff"}}
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 GPT Image 2 的平台（例如 YouMind），把提示詞貼上。
- 3
依你的想法替換主體、風格或細節，然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 圖像 提示詞，都能免費複製與改用。
探索更多 圖像 提示詞
更多提示詞功能
