我该如何践行“移动优先（Mobile-First）”理念来设计现代化网站？
用户体验与交互设计 (UX)How can I design a mobile-first user experience for my website?
标准定位职业：用户体验与交互设计 (UX)
•
落地应用场景：How can I design a mobile-first user experience for my website?
指令参数定制变量
修改下方变量，右侧的实时生成结果预览（Live Output）将同步进行中英文精准文本插值替换。
本指令调优最佳实践
- 01.如何采用移动优先策略为新闻资讯类网站设计出排版清爽、无干扰且秒开的极简阅读体验？
- 02.How can I design a minimalist and streamlined user experience for my news website with a mobile-first approach?
实时生成结果预览 (Live Output)
变量插值 · 可直接复制
中文定制提示词 (Chinese Prompt)
如何采用“移动优先”的策略为 [网站/应用] 打造兼具轻量与高效的 [用户体验风格]？
英文对等提示词 (English Prompt)
How can I design a [adjective] [type of user experience] for my [website/application] with a mobile-first approach?
一键直达 AI 平台测试
自动复制并打开
💡 使用技巧：将复制的内容直接粘贴给 ChatGPT、Claude 或 Gemini，即可获得高度结构化、切中业务要害的高质量解答。
中英对照 · Original EN
How can I design a mobile-first user experience for my website?
公式模板 · 示例
Formula (ZH)
如何采用“移动优先”的策略为 [网站/应用] 打造兼具轻量与高效的 [用户体验风格]？
Formula (EN)
How can I design a [adjective] [type of user experience] for my [website/application] with a mobile-first approach?
示例 Example (ZH)
如何采用移动优先策略为新闻资讯类网站设计出排版清爽、无干扰且秒开的极简阅读体验？
示例 Example (EN)
How can I design a minimalist and streamlined user experience for my news website with a mobile-first approach?
后台 API 调用与 SDK 极速联调示例
import { GoogleGenAI } from "@google/genai";
// 初始化 Google GenAI SDK (服务器端)
const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
const response = await ai.models.generateContent({
model: "gemini-2.5-pro",
contents: ["我该如何践行“移动优先（Mobile-First）”理念来设计现代化网站？"],
config: {
systemInstruction: "如何采用“移动优先”的策略为 [网站/应用] 打造兼具轻量与高效的 [用户体验风格]？",
temperature: 0.1
}
});
console.log(response.text);
import { GoogleGenAI } from "@google/genai";
// 初始化 Google GenAI SDK (服务器端)
const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
const response = await ai.models.generateContent({
model: "gemini-2.5-pro",
contents: ["我该如何践行“移动优先（Mobile-First）”理念来设计现代化网站？"],
config: {
systemInstruction: "如何采用“移动优先”的策略为 [网站/应用] 打造兼具轻量与高效的 [用户体验风格]？",
temperature: 0.1
}
});
console.log(response.text);
import OpenAI from "openai";
// 初始化 OpenAI 客户端
const client = new OpenAI({ apiKey: process.env.OPENAI_API_KEY });
const response = await client.chat.completions.create({
model: "gpt-4o",
messages: [
{ role: "system", content: "如何采用“移动优先”的策略为 [网站/应用] 打造兼具轻量与高效的 [用户体验风格]？" },
{ role: "user", content: "我该如何践行“移动优先（Mobile-First）”理念来设计现代化网站？" }
],
temperature: 0.2
});
console.log(response.choices[0].message.content);
import os
from google import genai
from google.genai import types
# 初始化 Google GenAI Python 客户端
client = genai.Client(api_key=os.environ.get("GEMINI_API_KEY"))
response = client.models.generate_content(
model="gemini-2.5-pro",
contents="我该如何践行“移动优先（Mobile-First）”理念来设计现代化网站？",
config=types.GenerateContentConfig(
system_instruction="如何采用“移动优先”的策略为 [网站/应用] 打造兼具轻量与高效的 [用户体验风格]？",
temperature=0.1,
),
)
print(response.text)
Prompt 场景全景生态协同矩阵
智能联动调优基座、高阶效能工具链与权威工程资讯百科
推荐调优基座模型
浏览全部模型
→
场景配套 AI 工具链
发现更多 AI 工具
→
