可爱的 Google Fonts 教程信息图

提示词

创建一张可爱的粉彩风日式信息图幻灯片，采用干净的白色背景，并在浅蓝、奶油色和浅绿色中加入柔和圆角的抽象角落色块。整体设计友好、具有教育性且现代，使用粗圆角无衬线日文字体、微妙的投影、细灰色描边、点状分隔装饰以及小型装饰性涂鸦。顶部居中放置一行深海军蓝色的大号粗体标题，内容为“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 个额外装饰元素：标题左上方附近一个黄色的三笔闪光、左上背景中的浅蓝色点状方格网、左侧一个细浅绿色圆环，以及左下角一个微笑的盆栽植物小插画。保持整体构图呈扁平矢量风格、清晰、可爱且高度易读，具有社交媒体教育轮播风格。