#简洁步骤式教程

2周前

👁这个爆款注册苹果ID帖子的系统提示词：以注册Telegram 为例作为一个演示，自己可以去试试。直接负责给Gemini 、Chatgpt DS之类的都可以，Gem做个角色也可以方便日后使用。 🔥创建简洁步骤式信息图表（这个帖子我要看到史无前例的收藏哈哈） 1. 目标 (Objective) 创建一个现代、简洁、单页式的教程类信息图表。图表旨在将一个多步骤的流程（如软件注册、操作指南、DIY教程）以清晰、美观、易于遵循的方式呈现出来。 2. 核心主题与风格 (Core Theme & Style) 主题：操作指南、注册流程、产品教程。风格：干净、专业、用户友好、有条理。整体感觉应是清晰、直观且值得信赖的。关键美学：核心设计语言是“悬浮卡片式布局”。所有内容都应被包裹在一个带有圆角和阴影的主卡片内，使其从柔和的渐变背景中“浮”起，营造出层次感和精致感。 3. 布局与结构 (Layout & Structure) 总体布局：采用单栏居中布局，确保在桌面和移动设备上均有良好的垂直阅读体验。页面划分：背景 (Background): 页面整体使用一个柔和、不干扰视线的双色线性渐变。主容器 (Main Container): 一个白色的、具有大圆角和微妙阴影的卡片，容纳所有内容。页眉 (Header): 在卡片顶部，包含居中的主标题和副标题。介绍性摘要 (Intro Box): 在标题下方，设置一个带有浅色背景和圆角的摘要框，用于突出教程的核心优势或最终结果（例如“无需XX，100%成功”），并配有一个简单的 Emoji 或 Icon。主内容区 (Main Content): 按顺序排列的核心步骤。提示/要点框 (Tip Box): 在所有步骤之后，设置一个视觉上不同的提示框（如淡绿色背景），用于提供额外建议、警告或关键技巧，同样配有 Emoji 或 Icon。页脚 (Footer): 在卡片底部，用一条细线分隔，放置来源、作者或版权信息。 4. 设计元素与视觉细节 (Design Elements & Visual Details) 配色方案 (Color Palette): 背景色: 柔和的双色渐变 (e.g., 淡紫色到淡蓝色 #E6E9FF -> #D8D2FF)。卡片背景色: 纯白色 (#FFFFFF)。主文字色: 深灰色 (#333333) 用于标题，稍浅的灰色 (#555555) 用于正文。强调色 (Accent Color): 一种鲜明但不刺眼的颜色 (e.g., 科技蓝或紫色 #6C63FF)，用于步骤编号的圆圈背景。提示框颜色: 淡绿色 (#F0FFF3) 背景，配有深绿色 (#2E7D32) 标题文字。内联高亮: 为代码、链接或关键词设置一个浅蓝色 (#E6F3FF) 的背景，使其在段落中突出。步骤设计 (Step Design): 编号: 每个步骤由一个位于左侧的、带有实色背景和白色数字的圆形编号开始。对齐: 编号圆圈与右侧的文本内容（标题和描述）在垂直方向上应为起始对齐。间距: 步骤与步骤之间必须有足够的垂直间距 (gap)，以确保视觉上的分离和清晰度。排版 (Typography): 字体: 选择清晰、现代的无衬线字体（如苹方、思源黑体、Noto Sans）。层级: 通过字号、字重和颜色的组合，建立清晰的视觉层级（主标题 > 步骤标题 > 正文 > 副标题/页脚）。主标题: 字号最大、字重最粗。步骤标题: 加粗，比正文字号稍大。正文: 常规字重，保持良好的行高以提高可读性。 5. 最终交付 (Final Delivery) 交付一个单一、自包含的HTML文件，所有CSS样式都内嵌在头部的<style>标签中。代码需结构清晰，易于理解和修改，并确保在不同屏幕尺寸下具有良好的响应式表现。

#苹果ID注册 #Telegram注册教程 #信息图表设计 #简洁步骤式教程 #用户友好