可愛的 Google Fonts 教學資訊圖表

此提示詞可生成一張日系粉彩風格的教學資訊圖表 Slides,以三個步驟說明 Google Fonts 的設定方式,非常適合用於社群媒體輪播貼文或技術教學文章。
提示詞
建立一張可愛的粉彩日系資訊圖表 Slides,背景為乾淨的白色,並搭配淡藍色、奶油色與淺綠色的柔和圓角抽象色塊。整體設計風格友善、具教育意義且現代化,採用粗體圓角無襯線日文字體,輔以細緻的投影、灰色細邊框、點狀分隔線以及小型裝飾塗鴉。在頂部中央,放置一個深藍色的粗體大標題,寫著「Google Fontsの使い方」。正下方加入一個藍色的副標題,寫著「3ステップでかんたん導入」,兩側各有一排水平排列的小藍點。右上角則加上一個圓角藍色頁碼標籤,寫著「2/2」。
在上半部中央橫向排列 3 張圓角矩形步驟卡片,左右間距均等,每張卡片皆有淡色背景、柔和邊框,左上角則有彩色圓形數字標記。卡片 1 為淡藍色背景,藍色標記寫著「1」。內容顯示一個簡單的放大鏡圖示疊加在「Aa」字母上,並附帶一顆黃色小星星裝飾。粗體標題為「フォントを選ぶ」,下方小字為「Google Fontsで
好きなフォントを探す」。卡片 2 為淡綠色背景,綠色標記寫著「2」。內容顯示一個瀏覽器視窗圖示,內含程式碼括號「</>」與剪貼簿,並附帶綠色小動態符號。粗體標題為「コードをコピー」,下方小字為「linkタグや@importを
取得する」。卡片 3 為淡奶油色背景,橘色標記寫著「3」。內容顯示一個標示為「CSS」的文件圖示,並附帶橘色小裝飾符號。粗體標題為「CSSで指定」,下方小字為「font-family に設定して
使う」。在 3 張卡片之間放置 2 個中型藍色三角形箭頭,以呈現步驟流程。
在中段水平排列 3 個展示框。左側為圓角白色程式碼面板,上方有藍色標籤寫著「HTML」。內部以藍色文字精確顯示以下 3 行程式碼:
"<link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\">"
中央為圓角白色程式碼面板,上方有綠色標籤寫著「CSS」。內部以深色文字精確顯示:
"body {"
" font-family: 'Kiwi Maru', serif;"
"}"
右側為圓角白色模擬瀏覽器視窗,上方有淡藍色標題列,左上角有紅、黃、綠 3 個微型圓形視窗按鈕。內部顯示黑色的大型日文範例文字「こんにちは、
Kiwi Maru」,字體採用可愛的圓角手寫風格。在瀏覽器視窗右側加入 2 個小型閃亮裝飾。
底部由左至右放置 4 個膠囊狀標籤。標籤 1 為白色,附帶藍色小星星圖示與文字「Google Fontsを使うメリット」。標籤 2 為淡藍色,粗體文字「無料」後接一個粉紅色愛心。標籤 3 為淡綠色,粗體文字「すぐ使える」後接一個小鬧鐘圖示。標籤 4 為淡黃色,粗體文字「日本語フォントも豊富」後接一個花朵圖示。
在畫布周圍增加 4 個額外裝飾元素:標題左上方有一個黃色 3 筆畫閃亮符號、左上方背景有一個淡藍色點狀方格、左側有一個細淺綠色圓環,以及左下角有一個微笑的小盆栽插圖。整體構圖保持平面向量風格,清晰、可愛且具備高度可讀性,呈現出社群媒體教育輪播圖的風格。
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 GPT Image 2 的平台(例如 YouMind),把提示詞貼上。
- 3
依你的想法替換主體、風格或細節,然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 圖像 提示詞,都能免費複製與改用。
探索更多 圖像 提示詞




