✏️ AI 术语图鉴

📚 术语图鉴

用大白话讲清 AI 应用与自动化的每个术语——共 623 条,点分类直达。

AI 技术

161 条 · 把 AI 用起来、搭自动化要懂的技术词

AI 基础

12 条 · 用 AI 之前必须懂的地基概念

Tokentoken

AI 读文字不是按「字」读的,而是先把文字切成小块,一块就是一个 Token。你可以把它理解成 AI 眼里的「字」——但它切的块,和你以为的字不一定一样大。

难度:入门 ★

上下文窗口context window

AI 的「工作记忆」容量:一场对话里它能同时记住的内容上限。超了就会开始「忘」——最常见的是忘了你开头定的规矩,或者直接报错说内容太长。

难度:入门 ★

幻觉hallucination

AI 不知道答案时不会说「我不知道」,而是会一脸自信地编一个。它不是故意撒谎——它只是在按「最像答案的样子」往下接。

难度:入门 ★

LLMlarge language model

读过海量文字训练出来的「文字接龙机器」:你给它前文,它猜最合理的下文。ChatGPT、Claude、DeepSeek 这些产品,内核都是一个 LLM。

难度:入门 ★

模型 vs 产品model vs product

模型是发动机,产品是整车。GPT、Claude、DeepSeek 是模型;ChatGPT、各种 AI 助手 App 是把发动机装上车后的产品。同一个发动机能装出很多车。

难度:入门 ★

Temperaturetemperature

控制 AI「放飞程度」的旋钮:调低,每次都给最稳妥的回答;调高,它敢接更意外的下文,输出更多样也更容易跑偏。

难度:进阶 ★★

流式输出streaming

AI 的回答「边生成边往外吐」,而不是憋到最后一次性给你。字一个个蹦出来,就是流式。

难度:入门 ★

知识截止日期knowledge cutoff

模型的知识停在了它「上课」的最后一天。那之后发生的事它一无所知——不是不知道,是压根没学过。

难度:入门 ★

微调fine-tuning

给训练好的模型做「岗前培训」:用你自己的问答数据继续训练,让它在你的业务上说话更对味。和 RAG 的区别:RAG 是给它资料查,微调是改它本身。

难度:进阶 ★★

多模态multimodal

能同时看图、听音频、读文字的模型。你发一张截图问「这报错怎么回事」,它能看懂图——这就是多模态。

难度:入门 ★

推理模型reasoning model

会「先打草稿再作答」的模型:回答前先生成一段思考过程(拆题、试错、自我检查),再交最终答案。普通模型脱口而出,推理模型想好了再说。

难度:进阶 ★★

开放权重open weights

模型厂商把训练好的「成品大脑」公开供人下载(如 DeepSeek、Llama、Qwen)。你可以自己部署、自己改、数据不出门——对比只能在线调用的闭源 API。

难度:进阶 ★★

Agent 与 MCP

9 条 · 让 AI 从『会答』到『会干活』

Agentagent

普通 AI 对话是「你问一句,它答一句」;Agent 是你给个目标,它自己拆步骤、自己动手(搜资料、调工具、写文件)、自己检查,干完了再向你汇报。一句话:从「顾问」变成「能动手的员工」。

难度:进阶 ★★

MCPModel Context Protocol

AI 连接外部工具的「USB-C 接口」。以前每个软件要给每个 AI 单独做对接,就像每个手机一种充电口;MCP 把插口统一了——软件方出一个 MCP 插头,所有支持 MCP 的 AI 都能用。

难度:进阶 ★★

Function Callingfunction calling

AI 的「下申请单」机制:模型自己不动手,它看完需求后输出一张写明「调哪个工具、填什么参数」的申请单,由外部程序执行,再把结果还给它。Agent 能「动手」的核心机关。

难度:进阶 ★★

Agent Skillagent skill

给 Agent 用的「带说明书的技能包」:一个文件夹,装着某类活怎么干的说明文档,需要时 Agent 自己翻出来照着做。装一个 Skill,等于给 Agent 岗前培训了一项新业务。

难度:进阶 ★★

Memorymemory

让 AI「记住你」的机制:把这场对话之外该记住的事(你的偏好、背景、历史结论)存下来,下次开场就带着。没有它,每个新会话都是从零认识的陌生人。

难度:进阶 ★★

多智能体multi-agent

把一个复杂任务拆给多个各管一摊的 AI:一个当「项目经理」分派活,几个「专员」分别查资料、写稿、审校,最后汇总。单个 Agent 更简单,合起来干大活。

难度:硬核 ★★★

任务规划planning

Agent 动手前先「列工作计划」:把大目标拆成有序的小步骤,标出先做啥后做啥。会规划的 Agent 才不容易跑到一半迷路。

难度:进阶 ★★

沙盒sandbox

给 AI 的「隔离试验田」:在一个装不进真实系统的封闭环境里执行代码、试操作,搞砸了也不影响外面。Agent 敢放手干活的底气来源。

难度:进阶 ★★

Computer Usecomputer use

让 AI 像你一样「操作电脑」:一种是通过接口精确指挥——软件出了 MCP 接口,AI 直接调用,一改一个准;另一种是 AI 看着屏幕、移动鼠标点按钮,像远程雇了个实习生坐在你电脑前。一句话:从「只会说」到「会动手」。

难度:进阶 ★★

知识库与 RAG

7 条 · 让 AI 基于你的资料回答

RAGRetrieval-Augmented Generation

让 AI 答题前「先翻资料再回答」。把你的文档放进一个它随查随用的资料库,AI 每次回答先去库里搜出相关段落,再照着资料作答——本质是把闭卷考试换成开卷考试。

难度:进阶 ★★

Embeddingembedding

把一段文字变成一串数字(向量),意思相近的文字,数字也相近。机器靠它理解「语义相似」——不比对字面,比对含义。

难度:硬核 ★★★

Chunkingchunking

把长文档切成小段再入库——知识库的「备菜」方式。检索搜的是段不是整本,切得好不好,直接决定找得准不准。

难度:进阶 ★★

语义搜索semantic search

按「意思」搜,而不是按「字面」搜。你问「机器太卡了」,它能找到标题叫「性能优化指南」的文档——字面毫无重叠,意思高度一致。

难度:进阶 ★★

向量数据库vector database

专门存向量、按「意思相近」检索的数据库。知识库的藏书楼:文档切分、向量化后存在这里,查询时毫秒级找出最相近的几段。

难度:进阶 ★★

Rerankrerank

检索结果的「复筛」环节:先粗筛出 50 段可能相关的,再用更精细的模型逐段打分,挑出最对的 3 段。粗筛求快,重排求准。

难度:硬核 ★★★

知识库knowledge base

给 AI 配的「资料柜」:把你的文档传进去,AI 回答前先翻柜子再作答。Coze、Dify、飞书里那个叫「知识库」的功能,底层就是 RAG。

难度:入门 ★

自动化与工作流

16 条 · Coze / n8n / 飞书自动化里的高频词

APIApplication Programming Interface

软件之间的「服务窗口」。你不用懂对方内部怎么运作,按它规定的格式递话进去,它把结果递出来——就像点外卖:你不用进后厨,App 帮你向店家下单。

难度:入门 ★

Webhookwebhook

反着来的 API。API 是你每隔一会儿跑去问「有新东西吗」(你跑腿);Webhook 是对方一有动静,主动到你留的地址来敲门(它跑腿)。

难度:进阶 ★★

JSONJavaScript Object Notation

软件之间递东西的「标准打包方式」:所有信息都装进带标签的格子里,先后顺序一目了然。人看着是一堆花括号和引号,机器看着是一份清清楚楚的清单。

难度:入门 ★

API Keyapi key

你调用 API 的「会员卡加身份证」:证明是你本人在调用,好记账好扣费。一串长字符,谁拿到谁就能以你的身份花钱。

难度:入门 ★

触发器trigger

自动化的「启动开关」:规定什么情况发生时,这个流程开始跑。没有触发器的工作流就是一台不会自己启动的机器。

难度:入门 ★

Pollingpolling

「每隔一会儿去问一次」的笨办法:你的程序定时去查「有新的吗」,哪怕 99 次答案都是没有。和 Webhook 的「它主动来敲门」相对。

难度:进阶 ★★

HTTP 请求http request

网上几乎所有数据交换都在用的一套「对话规矩」:你发一个带动作的请求(获取 GET / 提交 POST…),对方回一个状态码(200 成功 / 404 没这页 / 500 它挂了)。API 调用就是发 HTTP 请求。

难度:入门 ★

变量variable

给数据起的名字:把上一步的结果存进一个有名字的「盒子」,后面的步骤按名字取用。工作流里数据怎么流转,全靠变量串起来。

难度:进阶 ★★

工作流workflow

把一件自动化的事拆成一串有顺序的步骤:触发 → 处理 → 处理 → 输出。每个节点干一件小事,串起来干一件大事。Coze、n8n 里画的那张流程图就是它。

难度:入门 ★

节点node

工作流上的「一个工位」:每个节点干一件具体的事(查数据、做判断、发消息),连线决定先后顺序。节点是搭工作流的积木块。

难度:入门 ★

定时任务scheduled task

「到点自动跑」的触发方式:每天 9 点、每小时一次、每周一早上——不管有没有人管,时间到了就执行。自动化的闹钟。

难度:入门 ★

条件分支conditional

工作流里的「岔路口」:按条件判断走哪条路——下雨就发提醒,没下雨就结束。没有它,流程只会一根筋跑到底。

难度:进阶 ★★

循环loop

让工作流「对一批东西逐个处理」:100 个客户就发 100 条消息,一个循环节点搞定,不用复制 100 个节点。

难度:进阶 ★★

错误处理error handling

事先想好「这步失败了怎么办」:重试几次?跳过并记录?停下报警?自动化的成熟度全看这里——没写错误处理的流程,第一次故障就会让你半夜救火。

难度:进阶 ★★

Rate Limitrate limit

API 的「限速带」:规定你每分钟最多调多少次,超了就拒绝(返回 429)。不是针对你,是保护服务不被挤爆。

难度:进阶 ★★

低代码low-code

不写代码、拖拽配置就能搭应用的制作方式。Coze、n8n、飞书多维表格的自动化都是低代码——你画的每张流程图,平台帮你翻译成真程序。

难度:入门 ★

后端与数据库

30 条 · AI 开发里『看不见的部分』:数据、服务、鉴权

后端backend

用户看不见的那一半:负责存数据、验证身份、处理业务规则的部分。你在页面上点「提交订单」,真正把订单存起来、扣库存、防止重复提交的,都是后端。

难度:入门 ★

前端frontend

用户看得见、点得着的那一半:页面、按钮、动效。它跑在用户的浏览器里,负责「好看」和「好操作」,本身通常不存重要数据。

难度:入门 ★

数据库database

专门用来「存数据、查数据」的软件:数据有条理地存在表里,断电、重启都不会丢。你做的任何需要「记住东西」的应用,背后都有一个数据库。

难度:入门 ★

SQLsql

和数据库「说话」的语言:查数据(SELECT)、加数据(INSERT)、改数据(UPDATE)、删数据(DELETE)都靠它。你用大白话让 AI 做应用,AI 转头就是用 SQL 在操作数据库。

难度:进阶 ★★

表与字段table schema

数据库里的数据按「表」组织,一张表像一张 Excel:列叫字段(存什么信息),行叫记录(一条条数据)。设计表结构,就是设计「这个应用记哪些信息」。

难度:入门 ★

增删改查crud

绝大部分应用的核心就四个动作:增(Create)、删(Delete)、改(Update)、查(Read)。产品经理说「先做个 XXX 的 CRUD」,意思就是先把最基础的数据管理做出来。

难度:入门 ★

主键primary key

每条数据的「身份证号」:一张表里不能有两条一模一样的主键。要用某条数据时(改它、删它、关联它),都靠主键找到它。

难度:入门 ★

索引index

帮数据库「快速翻到那一页」的目录:没有索引,查数据要一页页翻全表;有了索引,直接跳过去。代价是写入时要多维护一份目录。

难度:硬核 ★★★

事务transaction

把几个数据库操作「捆绑成一件事」:要么全部成功,要么全部撤销,绝不允许成功一半。转账就是典型:扣钱和到账必须同生共死。

难度:硬核 ★★★

缓存cache

把常用的数据放在「近处的抽屉」里,不用每次都跑远路去仓库拿。第一次慢(去仓库),之后的都快(拉抽屉)。用空间和一点点「可能过期」的风险换速度。

难度:进阶 ★★

CDNcdn

把你的图片、页面副本提前放到全球各地的「分发站」,用户从离自己最近的站拿东西——国内用户不用绕到地球对面去取。

难度:进阶 ★★

NoSQLnosql

不按「表和字段」组织的数据库:数据像一份份 JSON 文档直接存。结构灵活——每条数据可以有不同字段。代表:MongoDB(文档)、Redis(键值对)。

难度:进阶 ★★

ORMorm

「不用写 SQL 也能操作数据库」的翻译官:代码里操作对象和方法,ORM 负责翻译成 SQL。你让 AI 做应用时,它十有八九会顺手用上 ORM(如 Prisma、Drizzle)。

难度:进阶 ★★

数据库迁移migration

「修改数据库结构」的标准流程:加字段、改表名这类结构变更,不直接改,而是写一份变更脚本存档,按顺序执行。好处:每个环境(你的电脑、服务器)都能以相同顺序重放变更。

难度:进阶 ★★

登录鉴权authentication

验证「你是你」的全套机制:注册(建档)、登录(验证后发通行证)、之后每次请求带着通行证证明身份。区别于「权限」(authorization):登录是「你是谁」,权限是「你能干什么」。

难度:进阶 ★★

Session 与 Cookiesession and cookie

HTTP 本身「记不住」任何人的两种补救:Cookie 是存在你浏览器里的小纸条(每次请求自动带上);Session 是服务器那边的登记册(纸条上只写个编号)。JWT 是新做法:把通行证内容直接加密进纸条。

难度:进阶 ★★

CORScors

浏览器的安全规矩:网页 A 想直接请求网页 B 的接口,B 必须明确表态「我允许 A」。没表态,浏览器就直接拦下——接口本身可能是通的,是浏览器在门口拦你。

难度:进阶 ★★

环境变量environment variables

把「会变的配置」放在代码外面的开关面板:数据库地址、API Key、正式/测试开关。好处:代码不动,换个环境换个配置;密钥不进代码仓库,不会泄露。

难度:入门 ★

端口port

一台服务器上同时跑着很多服务,端口就是「几号窗口」:3000 号窗口是你的前端,8000 号是后端接口,5432 是数据库。IP 找到大楼,端口找到窗口。

难度:入门 ★

URL 结构url structure

一个网址分两段:路径说明「要什么资源」(/api/notes/42),参数补充「要什么条件」(?page=2&sort=time)。接口设计的可读性,全看这两段规划得好不好。

难度:入门 ★

同步与异步synchronous and asynchronous

同步:交完任务站在原地等结果,不做别的;异步:交完任务拿个凭证先走,干完了通知你。AI 生成内容慢、发邮件慢、处理视频慢——这些任务几乎都该异步。

难度:进阶 ★★

消息队列queue

任务们的「排队取号机」:来不及马上干的活,先扔进队列排队,后台的工作者一个一个取出来干。高峰期任务不会丢,服务器也不会被压垮。

难度:硬核 ★★★

幂等idempotency

同一个操作执行一次和执行一百次,结果都一样。「设置头像为 X」是幂等的(重复设置无妨);「余额减 100」不是幂等的(重复扣就是事故)。

难度:硬核 ★★★

竞态race condition

两个人同时读写同一份数据,先来后到没定好,结果取决于「谁快」——库存只剩 1 件,两个人同时下单,可能都成功,卖超了。

难度:硬核 ★★★

日志logging

服务器的「行车记录仪」:谁在什么时候调用了什么、成功还是失败、报了什么错。出了问题,日志是你唯一的目击证人——没有日志的排查等于闭眼摸象。

难度:入门 ★

后端框架framework

搭后端的「预制板房」:路由、请求解析、返回数据这些通用活,框架已经备好,你只写业务逻辑。AI 说「用 Express/Next.js API/ FastAPI」,说的就是选哪种预制板。

难度:入门 ★

反向代理reverse proxy

站在你的服务器「门口接待」的那一层:外部请求先到它,由它决定转发给屋里哪个服务、拦下谁、缓存什么。Nginx 是代表,Vercel/Cloudflare 本质也在做这件事。

难度:硬核 ★★★

无状态stateless

服务器不「记住」任何一次请求的上下文:每次请求自带全部信息(包括身份凭证)。好处:任何一台服务器都能处理任何请求——扩容就是多加机器,宕机就换一台,用户无感。

难度:硬核 ★★★

分页pagination

列表数据「一页一页给」而不是一次全给:10 万条笔记一次全查=接口超时+手机卡死。分页=每次只取 20 条,用户翻页再取下一批。

难度:入门 ★

备份与恢复backup and restore

给数据拍「定期存档」:数据库定时全量备份(+变更日志),并且——关键——真的演练过恢复。没恢复过的备份等于没有备份。

难度:进阶 ★★

技术栈与工具

22 条 · AI 生成代码里你会撞见的所有名词

技术栈tech stack

这个项目用了哪些技术的清单:前端框架 + 后端语言 + 数据库 + 部署方式。「技术栈是 Next.js + PostgreSQL + Vercel」一句话说清全家桶。

难度:入门 ★

Node.jsnode js

让 JavaScript 跑在服务器上的运行环境——JS 原本只能在浏览器里跑,Node.js 把它解放出来写后端。AI 生成的 JS 后端代码,全要靠它才能跑起来。

难度:进阶 ★★

JavaScriptjavascript

让网页「动起来」的编程语言:点击、弹窗、请求数据都是它在干活。网页三件套分工:HTML 是骨架(有什么)、CSS 是皮肤(长什么样)、JavaScript 是肌肉(能做什么)。

难度:入门 ★

TypeScripttypescript

给 JavaScript 加「类型标注」的升级版:每个变量声明它该是什么(字符串/数字),写错在运行前就被标红。多打几个字,换 AI 生成代码时更少低级错误。

难度:进阶 ★★

Reactreact

最流行的前端框架:把页面拆成一个个「组件」,数据一变,用到它的地方自动更新。AI 生成前端代码时的默认首选。

难度:进阶 ★★

Next.jsnext js

React 的「全套装修方案」:前端页面、后端接口(API Routes)、路由、部署优化打包在一起。AI 做全栈小项目的默认最爱——一个项目搞定前后端。

难度:进阶 ★★

Vuevue

和 React 同赛道的前端框架,国内人气极高:同样组件化、数据驱动,写法更贴近传统 HTML,上手曲线更缓。国内工具链和社区支持极好。

难度:进阶 ★★

Pythonpython

语法最接近人类语言的编程语言:AI 圈通用语——数据处理、调用模型、爬虫、脚本自动化首选。你让 AI 写的自动化小脚本,多半是它。

难度:进阶 ★★

CSScss

控制「长什么样」的样式语言:颜色、大小、间距、布局、动效全归它管。AI 写页面美不美,一大半取决于它生成的 CSS 质量。

难度:入门 ★

HTMLhtml

网页的「内容骨架」:标题、段落、按钮、图片,都用一对对标签声明。<h1> 是标题、<button> 是按钮——浏览器读标签来决定页面里有什么。

难度:入门 ★

Tailwind CSStailwind css

「用单词拼样式」的 CSS 方案:不写样式文件,直接在标签上堆类名——class="flex items-center gap-4" 一串单词就是完整布局。AI 生成页面极快,AI 编程时代的默认样式方案之一。

难度:进阶 ★★

组件库component library

现成的 UI 零件超市:按钮、弹窗、表格、日期选择器都是调好样式的成品,拿来就用。shadcn/ui、Ant Design、Element Plus 都是它。

难度:进阶 ★★

npmnpm

JavaScript 世界的「应用商店 + 快递」:npm install 一句话下载别人写好的代码包;package.json 记录项目用了哪些包。AI 生成的项目让你先跑 npm install——没这步项目跑不起来。

难度:进阶 ★★

依赖dependencies

你的项目「站在别人代码上」的那些别人:日历、图表、加密……都是现成的包。依赖越多开发越快,但每一个都是需要长期维护的种子。

难度:进阶 ★★

版本号semantic versioning

软件版本的通用暗语:1.4.2 = 大版本.小版本.修补。升级规则藏在位置里:改第一位(2.0.0)= 有破坏性变更;改第二位 = 加新功能;改第三位 = 只修 bug。

难度:硬核 ★★★

构建build

把你写的「人能读」的代码翻译、压缩、打包成机器高效执行的成品:npm run build 一跑,产出 dist 或 .next 目录——那才是要部署上线的东西。

难度:进阶 ★★

开发服务器dev server

npm run dev 背后的东西:在你电脑上起一个临时服务器(localhost:3000),代码一保存页面自动刷新。它是开发时的「草稿预览」,不是上线的东西。

难度:入门 ★

终端terminal

用「打字」操作电脑的方式:没有按钮和窗口,一句命令干一件事。AI 编程时代必须会几条——装依赖、起服务、Git 操作,全在终端里。

难度:入门 ★

浏览器开发者工具devtools

浏览器自带的「透视镜」:按 F12 打开,能看页面结构(Elements)、网络请求(Network)、报错(Console)、手机模拟。前端排障 80% 的答案都在里面,完全免费。

难度:进阶 ★★

项目结构project structure

一个项目的「房间布局」:页面放哪、接口放哪、配置在哪。看懂结构,你才知道「改 X 该去哪个文件」——AI 生成项目后的第一课就是认房间。

难度:进阶 ★★

配置文件config file

项目的「设置面板」:package.json 管依赖、tsconfig 管类型检查、tailwind.config 管主题色。新手最怕动它们——但很多需求恰恰要改这里。

难度:进阶 ★★

AI 代码编辑器ai code editor

「懂 AI 的编辑器」:Cursor、VS Code + Copilot、Claude Code、ZCode 这类工具,能读整个项目、直接改文件、跑终端命令。你和 AI 的分工从「它给代码你粘贴」进化为「它直接动手,你验收」。

难度:进阶 ★★

Git 与版本

10 条 · 看懂改动、敢动代码的安全网

Gitgit

给项目随时拍「可回溯照片」的系统:每次改动存一个版本,任何时候能回看、能回滚、能开分支试验。AI 编程时代它是安全网——AI 改崩了,一张旧照片救你。

难度:入门 ★

仓库repository

被 Git 管理的项目文件夹(俗称 repo):里面藏着全部历史版本。可以只在你电脑上(本地),也可以推到 GitHub(远程)——远程同时是备份和协作入口。

难度:入门 ★

提交commit

给项目当前状态拍一张「存档快照」,附一句说明。每次 commit 是一个可回退的节点——快照打得越勤,后悔药越多。

难度:入门 ★

分支branch

从主线分出的「平行世界」:在分支上随便改、随便试,主线不受影响;试验成功再合并回去。多人协作和大胆实验都靠它。

难度:进阶 ★★

合并与冲突merge

把分支的改动「汇回主线」。多数时候 Git 自动搞定;当两条分支改了同一处,Git 分不清听谁的——这就是冲突(conflict)。冲突不是错误,是 Git 在说「这你可得亲自决定」。

难度:进阶 ★★

Diffdiff

两个版本之间「改了哪几行」的对照:红色是删的,绿色是加的。AI 编辑器时代的核心技能——看懂 diff,才谈得上「验收 AI 的改动」。

难度:进阶 ★★

拉取请求pull request

「我改完了,请看看能不能合进主线」的正式申请:附全部改动,支持评论讨论,最后由人点「合并」。它是 AI 改动进入主线的最佳关卡。

难度:进阶 ★★

远程仓库remote

本地仓库和 GitHub 之间的三个日常动作:clone(第一次整份下载)、pull(把远程新内容拉下来)、push(把本地提交推上去)。新手最大困惑「push 被拒」:远程有你没有的提交,先 pull 再 push。

难度:进阶 ★★

回滚与还原revert

「撤销」的姿势分等级:改了没 commit → 丢弃工作区改动;commit 了 → revert 生成一张「反向快照」抵消它;已经 push → revert 后再 push。reset 危险等级最高,慎用。

难度:进阶 ★★

.gitignoregit ignore

一张「禁止入库清单」:列在里面的文件(密钥、依赖包、构建产物)Git 视而不见。它是最便宜的安全措施——一行 .env,救你一次密钥泄露事故。

难度:入门 ★

部署与上线

16 条 · 从 localhost 到全世界能访问

部署deployment

把「只在你电脑上」的应用搬到「全世界能访问」:代码 push 到托管平台 → 自动构建 → 分配网址上线。AI 时代,部署已经被简化成「push 即上线」。

难度:入门 ★

域名domain

你的网站在互联网上的「门牌地址」:www.example.com。每年几十块钱租来的,由 DNS 系统负责把它翻译成服务器的 IP。

难度:入门 ★

DNSdns

把人记得住的域名(example.com)翻译成机器需要的 IP(76.76.21.21)的全球系统。你配的每条解析记录,就是一条「这个名字指向哪里」的登记。

难度:进阶 ★★

HTTPShttps

加密版 HTTP:数据全程上锁,地址栏带小锁头。没有它,浏览器标「不安全」,登录密码明文裸奔,定位、支付等能力直接被禁。

难度:入门 ★

托管平台hosting platform

替你管服务器的地方:Vercel、Netlify、Cloudflare Pages。你只管 push 代码,平台负责构建、网址、HTTPS、扩容——「服务器」这个概念被藏起来了。

难度:入门 ★

预发布环境staging

上线前的「彩排舞台」:和生产几乎一样的配置,但用户看不见。改动按顺序过关:开发(你的电脑)→ 预览/预发布(团队看)→ 生产(用户看)。

难度:进阶 ★★

发布回滚rollback

新版本上线发现炸了,一键退回上一个正常版本。托管平台把每次部署都存档,回滚就是指一下上次好的——前提是你知道按钮在哪。

难度:进阶 ★★

灰度发布canary release

新版本不全量放:先给 5% 用户,没炸再逐步到 100%。把「可能的事故」的爆炸半径从全体用户缩到一小撮——金丝雀先下矿井。

难度:硬核 ★★★

监控告警monitoring

给应用装「仪表盘 + 警报器」:它活着吗、多快、报错多少,异常时主动通知你——而不是等用户在群里 @你,你才知道网站挂了。

难度:进阶 ★★

无服务器serverless

「不用管服务器」的形态:你只上传函数代码,平台在请求到来时自动运行、按用量计费。Vercel 上的 API 接口就是这么跑的——没流量就几乎不花钱。

难度:进阶 ★★

ICP 备案icp filing

在国内正规开展网站业务的登记牌照:向工信部登记网站主体与内容,流程约 1~4 周。放在国内服务器上的网站必须备案;用境外托管可以不备,但访问速度和稳定性打折扣。

难度:入门 ★

OG 分享卡片open graph tags

链接发到微信/群里时显示的「预览卡片」:标题、描述、配图,由页面里的几个 meta 标签(Open Graph 协议)决定。不配的话,分享出去就是一根光秃秃的蓝字链接。

难度:进阶 ★★

SEO 三件套seo

让搜索引擎「看得懂、找得到、排得上」:①每页独一无二的标题和描述 ②sitemap 告诉它「我有这些页」 ③robots.txt 告诉它「哪里别爬」。内容站一半流量靠这套地基。

难度:进阶 ★★

访问统计web analytics

网站的「客流计数器」:多少人来了、从哪来、看了什么、停留多久。没有统计,你不知道力气该花在哪——全靠感觉做产品等于闭眼开车。

难度:入门 ★

静态与动态static vs dynamic

静态站点=提前印好的杂志(所有人看到同一份,快、稳、便宜);动态站点=现点现做的餐厅(每个用户看到自己的数据,需要后端)。现代框架两者混用:页面静态化,数据部分动态。

难度:进阶 ★★

上线检查清单launch checklist

上线前过一遍的「飞行检查单」:build 通过、环境变量齐、HTTPS 正常、监控开了、备份配了、手机端看过、404 页面像样。飞机起飞前过检查单不是因为不会飞,是因为漏一项代价太大。

难度:入门 ★

测试与质量

8 条 · 怎么知道 AI 写的东西没坏

单元测试unit test

给最小的零件写「自动化考试」:一个函数给定输入应返回什么,写成代码反复自动验证。改代码后跑一遍,考试全绿才放心。

难度:进阶 ★★

集成测试integration test

零件组装后的「联动测试」:单元测试各自满分,拼起来未必正常——接口连数据库、前端连接口,配合处才是事故高发区。

难度:进阶 ★★

端到端测试e2e test

模拟真实用户的完整旅程:打开页面→输入账号→点登录→看到仪表盘。像机器人替你「点一遍」,每次发版自动跑,回归问题无所遁形。

难度:进阶 ★★

测试覆盖率test coverage

「考试覆盖了课本多少」的指标:多少比例的代码被测试执行过。80% 不代表没 bug,但 5% 的项目,改一行都是赌博。

难度:进阶 ★★

冒烟测试smoke test

上线前的「最后一眼」:只测最要命的几件事——首页能开、登录能用、支付能走。名字来自电路:通电先看冒不冒烟,不冒烟再细查。

难度:入门 ★

回归测试regression test

检查「修好的旧问题有没有卷土重来」:你修了 A 的 bug,结果 B 坏了——B 就是回归。防回归的核心:每个修过的 bug 都变成一条测试。

难度:进阶 ★★

Bug 报告bug report

把「它坏了」翻译成「能修的情报」:做了什么操作、期望什么、实际看到什么、怎么稳定复现。复现步骤是灵魂——不能稳定复现的 bug 基本修不了。

难度:入门 ★

验收标准acceptance criteria

动手之前先写清「做到什么程度算完成」:可勾选的具体条目。它同时管住两头——AI 不会自由发挥过头,你也不会验收时凭感觉扯皮。

难度:入门 ★

AI 开发进阶

9 条 · 把 AI 用出专业水准的方法论

上下文工程context engineering

提示词工程的升级版:不只打磨一句话,而是经营「AI 每次看到的全部内容」——系统提示、历史对话、参考资料、工具结果。上下文给对了,模型自然对。

难度:进阶 ★★

结构化输出structured output

让 AI 的回答「长得像数据而不是文章」:固定字段、固定类型,程序能直接解析接住。它是 AI 输出进工作流的桥——没有它,自动化接不住 AI 的话。

难度:进阶 ★★

项目规则文件project rules

写给 AI 看的「项目长期备忘录」:CLAUDE.md、AGENTS.md、.cursorrules——技术栈约定、代码风格、目录规则、禁区。每个会话自动生效,一次立法,永久生效。

难度:入门 ★

提示词链prompt chaining

把大任务拆成多步,每步一次 AI 调用,上一步输出当下一步输入:提取→分析→写作→审校。单次硬扛复杂任务容易跑偏,链式处理每步简单可控。

难度:进阶 ★★

少样本示例few-shot

在提示词里给 AI 看两三个「输入→输出的标准例子」,让它照猫画虎。AI 模仿范例的能力远强于理解抽象规则——一个例子顶三段说明。

难度:入门 ★

模型选型model selection

「用哪个模型」是最便宜的优化:旗舰模型强但贵且慢,小模型快且便宜,简单任务足够。会按任务难度分配模型的人,同样活的成本只有别人的十分之一。

难度:进阶 ★★

Agent 循环agent loop

Agent 的心跳节拍:接收目标→思考→调工具→看结果→再思考→再行动,循环直到认为完成。理解这个循环,你就理解了 Agent 为什么「停不下来」或「过早收工」。

难度:进阶 ★★

提示词注入prompt injection

给 AI 的「骗局攻击」:把恶意指令藏在外部内容里(网页、文档、邮件),AI 读到后当成正经指示执行。AI 自动读资料、自动执行的时代,这是头号安全问题。

难度:进阶 ★★

AI 代码审查code review

让 AI 审查 AI 写的代码:以审查者身份逐行检查逻辑、安全、边界,输出问题清单。人只审「方向和验收」,机械检查交给 AI——审查覆盖率直接翻倍。

难度:进阶 ★★

界面与交互

15 条 · 四层法:让 AI 做出你脑子里的样子

页面四层法four layers

描述任何网页的万能框架:布局(东西怎么排)→ 结构(先看啥后看啥)→ 导航(怎么跳转)→ 组件(怎么操作)。按这四层跟 AI 说需求,它就不会自由发挥。

难度:入门 ★

落地页landing page

一个目标明确的单页:让访客做一件事(注册、购买、留联系方式)。所有区块都为这个目标服务——和「内容丰富的官网」是两个物种。

难度:入门 ★

首屏 Herohero section

打开网页第一屏的大区块:一句话大标题 + 副标题 + 主按钮(+配图)。访客的 3 秒决策区——留还是走,就看它。

难度:入门 ★

导航栏navbar

页面顶部的「指路牌」:logo + 几个关键入口 + 一个主按钮。它是用户认识你网站结构的第一站——固定顶部还是滚动隐藏,是常见设计决策。

难度:入门 ★

页脚footer

页面底部的「补充说明区」:联系方式、备案号、次要链接、社交账号。滚到这里通常是在「认真考虑你」——别浪费,也别喧宾夺主。

难度:入门 ★

卡片card

把内容装进「一张张独立小盒子」的组件:边界清楚、好扫读,是 AI 最容易稳定实现的组件,也是信息列表的万能容器。

难度:入门 ★

弹窗modal

盖在当前页面上的「临时对话框」:要求用户先处理它(确认删除、填表单)再回去。打断感强,所以要省着用。

难度:入门 ★

轻提示toast

右下角/顶部冒出来、几秒自动消失的小通知:「已保存」「复制成功」。不打断操作、不用点关闭。和弹窗的分工:toast 报「平安」,弹窗要「决定」。

难度:入门 ★

骨架屏skeleton

数据没加载完时先显示灰色「占位轮廓」(形状和真实布局一样):用户知道「在加载、大概长这样」,而不是盯着白屏怀疑死机。

难度:进阶 ★★

空状态empty state

「这里还没有任何东西」时的引导画面:图标 + 一句话解释 + 行动按钮。空状态不是错误,是新手用户的第一现场——引导得好,留存就高。

难度:入门 ★

表单校验form validation

用户填表时的「即时检查」:该填的没填、格式不对,在字段下方立刻红字提示——而不是提交后一口气报错,或更糟:提交了没反应。

难度:进阶 ★★

深色模式dark mode

网站的「夜间皮肤」:深底浅字。正确实现方式是「颜色全走设计变量」,切换时整套换——先定变量的项目,加深色模式只要一小时。

难度:进阶 ★★

响应式设计responsive design

同一个页面自动适配不同屏幕:桌面三列、平板两列、手机单列。不是「做个手机版网站」,而是同一套代码对宽度做出响应。不做响应式=一半用户被劝退。

难度:进阶 ★★

移动优先mobile first

设计顺序的哲学:先设计最小的手机屏,再扩展到平板、桌面——而不是先做桌面再「挤压」成手机版。从最小画布开始,会逼你砍掉不重要的东西。

难度:进阶 ★★

Flex 与 Gridflexbox and grid

CSS 布局两把刀:Flex 管「一行或一列内怎么排」(一维),Grid 管「整页切成行列格子」(二维)。AI 写布局用的就是这两个,知道用哪个=能看懂它改得对不对。

难度:进阶 ★★

产品与评估

7 条 · 把 AI 功能做好、验好的词汇

视觉创作

359 条 · AI 做图、做页面时的构图、网格与 UI 词汇

构图手法

114 条 · 海报与图像的构图:焦点、平衡、几何骨架与动势

中轴对称Axial Symmetry

所有主要元素围绕一条中轴组织,左右视觉重量接近,产生庄重、稳定与仪式感。是处理单一主角最稳的构图:主角站中间,其余元素沿中轴分层。

难度:入门 ★

非对称平衡Asymmetrical Balance

左右形状并不相同,但通过大小、明度、密度与距离交换视觉重量,形成有张力的稳定。大形体先吸引视线,小而高对比的信息块在另一侧完成配重。

难度:入门 ★

三分法焦点Rule of Thirds

把画面横竖各分三份,将焦点放在分割线或交点附近,兼顾稳定与自然偏移。是最稳的入门构图,对产品、人像、活动封面和网页 Hero 都比较稳。

难度:入门 ★

黄金螺旋Golden Spiral

以逐级缩小的矩形与弧线组织焦点和节奏,适合作为比例草图而非必须服从的美学定律。以逐级缩小的矩形与弧线组织焦点和节奏:视线从宽阔区域沿弧线逐渐收紧,最终落到内圈焦点。适合作为比例草图,不必当成必须服从的定律。

难度:入门 ★

大留白单点Isolated Focal Point

用大面积主动留白隔离一个小而明确的焦点,让稀疏本身成为语气。视线被孤立度直接拉向单点,再读取附近的少量文字。适合高端、安静、克制的表达。

难度:入门 ★

边缘锚定Edge-Anchored

将主体推向画面边缘并允许裁切,通过屏外延伸感制造尺度与张力。从被裁切的大形体进入,沿其朝向或边缘移动到文字。适合强态度、大尺度的表达。

难度:入门 ★

三角/金字塔Triangular Hierarchy

元素构成稳定三角,顶点负责强调,底边负责承重,天然适合三层层级。顶点焦点 → 两侧下行 → 底边信息,或从底部汇聚到顶点。适合人物群像与权威主题。

难度:入门 ★

倒三角悬置Inverted Triangle

上宽下窄的倒三角把重量悬在上方,制造不稳定、压迫、速度或危险感。上方宽区域收束到下方尖点,视线像漏斗一样被压向结论。

难度:入门 ★

同心环绕Concentric

多个中心相同的环、框或形状反复包围焦点,强调聚焦、回声与层层深入。外圈先建立场域,视线向内层层收束到中心。适合音乐、科技、抽象主题。

难度:入门 ★

框中框Frame within Frame

利用边框、窗口或嵌套容器反复限定观看范围,形成展陈感和纵深。先识别外框,再穿过内框进入主体,最后读取框外注释。适合艺术展、摄影、档案类。

难度:入门 ★

对角线动势Diagonal Tension

强斜轴贯穿画面,打破水平稳定,快速建立速度、冲突和方向。视线沿斜轴从一角穿向对角;信息依附或反向切断斜轴。适合体育、音乐、促销、科技。

难度:入门 ★

放射爆发Radial Burst

线条、形状或人物从共同中心向外辐射,形成能量爆发与集中传播。中心先被锁定,随后视线向四周扩散,再回到中心文字。适合音乐节、促销、庆典。

难度:入门 ★

Z 型路径Z-Path

用左上、右上、左下、右下四个锚点构成折线路径,适合少量信息的顺序阅读。用左上、右上、左下、右下四个锚点构成折线路径:左上标题 → 右上主视觉 → 左下说明 → 右下 CTA。适合少量信息的顺序阅读。

难度:入门 ★

S 型曲线S-Curve

以柔和的反向曲线连接多个焦点,产生流动、优雅和渐进叙事。视线从上方一侧切入,沿曲线越过中央,最终到达下方另一侧。适合美妆、时尚、舞蹈、自然。

难度:入门 ★

L 型锚定L-Shaped Anchor

一条竖向与一条横向信息带在角落相交,像支架一样托住主视觉。沿竖边下行,在角点转向横边,最后进入被框住的主视觉。适合建筑、展览、理性品牌。

难度:入门 ★

左右分屏Vertical Split

画面垂直分成两个对等或主次区域,用于对比、问答、前后或双主题。先读对比更强的一侧,再跨越中缝读取另一侧关系。

难度:入门 ★

黄金比例构图Golden Ratio

以约 1:1.618 的比例划分画面与信息层级,视觉和谐自然,是比三分法更精确的经典比例框架。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

黄金三角构图Golden Triangle

用对角线交点形成的黄金三角形分布主次元素,斜向动势中保持重心稳定,适合人物与产品。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

对角线法构图Diagonal Method

沿画面对角线安排主体与视线路径,兼顾动势与稳定,是古典绘画与摄影的通用法则。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

矩形折入法构图Rectangle Fold

将主体沿矩形路径折入画面,形成折线动势与节奏,信息沿折角分布,结构感强。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

奇数法则构图Odd-Number Rule

画面中主要对象取奇数(1/3/5),视觉上更自然耐看,避免偶数成对带来的呆板。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

空间法则构图Space Rule

在主体运动或视线方向预留空间,避免画面被边缘截断,呼吸感与叙事感更强。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

视线空间构图Look Space

在人物注视方向预留空间,引导观者视线延伸,增加画面叙事与想象空间。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

运动空间构图Motion Space

在运动主体前进方向预留空间,产生速度感与延续感,避免主体撞向画框边缘。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

头部空间构图Headroom

人物头部上方留出适度空间,避免顶天立地或过窄压迫感,人像构图基础法则。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

填满画面构图Fill the Frame

主体放大充满画框,去除冗余背景,细节与质感突出,冲击力强。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

负空间构图Negative Space

大面积留白或单纯背景衬托小面积主体,极简高级,视觉聚焦于主体。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

引导线构图Leading Lines

利用道路、栏杆、光影等线条引导视线至主体,画面纵深感与方向感强烈。(属「构图逻辑 → 经典法则与空间留白」) 小提示:经典法则先做比例草图,按需服从,不当作必须遵守的定律。

难度:入门 ★

居中构图Centered Composition

主体置于画面正中,对称稳定、庄重直接,是最稳妥的中心焦点构图。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

偏心构图Off-Center

主体偏离画面中心,留白与重心偏移,画面更松弛、有意境与动势。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

镜像构图Mirror Composition

以中轴为镜面两侧完全或近似对称,产生奇幻、仪式感与视觉趣味。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

水平构图Horizontal Composition

以水平线为主导组织画面,平静稳定,适合风景、海面与平静叙事。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

垂直构图Vertical Composition

以垂直线为主导组织画面,挺拔庄严,适合建筑、森林与高大主体。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

平行线构图Parallel Lines

多条平行线重复排布,产生节奏、秩序与延伸感,画面规整有韵律。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

汇聚线构图Converging Lines

线条向一点汇聚形成强烈的透视纵深,视线被迅速引向焦点。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

交叉线构图Crossing Lines

两条或多条线交叉形成视觉锚点,交叉处成为天然焦点,结构明确。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

偏轴构图Off-Axis

主视觉轴偏离画面中轴,在对称感与动感之间取得平衡,现代版式常用。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

双轴构图Dual-Axis

两条轴线(横+纵或斜交)共同组织画面,四象限分区明确,信息层次丰富。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

十字构图Cross Composition

横竖线交叉成十字,交叉点为视觉中心,稳定有力,兼顾上下左右空间。(属「构图逻辑 → 重心、线条与轴线」) 小提示:先确定画面重心与主导轴线,再让其余元素围绕它排布。

难度:入门 ★

X 形构图X-Shape

元素沿两条交叉斜线呈 X 形分布,交叉点为焦点,动感与张力强。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

T 形构图T-Shape

横线与竖线组成 T 形,上部稳定下部支撑,或竖线为主体横线为背景层次。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

V 形构图V-Shape

两条斜线向下/向上收拢成 V 形,焦点位于收口处,方向感与引导性强。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

C 形构图C-Shape

元素沿 C 形弧线分布,焦点在开口一侧,画面柔和且有包络感。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

曲线构图Curved Line Composition

以自然流畅的曲线组织主体与视线路径,柔美优雅,适合人像与自然题材。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

波浪形构图Wave Shape

元素沿波浪状起伏排布,节奏明快、动感活泼,适合活力与流动主题。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

锯齿形构图Zigzag Shape

以尖锐折线组织画面,节奏强烈、紧张有力,适合运动与冲击性主题。(属「构图逻辑 → 字母形与曲线」) 小提示:字母形与曲线是视线路径的速记,节点处要放信息,否则是装饰。

难度:入门 ★

菱形构图Diamond Shape

主体与次要元素构成菱形分布,中心聚拢、四角发散,平衡中带精致感。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

方形构图Square Composition

以方形框架组织画面,规整稳定、结构清晰,适合信息卡与版面。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

矩形构图Rectangle Composition

以矩形划分或框定画面内容,端正平稳,是版式与建筑类常用结构。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

圆形构图Circular Composition

主体或元素沿圆形分布,向心力强、整体感足,适合集中式视觉。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

椭圆构图Ellipse Composition

元素沿椭圆分布,比圆形更舒展柔和,兼具向心力与流动感。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

弧形构图Arc Shape

主体沿弧线排布,形成包容与流动感,视觉沿弧线移动,柔和不呆板。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

环形构图Ring Composition

元素围成环形,中心成为焦点,强调包围与集中,常见于徽章与环绕式版面。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

向心式构图Centripetal Composition

所有元素与线条向画面中心收拢,视线强烈聚焦中心主体。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

离心式构图Centrifugal Composition

元素从中心向外发散或向外张望,画面开放、富有张力与逃离感。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

四象限构图Four-Quadrant

画面纵横各分两半形成四个象限,信息分区排布,逻辑清晰、对称工整。(属「构图逻辑 → 几何形与放射结构」) 小提示:几何结构负责稳定与聚焦,放射/向心负责动势与张力。

难度:入门 ★

阶梯构图Staircase Composition

元素按阶梯状逐级排布,节奏递进、层次分明,适合流程与递增叙事。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

层叠构图Layered Composition

多层元素前后叠压,产生深度与空间层次,丰富但不杂乱。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

级联构图Cascade Composition

元素以级联瀑布式排列,大小与位置错落,节奏感与秩序感兼具。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

聚类构图Clustered Composition

同类元素聚集成组,组内紧凑、组间留白,形成清晰的视觉群组。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

分散构图Scattered Composition

元素松散分布,疏密有致,画面自由透气,适合轻松随性的风格。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

分支构图Branching Composition

主干线向外分支延伸,树状结构组织画面,层次与扩展感强。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

网络构图Network Composition

元素以网格节点方式连接分布,秩序感与系统性强烈,信息网络可视化常用。(属「构图逻辑 → 阵列、层叠与组群」) 小提示:阵列讲秩序,层叠讲深度,组群讲分群——先想清楚再排列。

难度:入门 ★

前中后景构图Foreground-Middleground-Background

画面明确分前、中、后三个层次,纵深丰富,是最常用的空间层次组织法。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

前景框架构图Foreground Framing

用前景物体(门窗、枝叶)框住主体,增加层次与窥视感,引导视线。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

重叠空间构图Overlapping Space

多个对象前后重叠,遮挡关系制造深度与叙事联想,画面更真实。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

尺度递减构图Scale Recession

同形物体由近及远尺寸递减排列,强化透视纵深与距离感。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

线性透视Linear Perspective

以平行线向灭点汇聚表现空间纵深的透视体系,写实空间的基础。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

一点透视One-Point Perspective

所有平行线汇聚于单一灭点,画面纵深强烈,适合走廊、街道与室内。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

两点透视Two-Point Perspective

两组平行线分别汇聚于两个灭点,建筑与物体的两个立面可见,立体感强。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

三点透视Three-Point Perspective

在两点透视基础上增加垂直方向的第三个灭点,形成仰视或俯视的宏大透视。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

平行透视构图Parallel Perspective

物体立面与画面平行,平行线不汇聚,规整端正,适合正面展示。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

斜投影构图Oblique Projection

以斜向投影表现立体,保留一个正面的同时倾斜投影面,图解感强。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

等距构图Isometric Composition

以等距投影表现三维,所有平行线保持平行不汇聚,游戏与图标风格常用。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

轴测构图Axonometric Composition

以轴测投影(正等测/斜二测)表现立体,机械制图与结构图解风格。(属「构图逻辑 → 空间层次与投影」) 小提示:用前景/中景/背景或透视体系建立深度,避免画面平铺。

难度:入门 ★

虫视构图Worm's-Eye View

极低视角从地面向上仰视,主体显得巨大压迫,或呈现昆虫视角的趣味感。(属「构图逻辑 → 视点、景深与空间感」) 小提示:视点决定立场,景深决定焦点,空间感决定可信度。

难度:入门 ★

强制透视构图Forced Perspective

利用透视错觉使物体大小关系被扭曲,产生趣味、超现实或宏大感。(属「构图逻辑 → 视点、景深与空间感」) 小提示:视点决定立场,景深决定焦点,空间感决定可信度。

难度:入门 ★

空气透视构图Atmospheric Perspective

远处物体因空气介质变淡变灰、细节减少,营造真实的空间纵深感。(属「构图逻辑 → 视点、景深与空间感」) 小提示:视点决定立场,景深决定焦点,空间感决定可信度。

难度:入门 ★

深焦构图Deep Focus

画面从前到后全部清晰,信息量足、层次丰富,适合交代环境与群像。(属「构图逻辑 → 视点、景深与空间感」) 小提示:视点决定立场,景深决定焦点,空间感决定可信度。

难度:入门 ★

平面化构图Flat Composition

弱化透视与纵深,元素平铺于画面,扁平插画与装饰风格常用。(属「构图逻辑 → 视点、景深与空间感」) 小提示:视点决定立场,景深决定焦点,空间感决定可信度。

难度:入门 ★

深空间构图Deep Space

强调画面纵深的多层空间组织,前后呼应、层次深远,电影感强。(属「构图逻辑 → 视点、景深与空间感」) 小提示:视点决定立场,景深决定焦点,空间感决定可信度。

难度:入门 ★

单人构图Single Person

画面中只有单个角色,焦点集中,常用于主角亮相与内心戏。(属「影视画面构图 → 人物数量与群像」) 小提示:角色数量决定关系复杂度,先定人数再定站位。

难度:入门 ★

双人构图Two Person

两个角色同框,关系与张力通过站位、距离与视线表达,对话戏常用。(属「影视画面构图 → 人物数量与群像」) 小提示:角色数量决定关系复杂度,先定人数再定站位。

难度:入门 ★

三人构图Three Person

三个角色同框,站位形成三角或一线关系,群戏与对峙场景常用。(属「影视画面构图 → 人物数量与群像」) 小提示:角色数量决定关系复杂度,先定人数再定站位。

难度:入门 ★

群像构图Group Composition

多人同框的群体画面,通过站位层次与疏密组织,场面宏大或关系复杂。(属「影视画面构图 → 人物数量与群像」) 小提示:角色数量决定关系复杂度,先定人数再定站位。

难度:入门 ★

过肩构图Over-Shoulder Shot

越过前景人物肩部拍摄主体,既交代关系又保持视线方向,对话戏经典。(属「影视画面构图 → 视角与镜头覆盖」) 小提示:视角选择即叙事立场,过肩/客观/主观各有表达目的。

难度:入门 ★

客观视角构图Objective View

以旁观者视角观察角色与事件,冷静克制,纪录片与正剧常用。(属「影视画面构图 → 视角与镜头覆盖」) 小提示:视角选择即叙事立场,过肩/客观/主观各有表达目的。

难度:入门 ★

净单人镜头Clean Single

画面只含单个角色、无前景遮挡,干净直接,强调角色本身。(属「影视画面构图 → 视角与镜头覆盖」) 小提示:视角选择即叙事立场,过肩/客观/主观各有表达目的。

难度:入门 ★

脏单人镜头Dirty Single

画面含单个角色但带前景遮挡(肩/栏杆等),增加层次与窥视感。(属「影视画面构图 → 视角与镜头覆盖」) 小提示:视角选择即叙事立场,过肩/客观/主观各有表达目的。

难度:入门 ★

深度调度Deep Staging

角色在纵深方向走位调度,利用前后景关系变化丰富画面层次。(属「影视画面构图 → 场面调度与景深」) 小提示:调度是空间中的走位设计,景深是焦点分配,两者共同决定镜头节奏。

难度:入门 ★

平面调度Flat Staging

角色在平行于镜头的平面内横向走位,画面如舞台横移,简洁克制。(属「影视画面构图 → 场面调度与景深」) 小提示:调度是空间中的走位设计,景深是焦点分配,两者共同决定镜头节奏。

难度:入门 ★

三角调度Triangular Staging

三个角色按三角站位轮转调度,关系动态变化,对话与群戏常用。(属「影视画面构图 → 场面调度与景深」) 小提示:调度是空间中的走位设计,景深是焦点分配,两者共同决定镜头节奏。

难度:入门 ★

横向调度Lateral Staging

角色沿画面横向移动或换位,配合摇镜或横移,空间交代流畅。(属「影视画面构图 → 场面调度与景深」) 小提示:调度是空间中的走位设计,景深是焦点分配,两者共同决定镜头节奏。

难度:入门 ★

多层前景调度Multi-Layer Foreground Staging

多个前景层次参与调度,画面纵深丰富,信息量与电影感强。(属「影视画面构图 → 场面调度与景深」) 小提示:调度是空间中的走位设计,景深是焦点分配,两者共同决定镜头节奏。

难度:入门 ★

高远法High Distance

宋代郭熙三远法之一:自山下仰视山巅,表现高大雄伟、气势磅礴的景观。(属「中国传统构图 → 三远、透视与游观」) 小提示:三远法分层组织山水,散点透视解放视点,适合长卷与全景。

难度:入门 ★

深远法Deep Distance

三远法之一:自山前窥山后,层层推进、纵深幽远,表现重峦叠嶂。(属「中国传统构图 → 三远、透视与游观」) 小提示:三远法分层组织山水,散点透视解放视点,适合长卷与全景。

难度:入门 ★

平远法Level Distance

三远法之一:自近山望远山,平视开阔、冲淡平和,表现辽阔淡远之境。(属「中国传统构图 → 三远、透视与游观」) 小提示:三远法分层组织山水,散点透视解放视点,适合长卷与全景。

难度:入门 ★

三远综合构图Three Distances

高远、深远、平远综合运用,兼顾雄伟、纵深与开阔,全景山水常见。(属「中国传统构图 → 三远、透视与游观」) 小提示:三远法分层组织山水,散点透视解放视点,适合长卷与全景。

难度:入门 ★

散点透视Scattered Perspective

中国画特有的多点视点透视,观者随画卷游移,时空自由、移步换景。(属「中国传统构图 → 三远、透视与游观」) 小提示:三远法分层组织山水,散点透视解放视点,适合长卷与全景。

难度:入门 ★

游观式构图Roaming View

以边走边看的方式组织画面,视点自由移动,长卷山水与园林题材典型。(属「中国传统构图 → 三远、透视与游观」) 小提示:三远法分层组织山水,散点透视解放视点,适合长卷与全景。

难度:入门 ★

全景式构图Panoramic Composition

中国画全景式取景,完整表现山川气象,格局宏大、一览无余。(属「中国传统构图 → 取景与景式」) 小提示:取景决定看什么,景式决定怎么看——留白与截取是意境的关键。

难度:入门 ★

一河两岸式One River Two Banks

元人山水典型章法:近岸、中水、远山三段布局,疏朗空阔、意境清远。(属「中国传统构图 → 取景与景式」) 小提示:取景决定看什么,景式决定怎么看——留白与截取是意境的关键。

难度:入门 ★

边角式构图Corner Composition

马远、夏圭式取景,主体偏居一角,留白大面积,意境空灵含蓄。(属「中国传统构图 → 取景与景式」) 小提示:取景决定看什么,景式决定怎么看——留白与截取是意境的关键。

难度:入门 ★

截景式构图Cropped View

截取景物局部入画,以有限见无限,含蓄精炼,花鸟画常用。(属「中国传统构图 → 取景与景式」) 小提示:取景决定看什么,景式决定怎么看——留白与截取是意境的关键。

难度:入门 ★

折枝式构图Broken Branch

折取花木一枝入画,构图精巧,花鸟画经典取景方式。(属「中国传统构图 → 取景与景式」) 小提示:取景决定看什么,景式决定怎么看——留白与截取是意境的关键。

难度:入门 ★

留白构图Blank Space

以大面积空白衬托主体,计白当黑,意境悠远,中国画与极简设计共通。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

计白当黑构图Treating Blank as Ink

把空白当作画面构成的一部分来经营,虚实相生,是国画章法核心。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

虚实相生构图Void and Substance

实处与虚处相互生发,以实衬虚、以虚托实,画面气韵流动。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

疏密相间构图Density Contrast

疏处可走马、密处不透风,疏密对比制造节奏与气韵。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

主宾关系构图Subject-Complement

主体与宾体主次分明、相互呼应,宾不夺主、主不孤立。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

开合构图Open and Close

画面气势的开与合、起与收,开为展开、合为收拢,整体气脉贯通。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

起承转合构图Four-Part Structure

起(开端)、承(承接)、转(转折)、合(收束)四段式组织画面,叙事完整。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

藏露关系构图Hidden and Revealed

部分藏、部分露,以藏引思、以露点睛,含蓄而耐看。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

欹正关系构图Tilted and Upright

欹侧与端正相互制衡,在险中求稳、正中寓奇,生动不呆板。(属「中国传统构图 → 留白、虚实与章法」) 小提示:中国画章法重气韵,疏密虚实开合都是为气脉服务。

难度:入门 ★

网格与版式

16 条 · 内容变多时:分割、网格系统、图文关系与节奏

上下分屏Horizontal Split

用水平分界把图像与文字或两个场景叠放,天然形成先后和上下文关系。最常见写法是上主下辅:上半幅主视觉建立情绪,下半幅信息区承载标题与说明;也可以反向,用上方文字引出下方图像。

难度:入门 ★

水平带状Horizontal Bands

用多个横向色带或内容带分层,产生节拍、章节感与横向速度。每条带是一个章节:带高、颜色、编号共同决定阅读顺序,适合把并列信息排成有节奏的清单。

难度:入门 ★

单栏手稿网格Single-Column Grid

所有信息落在一个连续主栏中,靠边距、段落间距与字号建立清晰阅读秩序。从栏顶到栏底线性阅读,适合把内容当一篇短文本处理的海报。

难度:入门 ★

多栏编辑网格Multi-Column Grid

多条纵向栏提供灵活跨度,图像与文本可占一栏或跨栏,适合复杂信息层级。大跨栏元素先定级,再按栏线读取细分信息;栏宽与沟槽必须重复,跨度变化才有秩序。

难度:入门 ★

模块网格Modular Grid

纵栏与横行交叉成可复用模块,图像、文字和编号按模块组合,适合高密度系统化信息。先看跨模块的大元素,再按模块群组扫描局部信息;网格是底层关系,不必把每条线都画出来。

难度:入门 ★

瑞士非对称网格Swiss Grid

严格网格、左对齐无衬线字、非对称留白与客观摄影共同形成清晰理性的国际主义语气。大字号无衬线标题进入,沿左对齐线和模块关系读取;加红圆和 Helvetica 不等于瑞士风格,关键是结构与层级。

难度:入门 ★

层级卡片网格Bento / Hierarchical Grid

不同尺寸的矩形区块共享统一间距与圆角,通过卡片面积表达信息优先级。最大卡片先读,随后按相邻关系在小卡片间跳转;同层卡片的语义与间距需要一致。

难度:入门 ★

棋盘交替Checkerboard

图像与文字在规则矩阵中交替出现,利用反转、重复和对应关系形成节奏。视线在深浅或图文单元间跳读,整体先于局部被感知;矩阵过细会像社交媒体九宫格,需要一个破格焦点。

难度:入门 ★

满版主视觉Full-Bleed Hero

单张图像铺满画布,文字叠加或放入局部安全区,以情绪与沉浸感优先。先感受整体图像,再由高对比标题进入具体信息;文字不能压在复杂纹理上。

难度:入门 ★

大字主导Typographic Dominant

把标题本身当作主视觉,靠尺度、字重、字距、断行和裁切建立图像感。先识别巨型关键词,再在字形缝隙或边缘找到细节信息;大字不等于全部加粗,断行必须保留语义与辨识度。

难度:入门 ★

图上叠字Type over Image

文字与图像共享同一空间,通过遮挡、穿插和对比建立一体化主视觉。图像与标题几乎同时进入,再通过前后层级辨认关系;必须明确字在前、字在后或字穿插,半透明一盖了之通常发灰。

难度:入门 ★

双联与三联Diptych / Triptych

把一个主题拆成两个或三个连续画幅,利用重复与变化表现时间、对比或多视角。从第一画幅横向或纵向移动,在相似结构中比较变化;每格要有共同变量,三张无关图片并排不构成三联。

难度:入门 ★

拼贴层叠Overlapping Collage

图像、纸片、纹理和文字以遮挡与旋转叠加,制造手工、记忆与亚文化语气。从最高对比层进入,在遮挡边缘间跳读,依靠层级而非网格推进;随机旋转不是拼贴,需要统一的材质、色彩或叙事线索。

难度:入门 ★

破格网格Broken Grid

先建立可感知的网格,再让少数关键元素跨线、错位或越界,以破坏制造强调。规则网格建立预期,破格元素因违背预期成为焦点;没有底层网格就没有破格,每个元素都错位只会混乱。

难度:入门 ★

重复节奏Repetition & Pattern

重复同一形状、图像或文字建立节拍,再以一个差异项形成焦点。眼睛先感知整体模式,随后立刻捕捉破例元素;重复项过多且无变化会成为背景噪声,差异必须服务主题。

难度:入门 ★

密集全铺Dense All-Over

高密度元素覆盖整个画面,通过整体纹理、局部对比与多尺度层级制造最大主义冲击。先感知整体密度,再由最大尺度或最强色差的元素抓住局部入口;密集不等于没有层级,标题、日期与 CTA 仍需至少一个清晰入口。

难度:入门 ★

页面布局

9 条 · 网页整体骨架怎么排:卡片、瀑布流、分屏

卡片式布局Card-based Layout

把内容拆成一张张独立卡片,每张承载一个项目、文章、服务或一组信息。把内容拆成一张张独立卡片,每张卡片承载一个项目、一篇文章、一项服务或一组信息。卡片之间边界清楚,浏览速度快,也是 AI 最容易稳定实现的布局之一。

难度:入门 ★

瀑布流Masonry Layout

卡片宽度一致但高度不统一,内容像瀑布自然错落,适合不同尺寸的图片。卡片宽度大致一致但高度不统一,内容像瀑布一样自然错落。它不强迫每一行严格对齐,因此特别适合不同尺寸的图片和视觉作品。

难度:入门 ★

便当盒布局Bento Grid

用大小不同的矩形模块组成页面,靠尺寸差异建立视觉优先级。用大小不同的矩形模块组成页面。最大的区域负责展示核心内容,小模块放技能、文章、联系方式、数字或状态,依靠尺寸差异建立视觉优先级。

难度:入门 ★

分屏布局Split-screen Layout

把页面分成左右两部分,信息与视觉同时成为主角。把页面分成左右两部分,常见形式是左边文字、右边视觉,或者一边固定、另一边滚动。它能让信息和视觉同时成为主角。

难度:入门 ★

CSS 网格布局CSS Grid Layout

按明确的行和列组织页面,适合处理二维关系的复杂布局。按照明确的行和列组织页面,适合处理二维关系。它可以让不同模块占据不同列宽,构建规则或非对称的复杂页面。

难度:入门 ★

弹性布局Flexbox

让一组元素沿一个主要方向排列,适合一行或一列的对齐、间距与顺序。让一组元素沿一个主要方向排列,最适合处理一行或一列中的对齐、间距和顺序。它常出现在导航栏、按钮组和卡片内部。

难度:入门 ★

侧边栏布局Sidebar Layout

页面一侧长期保留一条栏,另一侧显示主要内容。侧边栏可以承载个人信息、分类、目录、筛选器或后台导航。

难度:入门 ★

仪表盘布局Dashboard Layout

由侧边导航、顶部工具栏、统计卡片、图表等构成,强调信息密度与任务效率。通常由侧边导航、顶部工具栏、统计卡片、图表、表格和最近活动构成,强调信息密度与任务效率。

难度:入门 ★

全出血布局Full-bleed Layout

图片、视频或颜色区域延伸到屏幕边缘,制造沉浸式首屏或章节过渡。图片、视频或颜色区域一直延伸到屏幕边缘,不受普通内容容器限制。它常被用来制造沉浸式首屏或章节过渡。

难度:入门 ★

页面结构

7 条 · 一个页面该有哪些区块:Hero、FAQ、时间线

单页网站Single-page Website

所有主要内容都在同一页面,通过滚动或锚点导航浏览。所有主要内容都放在同一页面中,用户通过滚动或锚点导航浏览 Hero、About、Projects、Writing 和 Contact。

难度:入门 ★

多页网站Multi-page Website

不同内容拥有独立页面和网址,更适合长期扩展。不同内容拥有独立页面和网址,例如首页、作品列表、项目详情、关于、文章和联系页面。它更适合长期扩展。

难度:入门 ★

案例研究页Case Study Page

不仅展示最终效果,还讲清背景、问题、过程、决策与结果。不仅展示最终效果,还讲清项目背景、问题、过程、关键决策、方案、结果和复盘。

难度:入门 ★

功能网格Feature Grid

用三到六个并列模块介绍能力、服务或产品功能。用三到六个并列模块介绍能力、服务或产品功能,每个模块通常包含图标、标题和短说明。

难度:入门 ★

固定叙事区Sticky Storytelling

一侧内容固定,另一侧随滚动依次出现不同阶段,让复杂过程像讲故事。一侧内容固定,另一侧随着滚动依次出现不同阶段,让复杂过程像讲故事一样被阅读。

难度:入门 ★

时间线Timeline

用一条线和多个节点按时间顺序展示经历、版本或里程碑。用一条线和多个节点按时间顺序展示经历、版本、里程碑或项目进展。

难度:入门 ★

常见问题FAQ Section

把常见问题集中在页面末段,通过折叠面板展开答案,快速消除疑虑。把常见问题集中放在页面末段,通常通过折叠面板展开答案,帮助用户快速消除疑虑。

难度:入门 ★

导航与切换

9 条 · 让访客找到路:菜单、面包屑、标签页

固定导航Sticky Navbar

页面向下滚动时顶部导航仍保持可见,适合长页面和频繁跳转。页面向下滚动时,顶部导航仍然保持可见,适合长页面和需要频繁跳转的内容。

难度:入门 ★

汉堡菜单Hamburger Menu

手机端右上角的三条横线按钮,点击后展开或滑出完整导航。手机端右上角常见的三条横线按钮,点击后展开或滑出完整导航。

难度:入门 ★

面包屑Breadcrumb

在页面顶部显示层级路径,帮助用户理解当前页面在网站结构中的位置。在页面顶部显示层级路径,例如“首页 › 作品 › AI 工具 › 项目详情”,帮助用户理解当前页面在网站结构中的位置。

难度:入门 ★

锚点跳转Anchor Link

点击导航后移动到当前页面中的指定区块,而不是打开新页面。点击导航后不打开新页面,而是移动到当前页面中的指定区块。

难度:入门 ★

标签切换Tabs

多个标签共用同一块内容区域,一次只显示其中一个同等级视图。

难度:入门 ★

侧边导航Sidebar Navigation

把主要导航长期放在页面一侧,适合入口较多、层级较深的系统。把主要导航长期放在页面左侧或右侧,适合入口较多、层级较深的系统。

难度:入门 ★

超级菜单Mega Menu

点击主导航后展开大面积的多种类菜单,同时展示分类、子页面和精选内容。点击主导航后展开一个面积较大的多列菜单,可以同时展示分类、子页面和精选内容。

难度:入门 ★

底部导航Bottom Navigation

在手机屏幕底部长期显示三到五个最重要的入口。在手机屏幕底部长期显示三到五个最重要的入口,适合需要频繁切换核心区域的移动产品。

难度:入门 ★

返回顶部Back to Top

页面滚动到一定距离后,右下角出现返回顶部按钮。页面滚动到一定距离后,右下角出现返回顶部按钮,帮助用户快速回到页面开头。

难度:入门 ★

常用组件

8 条 · 页面积木:轮播、抽屉、命令面板

抽屉Drawer

从屏幕左、右或底部滑出的面板,可展示导航、筛选、设置或详情。一个从屏幕左侧、右侧或底部滑出的面板,可以展示导航、筛选、设置或详情。

难度:入门 ★

手风琴Accordion

多组标题纵向排列,点击标题展开或收起对应内容。多组标题纵向排列,点击标题后展开或收起对应内容。

难度:入门 ★

气泡提示Tooltip

鼠标悬停或键盘聚焦到图标时,旁边出现一小块简短说明。它只适合补充短信息。

难度:入门 ★

轮播图Carousel

在有限空间中轮流展示多个项目,通常带箭头、圆点和序号。在有限空间中轮流展示多个项目,通常带有左右箭头、圆点指示和当前序号。

难度:入门 ★

图片灯箱Lightbox

点击缩略图后在遮罩层上放大显示原图,支持关闭、切换和标题。点击缩略图后,在遮罩层上放大显示原图,并支持关闭、切换和查看标题。

难度:入门 ★

表单Form

由输入框、标签、选择器、复选框和提交按钮组成,完成联系、订阅、登录等任务。由输入框、标签、选择器、复选框和提交按钮组成,用来完成联系、订阅、登录或设置等任务。

难度:入门 ★

命令面板Command Palette

按下快捷键后弹出的快速搜索与操作面板,通过键盘跳转页面或执行命令。按下快捷键后弹出的快速搜索与操作面板,用户可以通过键盘跳转页面或执行命令。

难度:入门 ★

悬浮操作按钮Floating Action Button

固定在界面角落的主要操作按钮,不随内容滚走,通常代表新增、创建或快速联系。

难度:入门 ★

色彩与配色

28 条 · 让 AI 算出来的颜色成体系:色彩空间、色阶、对比度

色彩空间Color Space

颜色在程序里的数学模型(RGB/HSL/LAB/LCH),决定颜色怎么算、怎么混才『不脏』。颜色不只是看起来怎样,在程序里是一组坐标,坐标的算法就叫色彩空间。RGB 适合屏幕显示,但不适合人眼感知的计算——两个颜色取平均会得到脏灰;LAB 把明度、红绿轴、黄蓝轴分开,混色更接近人眼;LCH 是 LAB 的极坐标写法,能单独控制明度、彩度、色相。想让 AI 的配色干净、成体系,先点名用哪个色彩空间算。

难度:入门 ★

色阶Color Scale

从一个种子色按规则拉出一串连续过渡的颜色,用来做品牌色带、渐变和可循视的配色,而不是硬切色块。想让配色高级,关键不是颜色多,而是颜色之间怎么过渡。硬切:每块颜色独立,像一块色块墙;色阶:从种子色用 scale 拉出连续渐变,明暗有节奏,眼睛能顺着走。让 AI 生成色阶时点名『从主色拉 N 级连续色阶』,它会用可计算的插值,而不是随便挑几个相近色。

难度:入门 ★

对比度Contrast Ratio

前景与背景颜色的亮度比值,决定文字清不清楚;WCAG 可读性标准是正文 4.5:1、大字号 3:1。字看不清不是玄学,是可以算的数值:对比度 = 两色亮度比的量化结果。WCAG(无障碍标准)规定普通正文至少 4.5:1,大字号或粗体 3:1。AI 生成的浅字压浅底,就是因为没给它对比度约束。点名『对比度 ≥ 4.5:1』,AI 才会自动压深文字或提亮背景。

难度:入门 ★

混色Color Mixing

把两种颜色按算法混合出中间色:RGB 直接平均会得到脏灰,LAB 空间混合才能得到干净过渡色。想让 AI 在两色之间调出过渡,不同空间的算法结果完全不同。RGB 平均 = 把三个通道各取一半,两个互补色平均会得到脏灰;LAB 混色按人眼感知的明度、色度轴插值,中间色干净,像真的在调色。给 AI 下指令时点名『在 LAB 空间混合』,避免默认的 RGB 平均。

难度:入门 ★

感知均匀Perceptual Uniformity

颜色按人眼感知均匀变化,而不是按数值等差变化;RGB 里数值一样跳,人眼看着却忽明忽暗。数值均匀 ≠ 看着均匀。RGB 三个通道的数值等差变化,但人眼对亮度和色相的敏感度不一样,结果就是拖滑条时明暗乱跳。感知均匀空间(LAB/LCH)让数值步长和感知步长一致:LCH 里单独调明度或彩度,色相能稳住,深浅主题才能做匀。生成深浅主题、暗色模式、渐变色阶时点名 LCH。

难度:入门 ★

色板Palette

从种子色算出的整套可用颜色集合(色阶、可读字色、辅助色),是可交给设计的完整色卡台,不是几个好看颜色的堆砌。配色高级的最终产物是一套色板:种子色拉出色阶、按 4.5:1 算出可读字色、配好强调色与中性色,色阶、对比度、混色、感知调色四件事合在一起。让 AI 出色板要给它约束:种子色、级数、用途(文字/背景/强调)、对比度标准,它才会交出可计算、可复用的色卡台,而不是随机几个霓虹色。

难度:入门 ★

莫兰迪色Morandi Colors

低饱和度、高级灰调的色彩风格,适合表现高级、优雅、宁静的氛围。 常见变体:雾霾色、大地色系 小提示:适合时尚、家居、艺术类主题

难度:入门 ★

高饱和度High Saturation

色彩鲜艳浓郁,视觉冲击力强,适合活泼、热烈的场景。 常见变体:糖果色、荧光色 小提示:注意色彩搭配避免过于杂乱

难度:入门 ★

冷暖对比Warm-Cool Contrast

暖色与冷色在同一画面中形成对比,适合表现冲突和层次。 常见变体:橙青调、互补色对比 小提示:常见于日落、室内外场景

难度:入门 ★

单色调Monochrome

画面以单一色调为主,形成统一感,适合表现专注和简约。 常见变体:棕褐色调、单色蓝 小提示:可指定具体颜色如蓝色调、金色调

难度:入门 ★

互补色Complementary Color

互补色,色环上相对的颜色组合(如红绿、蓝橙、紫黄),对比强烈、视觉冲击明显。 小提示:提示词写 complementary colors 即可

难度:入门 ★

冷色Cool Color

冷色调,蓝、青、紫等色系,画面清冷静谧,常用于科技、冬夜与情绪表达。 小提示:搭配冷白光线更统一

难度:入门 ★

暖色Warm Color

暖色调,红、橙、黄等色系,画面温暖热情,常用于日落、美食与温馨场景。 小提示:搭配暖光更协调

难度:入门 ★

柔和粉彩色Pastel Color

柔和粉彩色,低饱和度、高明度的浅淡色彩,画面温柔治愈,常见于少女系与简约设计。 常见变体:马卡龙色、奶油色系 小提示:搭配白色与浅灰更干净

难度:入门 ★

低饱和色Muted Color

低饱和色,降低纯度的灰调色彩,画面沉稳高级,类似莫兰迪色的克制感。 常见变体:降饱和、灰调 小提示:适合高级感与复古氛围

难度:入门 ★

霓虹色Neon Color

霓虹色,荧光高饱和的亮色(粉、绿、蓝),在黑背景中发光,赛博与夜店气质。 小提示:搭配深色背景发光效果最佳

难度:入门 ★

棕褐色Sepia Color

棕褐色调,老照片式的暖棕单色,复古怀旧,常见于年代感画面。 常见变体:棕褐调 小提示:搭配颗粒与轻微褪色更有年代感

难度:入门 ★

鲜艳色Vivid Color

鲜艳色彩,高饱和、明快活泼的用色,画面鲜明醒目,适合促销与儿童向内容。 常见变体:鲜明色调 小提示:适合吸睛的营销视觉

难度:入门 ★

渐变色Gradient Color

渐变色,色彩平滑过渡,从双色到多彩,现代感与梦幻感兼备。 小提示:提示词写 gradient background 即可

难度:入门 ★

褪色感Faded Color

褪色色调,色彩饱和度降低且略带旧感,类似晒褪色的照片,怀旧文艺。 常见变体:faded 小提示:搭配颗粒与柔光更有味道

难度:入门 ★

高对比度High Contrast

高对比度,画面明暗与色彩反差强烈,黑白分明,视觉冲击强。 常见变体:strong contrast 小提示:适合硬朗、戏剧化风格

难度:入门 ★

低对比度Low Contrast

低对比度,明暗差异小、灰阶平缓,画面柔和朦胧,如雾中景象。 小提示:适合梦幻、文艺氛围

难度:入门 ★

彩虹色Rainbow Color

彩虹配色,红橙黄绿蓝紫的多彩组合,画面活泼丰富,庆典与童趣感强。 小提示:适合儿童、庆典、多彩主题

难度:入门 ★

特艺彩色Technicolor

特艺彩色,1930-50 年代好莱坞彩色电影技术,浓郁饱和的经典电影色彩。 小提示:适合复古电影感画面

难度:入门 ★

柯达彩色Kodachrome Color

柯达彩色胶片色调,经典柯达胶卷色彩,浓郁真实、略带复古颗粒质感。 小提示:搭配轻微颗粒更有胶片味

难度:入门 ★

蓝晒色Cyanotype Color

蓝晒色调,19 世纪蓝晒印相工艺,深邃普鲁士蓝与白色对比,复古科学感。 常见变体:蓝图色 小提示:适合文艺、复古、博物感题材

难度:入门 ★

宝丽来色Polaroid Color

宝丽来色调,即拍即得相纸的色彩质感,偏暖偏柔和,带轻微褪色与怀旧气息。 小提示:搭配白色相纸边框更有味道

难度:入门 ★

扎染Tie-dye Color

扎染配色,扎染工艺的彩色漩涡与晕染纹理,自由奔放,60 年代嬉皮气质。 小提示:适合潮流、音乐节视觉

难度:入门 ★

动效与交互

33 条 · 让页面活起来:缓动、交错、视差、转场的话术

缓动Easing

控制动画"从 A 到 B 的加减速节奏"的曲线。同样一段位移,匀速像机械、先快后慢像自然——缓动决定动效的"手感"。动效不是"移动多少距离",而是"怎么从静止加速、到位停稳"。AI 默认常用线性匀速,生成的动效因此显得生硬。告诉 AI 用 ease-out(快起慢停)做进场、ease-in-out 做来回,自定义曲线时给 cubic-bezier 关键点。一句话手感:进场快起慢停,离场慢起快走。

难度:入门 ★

动效时长Duration

一段动效从开始到结束的时间。太短看不清、太长拖节奏;微交互 150-300ms、组件 300ms 档、页面转场 400-500ms 是安全区。时长是动效最容易翻车的参数。AI 默认时长常常偏长(500ms 以上),导致页面"黏糊糊"。给 AI 报时长要具体:按钮反馈 150-200ms、卡片入场 300ms、弹窗 250-350ms、页面转场 400-500ms。原则:大元素慢、小元素快,关闭比打开略快。

难度:入门 ★

交错出现Stagger

一组元素不是同时出现,而是逐个、带固定间隔地依次入场。列表、网格、卡片墙的"高级感"大多来自交错。同时出现=无趣,交错=有序。告诉 AI"每个卡片间隔 60ms 依次入场、可加轻微位移"就够。交错常配合 fade/slide 使用,并要控制总时长(间隔×数量 ≤ 约 1 秒),否则后面的元素等太久。

难度:入门 ★

弹簧动画Spring

模拟弹簧回弹:快速到位后轻微过冲再回稳。适合按钮、弹窗、图标这类"有实体感"的反馈,最有生命力。CSS 可用 cubic-bezier 模拟,JS 可用物理弹簧(mass/stiffness/damping)。弹簧的关键是"过冲回弹"而非反复弹跳。给 AI 说"像弹簧回弹一下"它能懂;要精确就指定 stiffness 约 180、damping 约 18。弹窗、卡片、图标用弹簧最有质感,数据面板慎用(晃眼)。

难度:入门 ★

淡入淡出Fade

透明度从 0→1(淡入)或 1→0(淡出)。最基础也最安全,几乎不会出错的动效。AI 做"让 X 出现"时默认可能是突然出现(无过渡)。说"fade in 300ms"它就懂。淡入适合轻微强调、弹窗遮罩、图片懒加载;纯 fade 单用显平淡,常配 8-16px 位移或轻微缩放增加质感。

难度:入门 ★

滑入滑出Slide

元素从某个方向位移进场或离场。方向感明确——从哪来、到哪去,是"空间叙事"的基础。slide 要告诉 AI 三件事:方向(左/右/上/下)、距离、缓动。抽屉从右滑入、Toast 从下弹起、区块从侧向进入。方向反了会显怪(弹窗从上往下滑不自然)。距离默认写"320px"或"100% 视口"都可以,说清即可。

难度:入门 ★

缩放动效Scale

元素从 0.96 左右放大到 1(或反向)入场,或按下时缩小到 0.96。局部聚焦感最强,常用于卡片、弹窗、按钮。scale 要配合 transform-origin 才有正确的缩放中心。卡片 hover 放大 1.02、弹窗从 0.9 放大进入、按钮按下缩到 0.96。给 AI 说"从 0.96 缩放到 1,200ms"比"放大一点"精确得多。注意幅度:放大超 10% 会糊,配合 fade 更柔和。

难度:入门 ★

模糊显现Blur Reveal

元素从模糊到清晰出现。比淡入多一层"对焦"感,适合 Hero 大标题、首屏主视觉,营造从虚到实的仪式感。实现是 filter: blur(8px) → blur(0) 配合 opacity。模糊显现慢一点更高级(600-800ms),且只适合"少而大"的元素——小字模糊过程会糊到看不清。AI 默认不会主动加模糊,要主动说才有。

难度:入门 ★

文字显现Text Reveal

文字不是整体出现,而是逐行、逐词、逐块被揭示。营销页标题、slogan"仪式感"的来源。文字显现是"拆解文字"的艺术:整段出现=平,逐行出现=清晰,逐词/逐字=华丽但慢。告诉 AI 按"行"还是按"词"、间隔多少、从哪个方向切入。中文场景按字拆易断词义,优先按词或按行。常配位移、淡入或模糊。

难度:入门 ★

裁剪揭示Clip-path Reveal

用裁剪路径从一角、一边"擦出"元素。比淡入更有设计感,像幕布拉开或页面被擦亮。clip-path 可做多种形态:从下往上擦、从左上角展开、inset 收缩。这个动效"高级感"强,但复杂路径重绘成本高、兼容要留意。AI 容易把 clip-path 用成"形状裁切",要说清是"路径从 0 到完整"的动态揭示。

难度:入门 ★

视差滚动Parallax Scrolling

滚动时不同图层以不同速度移动(背景慢、前景快),制造出纵深。让页面“有层次”最常用的滚动动效,但也最容易做过头。视差的核心是“速度差”:背景移动速度是内容的一半,眼睛就会感知到深度。告诉 AI“背景慢 50%、前景正常”比“加个视差”精确。适合 Hero 区、图文区、长滚动页;速度差过大(背景静止/反向)会头晕。移动端要减量。

难度:入门 ★

滚动触发Scroll-triggered Animation

元素进入视口(屏幕可见范围)才播放动效,滚到才出现。滚动页“逐步揭示”的基础机制,比页面加载时一起动高级得多。默认页面加载时所有元素一起入场,滚动后看不到任何动效。滚动触发是“滚到哪、动到哪”:元素进入视口 20% 时播放入场,离开视口可重置。告诉 AI“滚到才出现、进入视口触发”它就知道用 IntersectionObserver。触发阈值、是否重复播放要说清。

难度:入门 ★

滚动吸附Scroll Snap

滚动自动停在最近的整块/整屏位置,像翻页一样干脆。轮播式首页、卡片墙、分屏演示的标准交互。scroll-snap 让滚动“被吸到”指定位置:每块内容占一屏或固定高度,滚动松手后自动对齐。告诉 AI“整屏吸附、每屏一块”即可。适合分屏叙事、卡片横滑、图片画廊;内容不足一屏会留白,需要配合 min-height 处理。

难度:入门 ★

固定式滚动叙事Sticky Scrollytelling

画面固定不动(sticky),文字或背景随滚动变化,像“滚出来的故事”。长图文、品牌故事、数据报告最爱的叙事形式。与普通滚动不同:滚动时某个视觉主体被固定(position: sticky),文字/数据/画面分阶段切换。关键在“阶段对应”:滚动 0-30% 讲第一幕、30-60% 第二幕……告诉 AI 每幕的滚动区间和切换内容。做不好会“画面不动很怪”,要确保至少有一个元素在随滚动变化。

难度:入门 ★

滚动进度指示Scroll Progress Indicator

页面顶部的细进度条(或侧边章节指示点),显示你读到全文的百分之几。长页的“方向感”配件。滚动进度让用户知道“还有多少”:顶部细条随滚动增长,或右侧小圆点标记章节位置。告诉 AI“顶部 3px 进度条、读了多少显示多少”即可。章节指示点适合多章节长文,点击可跳转。细节:进度条颜色要跟主题一致,别喧宾夺主。

难度:入门 ★

图片序列Image Sequence / Scroll-driven Frames

滚动驱动一组连续帧图片逐帧播放,像“滚出来的小视频”。产品 360° 展示、开场动画、过程演示的杀手锏。把一段视频抽成几十张连续帧图,滚动进度控制显示第几张——滚得越快播得越快,还能来回擦。告诉 AI“用 N 张序列帧、滚动进度映射到帧号”。成本是图片体积(几十张图),要控制帧数和每帧大小;替代方案是用 CSS/JS 实时绘制(如 3D 旋转)。

难度:入门 ★

磁吸按钮Magnetic Button

鼠标靠近时按钮被“吸”向光标,离开后回弹原位。落地页 CTA 的“高级感”细节,比静止按钮有生命。磁吸的实现:监听鼠标位置,按钮中心向光标偏移(通常 10-30px,带缓动),离开时归位。告诉 AI“按钮朝光标方向偏移 20%、200ms 缓动回弹”即可。要点:偏移别超过按钮自身尺寸的 30%(会脱离位置预期),且只增强不替代(移动端无 hover)。

难度:入门 ★

立体倾斜卡片Tilt Card

卡片跟随鼠标在 3D 空间轻微倾斜(rotateX/rotateY),像在手中转动。产品卡、视觉卡的“立体感”来源。倾斜卡片用 3D 透视:鼠标在卡片内的位置决定 rotateX/rotateY 角度(通常 ±8°),配合 translateZ 让内容浮起更有层次。告诉 AI“中心为原点、倾角 ≤8°、带透视 800px”。要点:倾角过大会变形;内部文字/图片加反方向微移(卡片内 parallax)效果更佳。

难度:入门 ★

光标跟随Cursor Follower

一个装饰元素(圆点/光环/小图标)平滑地跟在光标后面。营销页的氛围感细节,让页面“有人气”。光标跟随元素不能直接贴住光标(那是默认光标),要有“滞后感”:圆点用 lerp 缓动追光标,像一个有弹性的跟班。告诉 AI“300ms 滞后、直径 20px、混合模式”。用途:作品集氛围、暗色页光晕、引导视觉;要防:挡住点击(pointer-events: none)、移动端禁用。

难度:入门 ★

光标聚光Cursor Spotlight

光标经过处“点亮”内容:暗色背景上,光标周围一圈变亮、其余保持暗。作品集、暗色展示页的氛围利器。聚光效果通常用一个大径向渐变(radial-gradient)跟随光标,或用混合模式做“擦亮”。告诉 AI“以光标为中心的径向亮区、半径 300px、其余压暗”。要点:亮度反差别太大(伤眼)、与内容层级配合(聚光处正好是主内容);移动端禁用。

难度:入门 ★

弹窗过渡Modal Transition

弹窗打开/关闭时怎么出现和消失的动效:从小放大淡入(标准)、遮罩同步淡入、弹簧回弹等。弹窗“质感”的第一来源。弹窗动效三件套:遮罩淡入、弹窗体放大淡入、关闭时反向(且更快)。告诉 AI“弹窗从中心 0.92 放大到 1 + 遮罩淡入,300ms”即可。要点:遮罩和弹窗要同节奏(整体一致),关闭比打开快 20-30%;弹窗用放大淡入,不用滑入(那是抽屉的语义)。

难度:入门 ★

抽屉过渡Drawer Transition

抽屉(侧边面板)从边缘滑入滑出的动效。方向固定:从哪侧来就贴哪侧边缘。抽屉动效 = 面板 translateX(100%→0) + 遮罩淡入,与弹窗不同在“方向性”。告诉 AI“右侧抽屉从右滑入 300ms、遮罩同步淡入”即可。要点:面板与遮罩同节奏;关闭时反向滑出更快;滑入距离要与面板宽度一致(100% 或固定 px)。

难度:入门 ★

标签页切换Tab Transition

标签页内容切换时的过渡:淡入淡出、左右滑移、指示条滑动。切换“顺滑感”的关键。标签切换动效:内容区 fade + 轻微位移(新内容从右或下方进入),指示条平滑滑到新位置。告诉 AI“切换时新内容淡入+从右 12px 进入,200ms;指示条滑动”即可。要点:切换动效别超过 250ms(标签切换要快),否则有“滞后感”;指示条滑动是“Tab 质感”的点睛。

难度:入门 ★

轻提示动效Toast Transition

Toast 弹入弹出的动效:从底部/顶部滑入 + 淡入,停留后自动滑出。轻提示的“存在感”全靠动效。Toast 生命周期三阶段:弹入(滑入+淡入 250ms)→ 停留(3-4 秒)→ 弹离(滑出+淡出 200ms)。告诉 AI“Toast 从底部滑入、停留 3 秒自动滑出”即可。要点:弹入要轻快,别用弹簧(Toast 是轻量提示,存在感太强会喧宾夺主);停留时长 = 文案长度 × 300ms 左右。

难度:入门 ★

骨架屏扫光Skeleton Shimmer

骨架屏(加载占位块)上的微光扫过动效,暗示“正在加载中”。让骨架屏“活起来”的那道光泽。骨架屏本身是静态占位,扫光是它的“呼吸”:一条半透明高光从左到右扫过(linear-gradient 位移动画)。告诉 AI“骨架块上加从左到右的扫光,1.5s 循环”即可。要点:扫光 1.2-2s 循环最自然;动画只作用于 background-position(性能友好);prefers-reduced-motion 时停掉。

难度:入门 ★

加载指示Loading Indicator

转圈、进度环、进度条等“正在加载”的视觉反馈。区别于骨架屏:不模拟内容形状,是通用指示器。加载指示器三型:spinner(转圈,<1s 场景)、进度条(线性,2s 内)、进度环/百分比(>2s 或可量化)。告诉 AI 场景选型即可。要点:指示器必须“在动”(静止的转圈会被当 bug);与文案配合(“加载中…”);超过 3 秒要给进度而非无限转圈。

难度:入门 ★

成功错误反馈Success / Error Feedback

操作成功/失败时的动效反馈:成功打勾弹跳、错误抖动变红、警告闪烁。用户“知道自己做对了没”的关键。反馈动效三态:成功(勾号+轻微弹跳/放大)、错误(抖动+变红)、警告(闪烁/变色)。告诉 AI“提交成功后按钮变绿+勾号弹跳,失败则输入框抖动”即可。要点:反馈要“即时”(≤200ms 出现)且“明确”(形状/颜色/动效至少两样),别只靠颜色(色觉障碍不可靠);抖动幅度 4-6px、2 次即可,别晃晕。

难度:入门 ★

图标形变Icon Morphing

图标在不同状态间平滑形变:汉堡菜单⇄关闭叉、播放⇄暂停、箭头⇄加载。状态切换的“无缝感”。图标形变常用 SVG 路径动画(起终点路径点数一致)或描边动画。告诉 AI“汉堡图标点击后形变为关闭叉,300ms”即可。要点:形变要在同一坐标系内(几何对齐),否则像“跳变”;路径点数不一致时可退化为 fade+旋转过渡。

难度:入门 ★

布局过渡Layout Animation / FLIP

增删元素、筛选排序时,其他元素平滑挪位让位(FLIP 技术)。列表增删不“跳变”的关键。布局变化动效:元素位置变化用 FLIP(First-Last-Invert-Play)技术——记录首尾位置、反向补偿、再播放到位,让“挪位”有过渡。告诉 AI“筛选后卡片重排要平滑过渡,用 FLIP”即可。要点:布局动画处理“位置变化”而非“出现消失”;只动 transform/opacity(不触发重排)才不卡。

难度:入门 ★

共享元素转场Shared Element Transition

同一元素在两个视图间“飞过去”的转场:点击卡片,图片平滑放大变成详情页头图。App 转场的“高级感”天花板。共享元素转场:转场前后同一元素(如图片)位置和尺寸平滑过渡,用户感知“卡片变成了详情页”。告诉 AI“点击卡片,卡片图片平滑放大过渡到详情页头图,300ms”即可。要点:共享元素必须“同一视觉内容”(同图/同标题);过渡 250-400ms,太长拖节奏。

难度:入门 ★

页面转场Page Transition

页面切换时的过渡:淡入淡出、水平滑动、翻转。多页应用的“连贯感”,决定 App 是否“顺”。页面转场类型:淡入淡出(通用安全)、水平滑动(App 层级导航)、上滑(上下页关系)、翻转/缩放(品牌趣味)。告诉 AI“页面切换淡入淡出 300ms”即可。要点:转场方向要有语义(前进=从右进、后退=从左出);时长 300-500ms;SPA 转场优先内容区,别整页闪白。

难度:入门 ★

减少动态Reduced Motion

尊重用户“减少动态”的系统设置(prefers-reduced-motion),关闭或简化非必要动效。动效的“无障碍底线”,也是专业度标尺。macOS/Windows 都有“减弱动态”设置;Web 用 prefers-reduced-motion 媒体查询检测。专业做法:检测到后关闭装饰性动效(视差、聚光、扫光、光标跟随),保留必要反馈(按钮状态、操作结果)。告诉 AI“加 prefers-reduced-motion 降级”是很多 AI 默认不做的。要点:是“关闭非必要动效”不是关全部;验证方法:系统开减弱动态后页面应安静。

难度:入门 ★

动效四层法Motion 4-Layer Framework

把页面动效说清楚的四层话术框架:技术工具 → 触发方式 → 动效类型 → UX 规则。照着说,AI 就不会「听不懂」。只会说「丝滑一点」「高级一点」,AI 只能靠猜。四层法把动效说全:用什么技术做(CSS / GSAP / Three.js / Lottie)、什么触发(hover / 滚动 / 点击 / 进入视口)、什么动效(淡入 / 滑入 / 视差 / 缩放)、守什么规则(反馈及时 / 减少动态)。一句话串起来:「用 CSS,让卡片在滚动进入视口时交错淡入+上移,并遵守用户的减少动态设置」——四层全说,AI 就能精确执行。

难度:入门 ★

光影与氛围

32 条 · 让 AI 把光打对:轮廓光、伦勃朗光、丁达尔效应的话术

丁达尔效应Tyndall Effect

光线穿过烟雾或尘埃形成可见光束的效果,也称耶稣光。常见用法:森林中的丁达尔光束、教堂里的神圣光线、清晨的阳光穿透薄雾。变体:晨雾光束、舞台光束。小提示:搭配薄雾、烟雾、尘埃效果更明显

难度:入门 ★

轮廓光Rim Light

从主体后方照射的光线,勾勒出主体轮廓,增加立体感。常见用法:轮廓光人像、逆光剪影、边缘发光效果。变体:侧逆光、剪影光。小提示:常与逆光搭配使用

难度:入门 ★

伦勃朗光Rembrandt Lighting

经典人像布光方式,在阴影侧脸颊形成三角形光斑,适合戏剧性人像。常见用法:伦勃朗光人像、戏剧性肖像、古典油画光效。变体:宽位光、窄位光。小提示:适合搭配古典、戏剧性风格

难度:入门 ★

霓虹光效Neon Lighting

霓虹灯管发出的彩色光线效果,适合赛博朋克、夜店、城市夜景。常见用法:霓虹灯下的街道、赛博朋克霓虹、粉色霓虹光。变体:霓虹招牌、赛博霓虹。小提示:可指定霓虹颜色如粉色霓虹、蓝色霓虹

难度:入门 ★

黄金时刻Golden Hour

日出后或日落前约一小时的柔和暖光,适合表现温暖、浪漫的氛围。常见用法:黄金时刻的人像、日落时分的风景、黄昏暖光。变体:蓝调时刻、逆光剪影。小提示:搭配逆光、剪影效果更佳

难度:入门 ★

电影光效Cinematic Lighting

电影级别的布光效果,注重氛围和情绪表达,适合叙事性画面。常见用法:电影感人像、好莱坞布光、戏剧性光影。变体:低调布光、高调布光。小提示:搭配电影感、宽银幕等关键词

难度:入门 ★

环境光Ambient Lighting

环境光,柔和均匀的整体照明,模拟自然环境中漫射光,画面自然平和无强烈阴影。常见用法:环境光下的室内场景、均匀柔和的环境光人像。小提示:适合自然纪实与生活场景

难度:入门 ★

逆光Backlighting

逆光,光源位于主体后方,主体边缘形成亮边与轮廓光,背景明亮、氛围感强。常见用法:逆光剪影的海边人像、逆光发丝发光的人像。小提示:搭配发丝光与轮廓光效果更佳

难度:入门 ★

烛光Candlelight

烛光照明,暖橙色低照度光源,画面柔和温馨,明暗过渡自然,古典浪漫氛围。常见用法:烛光下的晚餐场景、烛光肖像的温暖氛围。小提示:适合浪漫、古典、静谧氛围

难度:入门 ★

逆光剪影Contre-jour

逆光摄影术语,镜头正对光源拍摄,主体呈剪影、细节隐没,画面简洁而富有形式感。常见用法:逆光剪影的晨雾森林、正对太阳的剪影人像。变体:逆光拍摄。小提示:适合极简形式感画面

难度:入门 ★

交叉光Cross Lighting

交叉光,两束光线从不同方向交叉打向主体,形成立体感与明暗层次,常用于肖像。常见用法:交叉光拍摄的人物肖像、左右交叉打光的静物。小提示:适合塑造立体感的肖像

难度:入门 ★

戏剧性灯光Dramatic Lighting

戏剧性灯光,强明暗对比、大光比,光线方向明确,画面充满张力与舞台感。常见用法:戏剧性灯光下的肖像、舞台追光效果的画面。小提示:适合电影感与舞台感表达

难度:入门 ★

补光Fill Light

补光,用于填充主光造成的阴影区域,降低明暗反差,使暗部细节可见。常见用法:补光柔和的室内人像、主光加补光的经典布光。小提示:提示词中可写 soft fill light 降低阴影

难度:入门 ★

黑色电影光Film Noir Lighting

黑色电影光,1940-50 年代黑色电影风格,硬光斜射、百叶窗阴影、烟尘光束,神秘而危险。常见用法:黑色电影风格的侦探场景、百叶窗阴影的复古画面。变体:黑色电影。小提示:搭配黑白或低饱和色调更出效果

难度:入门 ★

荧光灯Fluorescent Lighting

荧光灯光,冷白偏绿的人工光源,常见于办公室、便利店与工厂,带有现代都市疏离感。常见用法:荧光灯下的便利店场景、荧光灯管冷光的办公室。小提示:适合都市、科技、疏离氛围

难度:入门 ★

硬光Hard Lighting

硬光,点光源直射,阴影锐利、边缘清晰,强调质感与轮廓,戏剧性强。常见用法:硬光直射的几何静物、正午硬光下的街头。小提示:搭配明确阴影可强化结构感

难度:入门 ★

高调光High-key Lighting

高调光,整体明亮、阴影极少,画面轻盈通透,常见于日系清新与商业产品图。常见用法:高调光下的清新人像、明亮通透的日系场景。变体:高调布光。小提示:适合清新、轻盈、干净的画面

难度:入门 ★

主光Key Light

主光,布光中起主导作用的主光源,决定画面明暗基调与光影方向。常见用法:主光明确的经典布光肖像、单一主光打亮的画面。小提示:提示词可写 key light from left/right 指定方向

难度:入门 ★

低调光Low-key Lighting

低调光,整体偏暗、阴影浓重、高光少量,画面神秘深沉,常见于电影与暗调摄影。常见用法:低调光下的神秘肖像、暗调氛围的酒吧场景。变体:低调布光。小提示:适合电影感、神秘、深沉氛围

难度:入门 ★

月光Moonlight

月光,清冷蓝白的光线,夜色氛围,画面静谧而带一丝凉意。常见用法:月光下的森林夜景、月光洒落的海面。小提示:搭配蓝色调与夜色元素更出效果

难度:入门 ★

自然光Natural Lighting

自然光,源自太阳与天空的天然光线,随天气与时段变化,画面真实自然。常见用法:自然光下的室内人像、窗边自然光的静物。小提示:适合真实、纪实、生活化场景

难度:入门 ★

剪影光Silhouette Lighting

剪影光,强背景光使主体完全压暗为剪影,只留轮廓,画面简洁而富有诗意。常见用法:剪影光的日落人像、剪影效果的舞蹈画面。小提示:适合表现形态与氛围

难度:入门 ★

柔光Soft Lighting

柔光,漫射光或大面积光源,阴影柔和、过渡自然,画面温柔细腻。常见用法:柔光下的人像、柔光笼罩的静物。小提示:适合人像、产品与温馨氛围

难度:入门 ★

聚光Spotlight

聚光,光束集中照射主体,周围压暗,舞台感与聚焦感强烈。常见用法:聚光灯下的舞台歌手、单一光束聚焦的产品。小提示:适合舞台、展示、聚焦表达

难度:入门 ★

影棚光Studio Lighting

影棚光,专业影棚布光,柔光箱与反光板配合,画面干净专业,适合商业产品与肖像。常见用法:影棚光下的产品图、棚拍质感的人像。小提示:适合电商产品与专业肖像

难度:入门 ★

日落光Sunset Lighting

日落光,低角度暖橙光线,天空霞光、长影与金色氛围,浪漫温暖。常见用法:日落光下的城市剪影、夕阳金色光线的海滩。小提示:搭配暖橙色调更出效果

难度:入门 ★

暮光Twilight Lighting

暮光,日落后的蓝调时刻光线,天空深蓝微光,静谧而富有层次。常见用法:暮光下的城市天际线、蓝调时刻的街景。变体:蓝调时刻。小提示:搭配蓝紫渐变天空更出效果

难度:入门 ★

体积光Volumetric Lighting

体积光,光束因尘埃或雾气可见,形成明显光柱,空间感与氛围感强烈。常见用法:体积光穿透树林的画面、舞台烟幕中的体积光束。小提示:搭配雾气或尘埃更出效果

难度:入门 ★

镜头光晕Lens Flare

镜头光晕,强光在镜头内产生的眩光斑,增添电影感与梦幻氛围,但需控制用量。常见用法:逆光下的镜头光晕画面、带眩光的电影感镜头。小提示:轻微使用更高级,避免过度

难度:入门 ★

电影质感配方Film Look

电影质感配方(Magnific 手册):一段成品级光线+颗粒组合,一键去除 AI 默认塑料感,图与视频通用。核心:柔和电影镜头、浅景深奶油焦外、温和反差、细腻均匀胶片颗粒、无过锐。常见用法:soft cinematic lens, shallow depth of field with creamy focus roll-off, gentle contrast with soft highlight roll-off, fine uniform film grain, no oversharpening, no digital look。小提示:['每条提示词都带上这行,可稳定消除 AI 默认塑料感', '与 term-grainy(颗粒感)配合:颗粒是唯一值得保留的胶片痕迹', '禁用 dust / scratches / old damaged film(旧胶片损坏痕迹)']

难度:入门 ★

梦幻氛围Dreamy

朦胧、柔和、超现实的梦幻感觉,适合童话、幻想、浪漫主题。 常见变体:柔焦、光晕、薄雾 小提示:搭配柔焦、光晕、薄雾效果

难度:入门 ★

史诗氛围Epic

宏大、壮观、震撼的氛围,适合战争、神话、大片主题。 常见变体:英雄视角、全景史诗 小提示:搭配广角、大场景构图

难度:入门 ★

技法与镜头

29 条 · 让 AI 玩镜头语言:虚化、动态模糊、微距与广角

背景虚化Bokeh

主体清晰,背景模糊的光学效果,适合人像、产品、特写。常见用法:背景虚化的人像、景深效果、散景光斑。变体:圆形光斑、奶油虚化。小提示:搭配大光圈、浅景深

难度:入门 ★

动态模糊Motion Blur

运动物体产生的模糊效果,表现速度感,适合运动、速度、动态主题。常见用法:动态模糊的赛车、运动模糊效果、速度感。变体:径向模糊、运动拖影。

难度:入门 ★

HDR效果HDR

高动态范围效果,亮部和暗部细节都清晰可见,适合风景和建筑。常见用法:HDR风景、HDR建筑、高动态范围人像。变体:HDR+、伪HDR。小提示:注意避免过度处理

难度:入门 ★

微距镜头Macro Lens

微距镜头,极近距离拍摄,微小物体充满画面,细节纹理纤毫毕现。常见用法:微距镜头的昆虫复眼、微距水滴的晶莹细节。小提示:提示词写 macro shot / extreme close-up 均可

难度:入门 ★

鱼眼镜头Fisheye Lens

鱼眼镜头,超广角镜头产生强烈桶形畸变,画面边缘弯曲,视角独特夸张。常见用法:鱼眼镜头的城市全景、鱼眼畸变效果的夸张画面。小提示:适合创意与沉浸式视角

难度:入门 ★

长焦镜头Telephoto Lens

长焦镜头,85-135mm 以上,压缩空间、背景虚化,突出主体,适合人像与远摄。常见用法:长焦压缩感的街拍、85mm 人像的奶油虚化。小提示:提示词写 85mm portrait lens 或 telephoto

难度:入门 ★

超广角镜头Ultra-wide Lens

超广角镜头,14-24mm,视野极阔、透视夸张,建筑与空间感强烈。常见用法:超广角的建筑仰拍、超广角透视的室内空间。小提示:适合空间、建筑与宏大场景

难度:入门 ★

移轴镜头Tilt-shift Lens

移轴镜头,可制造微缩模型效果(小人国感),也可校正建筑透视。常见用法:移轴镜头的微缩城市、移轴效果的小人国画面。小提示:提示词写 tilt-shift miniature 出微缩效果

难度:入门 ★

全景Panorama

全景,超宽画幅视野,横向容纳完整场景,适合风景与城市天际线。常见用法:全景的雪山风光、城市天际线全景。小提示:提示词写 panoramic view / wide panorama

难度:入门 ★

无人机视角Drone View

无人机视角,高空航拍机位,俯瞰大地与建筑,现代科技感的上帝视角。常见用法:无人机视角的海岸线、航拍俯瞰的城市。变体:aerial drone shot。小提示:搭配俯拍与远景更出效果

难度:入门 ★

航拍视角Aerial View

航拍视角,从空中向下拍摄,展现地形、道路与整体格局,宏大清晰。常见用法:航拍的山脉地形、空中俯瞰的农田网格。变体:aerial view。小提示:适合自然与城市宏观表达

难度:入门 ★

第一人称视角First Person View

第一人称视角,模拟主角亲眼所见的视角,代入感强,游戏与沉浸叙事常用。常见用法:第一人称视角的街道漫步、主观视角的手部动作画面。变体:POV、主观视角。小提示:提示词写 POV / first person view

难度:入门 ★

长曝光Long Exposure

长曝光摄影,长时间曝光使运动物体拉丝模糊,车流光轨、丝绸水面等效果。常见用法:长曝光的车流光轨、长曝光丝绸般的瀑布。小提示:提示词写 long exposure 加光轨主体

难度:入门 ★

延时摄影Time-lapse

延时摄影效果,时间压缩的视觉感,云层流动、人群穿梭,画面动态十足。常见用法:延时摄影的云海流动、时间压缩的城市车流。小提示:提示词写 time-lapse 表现时间流逝

难度:入门 ★

高速摄影High-speed Photography

高速摄影,凝固瞬间的高速动态,水花飞溅、物体碰撞,细节清晰可见。常见用法:高速摄影的水滴皇冠、高速定格的玻璃碎裂。小提示:提示词写 high-speed photography 或 frozen motion

难度:入门 ★

夜间摄影Night Photography

夜间摄影,弱光环境拍摄,灯火、霓虹与星空,城市夜景氛围浓郁。常见用法:夜间摄影的城市霓虹街道、夜景星空下的剪影。小提示:搭配霓虹与车灯更有氛围

难度:入门 ★

浅景深Shallow Depth of Field

浅景深,焦点主体清晰、前后背景虚化,突出主体、虚化杂乱,人像利器。常见用法:浅景深的人像特写、f/1.8 大光圈的奶油虚化。变体:小景深。小提示:提示词写 shallow depth of field 或 f/1.8

难度:入门 ★

景深Depth of Field

景深,画面中清晰范围的大小,控制景深可引导视线、营造空间层次。常见用法:浅景深突出主体的画面、深景深的全景清晰画面。小提示:搭配光圈值(f/1.8、f/11)更精确

难度:入门 ★

颗粒感Grainy

颗粒感,胶片或噪点质感,画面复古、文艺,降低数码光滑感。常见用法:颗粒感的复古胶片画面、轻微噪点的文艺照片。变体:胶片颗粒。小提示:提示词写 film grain / grainy 增加质感

难度:入门 ★

仰拍视角Low Angle

仰拍视角,机位低于主体向上拍摄,主体显得高大有力量,常见于英雄登场。常见用法:仰拍的高大建筑、仰视视角的英雄人像。小提示:提示词写 low angle shot / from below

难度:入门 ★

俯拍视角High Angle

俯拍视角,机位高于主体向下拍摄,主体显小显弱,常用于俯视与观察视角。常见用法:俯拍的美食餐桌、俯视视角的人物。小提示:提示词写 high angle shot / from above

难度:入门 ★

侧视角Side Angle

侧视角,从侧面拍摄,展现轮廓与侧面线条,增加画面层次与空间感。常见用法:侧视角的人物轮廓、侧面角度的器物。小提示:提示词写 side angle / profile view

难度:入门 ★

平视视角Eye Level

平视视角,机位与眼睛同高,视角自然亲切,纪实与人像常用。常见用法:平视视角的街头人像、视线同高的纪实画面。小提示:提示词写 eye level shot 营造自然感

难度:入门 ★

全身景Full Body Shot

全身景别,完整容纳人物全身,交代全身姿态与服饰,适合时尚与全身展示。常见用法:全身景的时尚街拍、全身姿态的模特图。小提示:提示词写 full body shot / full-length view

难度:入门 ★

角色一致性Character Consistency

让同一角色在多张图中保持长相、服装、背景一致的方法:①角色描述词固定写死(发色、服装、背景、画风逐项固定);②用表情包策略批量出图(同角色多表情多姿势一张出齐);③多套生成挑选;④不满意区域局部重绘。适合角色统一的海报、系列插画与 IP 设计。 常见变体:表情包批量法、固定描述词法 小提示:头发、衣服、背景写死是关键,方便后期做另一套统一风格;表情包策略:一次出多表情,后续从里面挑与局部重绘;多张图出图即使有偏差,也先保背景与服装一致再修脸;相关案例:case-char-consistency

难度:入门 ★

角色设定表Character Sheet

让同一角色跨图一致的关键资产:一张包含角色多角度/多表情/全身半身/关键特征的参考表(character sheet)。生图前先产出角色设定表并固定其描述词(发型/发色/服装/标志物),后续所有生成都引用同一套描述,比反复说'保持角色一致'可靠得多。配合表情包批量法与局部重绘使用。 常见变体:角色一致性(term-character-consistency) 小提示:设定表一次性生成多视角,之后抽用其中视角;固定描述词三件套:发型/服装/背景;设定表与表情包策略组合:先出设定表,再出表情包表,最后局部重绘;相关案例:case-char-consistency

难度:入门 ★

特写镜头Close-up

近距离拍摄主体,突出细节,适合表现表情、产品特征。 常见变体:微距特写、局部特写 小提示:人像特写注意眼睛的清晰度

难度:入门 ★

广角镜头Wide Angle

广阔的视野,适合大场景,风景、建筑、环境人像。 常见变体:超广角、鱼眼 小提示:注意边缘畸变,人像慎用

难度:入门 ★

鸟瞰视角 Bird'sBird's Eye View

从高处向下俯视的视角,适合城市、风景、群像。 常见变体:斜俯瞰、等轴测 小提示:适合表现规模和空间关系

难度:入门 ★

风格流派

38 条 · 一键切换画风:赛博朋克、水彩、油画怎么描述

赛博朋克Cyberpunk

科幻风格,以高科技与低生活为特征,常见霓虹灯、机械改造、未来城市。常见用法:赛博朋克城市夜景、赛博朋克风格的机械少女、霓虹闪烁的赛博朋克街道。变体:蒸波 Vaporwave、后启示录风。小提示:搭配霓虹、全息投影、机械臂等关键词效果更佳

难度:入门 ★

蒸汽朋克Steampunk

复古未来主义风格,以蒸汽动力和维多利亚时代美学为特征。常见用法:蒸汽朋克飞艇、维多利亚时代的蒸汽机器人、蒸汽朋克风格的怀表。变体:柴油朋克、以太朋克。小提示:搭配齿轮、蒸汽、黄铜等关键词

难度:入门 ★

水彩风格Watercolor

模拟水彩画效果,色彩透明流动,边缘柔和晕染。常见用法:水彩风格的森林、水彩花卉、水彩人像。变体:水粉、墨水晕染、儿童水彩。小提示:搭配晕染、淡雅、流动等关键词

难度:入门 ★

油画风格Oil Painting

模拟传统油画效果,笔触厚重,色彩饱和度高,适合古典和庄重主题。常见用法:油画风格的向日葵、古典油画人像、印象派油画风景。变体:印象派、古典主义、厚涂。小提示:可指定印象派、古典主义等细分风格

难度:入门 ★

动漫风格Anime

日本动画风格,大眼睛、夸张表情、鲜艳色彩。常见用法:动漫风格的少女、日漫风格的校园场景、二次元角色设计。变体:日漫风、美漫风、吉卜力风。小提示:可搭配赛璐璐风格、吉卜力风格等细分

难度:入门 ★

写实风格Realistic

追求照片级真实感,细节丰富,光影准确,适合产品展示和人像摄影。常见用法:写实风格的人像、照片级真实风景、超写实产品渲染。变体:超写实、纪实摄影感。小提示:搭配8K、超高清、细节丰富提升画质

难度:入门 ★

中国水墨Chinese Ink Painting

中国传统水墨画风格,以墨色浓淡表现意境。常见用法:水墨山水画、水墨竹子、中国风人物。变体:写意、工笔、泼墨。小提示:搭配留白、意境、淡雅等关键词

难度:入门 ★

像素风格Pixel Art

复古游戏风格,由像素点构成的画面,适合游戏角色和场景设计。常见用法:像素风格的角色、8-bit游戏场景、像素艺术风景。变体:16-bit、32-bit、等距像素。小提示:可指定像素密度如16-bit、32-bit

难度:入门 ★

概念艺术Concept Art

游戏、电影前期概念设计风格,注重氛围和创意表达。常见用法:游戏角色概念设计、科幻场景概念图、怪物设计。变体:场景概念、角色设定、氛围图。

难度:入门 ★

抽象表现主义Abstract Expressionism

1940-50 年代纽约画派风格,以自发性大笔触、滴洒颜料和强烈情绪宣泄为特征,画面抽象而充满动势。常见用法:抽象表现主义的泼彩大笔触画面、滴洒颜料风格的抽象画。变体:Action Painting。小提示:提示词可直接用 in the style of Jackson Pollock 或抽象表现主义笔触

难度:入门 ★

装饰艺术Art Deco

1920-40 年代的装饰艺术风格,几何对称线条、金属与玻璃质感、奢华复古气质,常见于海报与建筑装饰。常见用法:装饰艺术风格的电影海报、几何对称的奢华海报设计。变体:装饰艺术运动。小提示:搭配金色、深绿、黑与几何纹样效果更佳

难度:入门 ★

新艺术Art Nouveau

1890-1910 年的新艺术风格,自然曲线、藤蔓花卉纹样、优雅装饰边框,穆夏风格是典型代表。常见用法:新艺术风格的花卉装饰海报、穆夏风格的优雅女性插画。变体:新艺术运动。小提示:适合海报、包装与装饰性插画

难度:入门 ★

前卫艺术Avant-garde

先锋前卫的艺术风格,实验性、反传统、形式大胆,常以出人意料的构图与媒介组合制造冲击。常见用法:前卫艺术风格的实验海报、先锋感的概念艺术图。小提示:适合强调创新与突破的视觉

难度:入门 ★

巴洛克Baroque

17 世纪巴洛克风格,华丽繁复、戏剧性强烈,常用强烈的明暗对比(卡拉瓦乔式)与动态构图。常见用法:巴洛克风格的古典油画质感、卡拉瓦乔式强明暗对比画面。变体:巴洛克艺术。小提示:搭配暗背景与金色装饰更出效果

难度:入门 ★

包豪斯Bauhaus

包豪斯风格,功能主义几何美学,强调红黄蓝三原色、黑白灰与简洁的几何构成,现代设计源头。常见用法:包豪斯风格的海报设计、三原色几何构成插画。变体:包豪斯设计。小提示:适合海报、UI 与产品图

难度:入门 ★

色域艺术Color Field

色域绘画风格,以大块平涂纯色构成画面,色彩即内容,追求宁静纯粹的色彩体验。常见用法:大色块平涂的抽象画、罗斯科式色域绘画。变体:色域绘画 Color Field Painting。小提示:适合氛围与情绪表达

难度:入门 ★

概念艺术Conceptual Art

概念艺术风格,观念优先于视觉呈现,常以文字、现成品与极简形式表达思想。常见用法:观念艺术风格的文字海报、极简概念装置画面。小提示:适合表达抽象概念

难度:入门 ★

构成主义Constructivism

构成主义风格,俄国 1915-1940 年,几何抽象、对角线动势、红黑配色,强烈的海报与宣传画气质。常见用法:构成主义风格的政治海报感设计、红黑几何构成插画。变体:建构主义。小提示:适合宣传海报与版式设计

难度:入门 ★

立体主义Cubism

立体主义风格,毕加索与布拉克开创,将物体解构为几何切面,多视角并置,画面抽象而理性。常见用法:立体主义风格的肖像画、几何切面解构的静物画。变体:立体派。小提示:适合艺术感强的人物与静物

难度:入门 ★

达达主义Dada

达达主义风格,1916-1924 年反艺术运动,拼贴、现成品、荒诞幽默,打破一切艺术规则。常见用法:达达风格的拼贴画、荒诞幽默的蒙太奇画面。小提示:适合创意拼贴与荒诞表达

难度:入门 ★

表现主义Expressionism

表现主义风格,以夸张变形、强烈色彩和主观情感宣泄为特征,画面富有张力与感染力。常见用法:表现主义风格的肖像画、强烈色彩的情绪画面。变体:德国表现主义。小提示:适合情绪与氛围渲染

难度:入门 ★

野兽派Fauvism

野兽派风格,马蒂斯为代表,高纯度撞色、粗犷笔触,色彩大胆奔放,画面热烈。常见用法:野兽派风格的人像插画、马蒂斯式高纯度色彩画面。变体:野兽主义。小提示:适合大胆用色的插画与海报

难度:入门 ★

未来主义Futurism

未来主义风格,歌颂速度、机械与运动,以重复线条和动态分解表现力量感。常见用法:未来主义风格的动态海报、速度线条分解的机械画面。小提示:适合速度感与科技感表达

难度:入门 ★

印象派Impressionism

印象派风格,莫奈、雷诺阿为代表,捕捉光影瞬间,松散笔触、明亮色彩,户外写生气息。常见用法:印象派风格的风景画、光影笔触的户外写生感画面。变体:印象主义。小提示:适合风景与光影氛围

难度:入门 ★

极简主义Minimalism

极简主义艺术风格,少即是多,大面积留白、少量几何元素与克制配色,高级而安静。常见用法:极简主义风格的海报、大面积留白的抽象画面。变体:极简艺术 Minimal Art。小提示:适合高级感品牌视觉

难度:入门 ★

欧普艺术Op Art

欧普艺术风格,利用黑白几何条纹与图案制造视错觉,画面动感强烈、引人注目。常见用法:欧普风格的黑白视错觉海报、几何条纹波动的抽象画面。变体:视幻艺术。小提示:适合吸睛的视觉冲击设计

难度:入门 ★

波普艺术Pop Art

波普艺术风格,安迪·沃霍尔为代表,取材大众商业图像,高饱和撞色、网点印刷效果。常见用法:波普风格的人物肖像、网点印刷效果的商业插画。变体:波普艺术 Pop Art。小提示:搭配高饱和色与重复排列更出效果

难度:入门 ★

后印象派Post-Impressionism

后印象派风格,梵高、塞尚、高更为代表,在印象派基础上强调主观表达、结构感与强烈笔触。常见用法:梵高风格的星空画面、后印象派风格的静物画。小提示:适合笔触感与情感表达强烈的画面

难度:入门 ★

迷幻艺术Psychedelic Art

迷幻艺术风格,60 年代嬉皮文化,荧光撞色、流动变形图案、神秘符号,视觉冲击强烈。常见用法:迷幻艺术风格的音乐海报、荧光色流动变形图案画面。变体:迷幻风格 Psychedelic。小提示:适合音乐、潮流、创意海报

难度:入门 ★

街头艺术Street Art

街头艺术风格,涂鸦、喷绘、模板印刷,班克斯为代表,随性粗粝又充满社会表达。常见用法:街头艺术风格的墙面涂鸦、班克斯式模板喷绘画面。变体:街头涂鸦。小提示:适合潮流与青年文化视觉

难度:入门 ★

至上主义Suprematism

至上主义风格,马列维奇开创,纯粹几何抽象,以方形、圆形与色块构成,追求绝对纯粹。常见用法:至上主义风格的几何构成画、白底黑方块式抽象画面。小提示:适合极简几何构成

难度:入门 ★

超现实主义Surrealism

超现实主义风格,达利、马格利特为代表,梦境逻辑、荒诞组合、细腻写实的幻想画面。常见用法:超现实主义风格的梦境画面、不合逻辑的物体组合插画。变体:超现实主义艺术。小提示:适合奇幻与梦境题材

难度:入门 ★

象征主义Symbolism

象征主义风格,19 世纪末艺术流派,隐喻、神秘、装饰性线条,画面富有诗意与暗示。常见用法:象征主义风格的装饰插画、神秘隐喻的寓言画面。小提示:适合文学性与装饰性题材

难度:入门 ★

蒸汽波Vaporwave

蒸汽波美学,霓虹粉紫、罗马雕塑、网格地板、怀旧未来主义,复古与数字感并存的亚文化风格。常见用法:蒸汽波风格的专辑封面、罗马雕塑与霓虹网格画面。变体:蒸波。小提示:搭配粉紫渐变、网格与雕塑元素更出效果

难度:入门 ★

合成波Synthwave

合成波风格,80 年代复古未来感,落日条纹、霓虹紫蓝、网格透视,强烈的怀旧电子气质。常见用法:合成波风格的 80 年代霓虹画面、落日网格透视的复古海报。变体:合成器浪潮。小提示:适合复古电子、游戏、音乐视觉

难度:入门 ★

酸波Acidwave

酸波风格,酸性迷幻美学,荧光绿紫撞色、液态扭曲、粗颗粒,前卫且带攻击性。常见用法:酸波风格的酸性海报、荧光绿紫液态扭曲画面。变体:酸性设计。小提示:适合地下音乐与潮流设计

难度:入门 ★

黑暗幻想Dark Fantasy

黑暗幻想风格,哥特暗黑史诗感,阴郁氛围、宏大殿堂、魔幻生物,沉重而神秘。常见用法:黑暗幻想风格的龙与城堡、暗黑史诗感的魔幻插画。小提示:搭配暗色光影与宏大场景更出效果

难度:入门 ★

粗野主义Brutalism

粗野主义风格,裸露混凝土、厚重粗粝、硬朗几何,建筑与海报中强烈的原始力量感。常见用法:粗野主义风格的建筑海报、混凝土质感的粗粝画面。变体:野兽主义建筑 Brutalist。小提示:适合硬朗、力量感的设计

难度:入门 ★

材质质感

16 条 · 让 AI 把质感做对:金属、玻璃、哑光、毛绒怎么描述

金属质感Metallic

金属表面的光泽和反射效果,适合机械、科技、奢华主题。 常见变体:拉丝金属、抛光铬、氧化做旧 小提示:可指定金属类型如黄金、银、铜

难度:入门 ★

玻璃质感Glass

透明或半透明的玻璃材质效果,适合产品、建筑、艺术。 常见变体:磨砂玻璃、裂纹玻璃、彩色玻璃 小提示:注意表现折射和反射效果

难度:入门 ★

毛绒质感Fur

动物毛发或毛绒材质的柔软效果,适合动物、毛绒玩具、服装。 常见变体:长毛、短绒、蓬松 小提示:搭配蓬松、柔软等形容词

难度:入门 ★

透明质感Transparent

透明材质质感,玻璃、水晶、亚克力等透光材质,通透折射,高级且轻盈。 小提示:搭配折射与高光更出效果

难度:入门 ★

哑光质感Matte

哑光质感,表面无高光反射、低光泽,细腻柔和,高级内敛。 常见变体:雾面、matte finish 小提示:提示词写 matte finish 或 soft matte

难度:入门 ★

粗糙质感Rough

粗糙质感,表面颗粒粗粝,如岩石、混凝土、粗布,原始真实。 常见变体:粗粝 小提示:搭配硬光更能突出纹理

难度:入门 ★

纹理质感Textured

纹理质感,表面可见丰富纹理细节,如木纹、织物纹、浮雕纹,增强真实与触感。 小提示:提示词写 textured surface 即可

难度:入门 ★

陶土质感Pottery

陶土质感,手工陶器的温润哑光表面,自然手作气息,质朴温暖。 常见变体:陶器、粘土质感 小提示:搭配暖光与自然背景更协调

难度:入门 ★

树脂质感Resin

树脂质感,半透明胶状材质,可包裹物体或呈现琥珀感,温润有光泽。 小提示:搭配内部细节与折射更出效果

难度:入门 ★

骨瓷质感Bone China

骨瓷质感,细腻半透的瓷器表面,白润通透,精致优雅。 小提示:搭配柔和光线突出通透感

难度:入门 ★

毛毡质感Felt

毛毡质感,紧实毛绒的表面,温暖柔软,常用于手工与卡通风。 小提示:适合手工、治愈系题材

难度:入门 ★

冰雕质感Ice Sculpture

冰雕质感,透明冰体雕刻,冷冽通透,光线折射出蓝白光泽。 小提示:搭配冷色调与逆光更出效果

难度:入门 ★

玻璃吹制Glassblowing

玻璃吹制工艺,手工玻璃的流动造型与气泡细节,艺术感十足。 小提示:搭配光影突出玻璃通透感

难度:入门 ★

折纸质感Origami

折纸质感,纸张折叠的几何造型,利落纸纹与折痕,清新手工感。 小提示:搭配白色纸张与柔和光影更干净

难度:入门 ★

刺绣质感Embroidery

刺绣质感,针线缝制的立体纹理,细腻手工感,复古精致。 小提示:适合复古、手作、民俗题材

难度:入门 ★

皮肤真实质感Skin Realism

皮肤真实质感块(Magnific 手册):只要画面出现皮肤就写入,否则模型会把人像修成塑料。要点:真实毛孔、细小毛发、隐约血管、微弱高光——真实可触而非修图塑料。 小提示:有皮肤就写,图与视频通用;与 neg-magnific-portrait(塑料皮肤负面词)双保险;特写时补充纹理细节:毛孔、汗毛、雀斑

难度:入门 ★

文字特效

6 条 · 让标题字会发光、会融化:金属字效、霓虹、故障撕裂

金属字效Metal Text Effect

文字表面为金属材质:抛光金属/拉丝金属/液态金属,带冷冽高光、反射与明暗层次。抛光金属适合科技商业工业视觉;液态铬彩(偏光渐变)适合未来时装、电子音乐、潮牌。 常见变体:抛光金属、液态铬彩 小提示:抛光金属:银白镜面 + 深黑背景;液态铬彩:偏光渐变 + 流动高光;可搭配哥特/衬线等字体增强气质

难度:入门 ★

赛博光栅霓虹字效Neon Grating Text Effect

文字由大量等距垂直发光条带组成,条带沿字母/汉字轮廓内部排列,形成半透明霓虹光柱,电光蓝/青蓝到橙红/暖白渐变,冷暖对比强烈。适合未来城市、数字界面、赛博艺术、科技海报。英文版适配度更高,中文可换霓虹管风格。 常见变体:霓虹灯管字、光栅扫描字 小提示:核心:垂直发光条带 + 轮廓内排列 + 冷暖渐变;英文适配度更高;深黑背景突出霓虹发光

难度:入门 ★

故障撕裂字效Glitch Text Effect

文字局部被数字信号切割成横向碎片,笔画边缘带 RGB 偏移、扫描线错位、数据噪点和电子撕裂痕迹,整体像系统界面崩坏瞬间的标题字。适合 AI、网络、加密、赛博故障、数字危机题材。 常见变体:RGB偏移撕裂、扫描线故障 小提示:关键:主体保持可读 + 局部碎片化;RGB 偏移与扫描线错位是故障感核心;深色背景更出效果

难度:入门 ★

木雕字效Wood Carving Text Effect

文字像从深色原木中雕刻出来,表面有清晰自然木纹、手工刻刀痕迹和木质明暗层次,笔画边缘带雕刻形成的立体起伏。适合传统木作、东方匠心、自然材料、手工艺品牌。 常见变体:深色木雕、浅色木刻 小提示:核心:自然木纹 + 刻刀痕迹 + 立体起伏;深色原木背景更有质感

难度:入门 ★

石雕字效Stone Carving Text Effect

文字像在浅灰色石碑或石墙表面雕刻出的立体铭文,字形厚重庄重,笔画浮雕凸起,边缘有清晰凿刻层次,表面保留细腻石材颗粒与自然明暗。适合纪念碑铭文、石雕牌匾、古建筑石刻、文化厚重题材。 常见变体:浅灰石刻、深色碑文 小提示:核心:浮雕凸起 + 凿刻层次 + 石材颗粒;配合方正庄重的字形更协调

难度:入门 ★

流体融化字效Liquid Melt Text Effect

文字带透视变形、弧形弯曲和波浪扭曲,笔画边缘被液体溶解、拉丝和下坠,与下方流体拖影自然融合,复古霓虹光谱(靛蓝/孔雀蓝/湖绿/洋红/橘红/暖黄/奶白),带轻微颗粒胶片感。适合 Y2K 复古音乐海报、迷幻唱片封面、地下派对视觉。 常见变体:透视融化、波浪融化 小提示:核心:字与拖影融合,不是分离;复古霓虹光谱别过度荧光;轻微颗粒胶片感增强 Y2K 气质

难度:入门 ★

字体风格

14 条 · 选对字体气质:极简无衬线、国潮、手写、像素体

时尚体Fashion Font

字形前卫、线条简洁流畅、结构紧凑的现代时尚类字体。适合潮流品牌、杂志封面、都市宣传视觉。可细分为:潮流品牌字(线条简洁流畅)/ 高级杂志字(字形修长、字距舒展)/ 都市潮流字(宽扁低重心、横向延展、硬朗平直)/ 先锋设计字(结构大胆重组、局部夸张变形)。 常见变体:都市潮流字、高级杂志字、先锋设计字 小提示:宽扁低重心适合现代城市潮流视觉;修长字距舒展适合杂志感

难度:入门 ★

极简无衬线体Minimal Sans

字形方正、笔画均匀、横竖比例均衡的无衬线字体,理性克制、结构稳定。适合高端品牌 Logo、知识专栏/课程封面、科技产品 UI 标题。可细分为:极简品牌字(方正厚重、字距克制)/ 现代知识字(端正清晰、结构开放)/ 清爽留白体(轻盈舒展、字距大幅拉开)/ 几何科技体(模块化、转角近直角)。 常见变体:极简品牌字、现代知识字、清爽留白体、几何科技体 小提示:高端品牌 Logo:方正厚重 + 字距克制;知识封面:端正清晰 + 字距舒展;科技 UI:模块化 + 直角转角

难度:入门 ★

细线体Thin Line Font

字形高挑窄长、笔画纤细挺拔的字体,竖向比例明显拉伸,横画短而克制,收笔精致。适合轻奢香水/珠宝品牌、生活方式杂志、深度知识专栏、未来科技界面标题。可细分为:轻奢细线字(高挑窄长、收笔精致)/ 温柔细线字(纤细柔和带自然弧度)/ 理性细线字(端正方阔、线条细而有秩序)/ 未来细线字(几何化、模块断开式连接)。 常见变体:轻奢细线字、温柔细线字、理性细线字、未来细线字 小提示:轻奢方向:高挑 + 收笔精致;科技方向:几何化 + 断连;画细线字时避免整体发虚,保留结构秩序

难度:入门 ★

现代衬线体Modern Serif

字形修长挺拔、笔画有粗细对比、衬线短小利落的现代衬线字体,专业、商业、可信。适合高端时尚杂志标题、商业报告、财经/深度报道专栏、珠宝高定品牌。可细分为:杂志衬线体(粗细对比明显、衬线短小利落)/ 商业衬线体(结构稳定、衬线克制)/ 轻奢衬线体(高挑纤长、衬线精致尖细)/ 专栏衬线体(方正端庄、衬线短直稳定)。 常见变体:杂志衬线体、商业衬线体、轻奢衬线体、专栏衬线体 小提示:杂志感:粗细对比 + 字距舒展;商业可信:结构稳定 + 衬线克制;高定感:纤长 + 尖细衬线

难度:入门 ★

极简手写体Minimal Handwriting

字形轻盈自然、线条流畅像随手写下的手写字体,真实、温柔、有个人感。适合生活杂志手写标题、成长笔记、个人品牌签名、情绪表达。可细分为:清新手迹体(中性笔随手写)/ 成长笔记体(柔和松弛带粗细变化)/ 个人签名体(连贯流动、尾笔拉长)/ 情绪手写体(轻微倾斜、速度感、自然抖动)。 常见变体:清新手迹体、成长笔记体、个人签名体、情绪手写体 小提示:生活杂志:轻盈自然 + 字距舒展;签名:连贯流动 + 识别度;情绪:倾斜 + 速度感 + 抖动

难度:入门 ★

涂鸦字体Doodle Font

街头涂鸦类字体,笔触粗硬、边缘有喷漆颗粒飞溅或手写拖拽痕迹,攻击性与反叛感强。适合街头文化海报、青年观点标语、潮牌、地下演出。可细分为:街头喷漆体(高速喷漆扫过、尖锐切角、喷漆颗粒飞溅)/ 手写标语体(粗马克笔、停顿拖拽急停)/ 泡泡潮牌涂鸦体(圆胖饱满、bubble graffiti 挤压堆叠)/ 爆裂摇滚涂鸦体(破碎撕裂、碎片感、爆炸式构图)。 常见变体:街头喷漆体、手写标语体、泡泡潮牌涂鸦体、爆裂摇滚涂鸦体 小提示:街头感关键词:喷漆颗粒/飞溅/干刷断裂;潮牌感:bubble graffiti + 错位堆叠;地下演出:破碎 + 爆炸式构图

难度:入门 ★

艺术字体Display Font

字形结构打破常规、笔画被拆解重组或抽象化、保持可读但充满先锋实验感的字体。适合现代艺术海报、美术馆/设计展、概念艺术。可细分为:抽象构成体(几何块面+抽象线条重组、构成主义)/ 展览海报体(克制有设计感、拉伸切分)/ 概念实验体(结构不规则、线条断开漂移错层)/ 创作者爆发体(夸张有张力、笔画向外扩张冲出边界)。 常见变体:抽象构成体、展览海报体、概念实验体、创作者爆发体 小提示:展览:克制 + 拉伸切分;概念:拆解重排 + 漂移错层;注意保持可读性底线

难度:入门 ★

夸张体Exaggerated Font

字形极度放大、笔画粗壮厚重、结构被压缩或扭曲的强冲击字体,一眼停住。适合短视频封面、爆款文章封面、表情包标题、强观点海报。可细分为:强冲击标题字(极度放大、粗壮厚重、紧密有力量)/ 爆款封面字(粗黑醒目、饱满直接、标题节奏)/ 表情包标题字(故意变形放大、圆胖不规则、大小错落)/ 强观点夸张字(锋利紧绷、前倾、冲撞感)。 常见变体:强冲击标题字、爆款封面字、表情包标题字、强观点夸张字 小提示:封面:粗黑醒目 + 标题节奏;表情包:变形放大 + 大小错落;强观点:前倾 + 冲撞感

难度:入门 ★

未来感字体Futuristic Font

字形硬朗几何、笔画平直或流体化、带切角/透视/故障感的科技未来类字体。适合科技产品发布会、虚拟现实/元宇宙、赛博题材、AI 品牌。可细分为:科技标题体(硬朗几何、直角、切角、字距克制)/ 液态未来体(流体弯折拉伸、边缘顺滑)/ 虚拟空间体(空间透视折叠、前后层次错位)/ 赛博断裂体(数字故障切段、横向漂移断裂重组)。 常见变体:科技标题体、液态未来体、虚拟空间体、赛博断裂体 小提示:发布会:硬朗几何 + 直角切角;赛博:故障切段 + 漂移重组;液态未来:顺滑弯折 + 平衡稳定与变形

难度:入门 ★

像素风格体Pixel Font

字形由方块像素拼成、边缘阶梯状锯齿感的像素字体。适合 8bit 复古游戏、街机、复古屏幕故障、模块化系统标题。可细分为:复古像素体(小方块规整、8bit 感)/ 街机游戏体(大块像素、方正有力量)/ 像素故障体(局部横向错位缺块断裂)/ 方块模块体(规整方形模块、网格系统感)。 常见变体:复古像素体、街机游戏体、像素故障体、方块模块体 小提示:8bit:小方块 + 规整;街机:大像素 + 力量;故障像素:错位缺块 + 保持可读

难度:入门 ★

复古字体Retro Font

带旧印刷/旧招牌/怀旧出版质感的复古类字体,端正克制、有年代记忆感。适合老电影字幕、港式旧招牌、怀旧刊物封面、复古广告。可细分为:老电影字幕体(印刷颗粒感)/ 港式旧招牌体(厚重方正、手工刻字、复古圆角)/ 复古广告体(粗壮、老式招牌感)/ 怀旧出版体(端庄、书卷气、横竖均衡)。 常见变体:老电影字幕体、港式旧招牌体、复古广告体、怀旧出版体 小提示:老电影:端正 + 印刷颗粒;港式招牌:厚重 + 手工刻字 + 圆角;怀旧出版:书卷气 + 稳重

难度:入门 ★

毛笔书法体Brush Calligraphy

带毛笔运笔气韵的书法类字体,顿挫、连带、飞白、墨色晕染是关键。适合报头题词、文化品牌、茶室民宿、国风海报。可细分为:报头题字体(庄重开阔、墨色重量、权威感)/ 狂草书法体(连绵飞动、粗细强烈对比、飞白断墨)/ 行书体(飘逸流动、提按转腕牵丝、气脉连续)/ 禅意体(松弛随性、呼吸感、天然抖动)。 常见变体:报头题字体、狂草书法体、行书体、禅意体 小提示:狂草:连绵 + 飞白断墨 + 允许变形;行书:提按转腕 + 牵丝 + 气脉连续;禅意:松弛随性 + 呼吸感;中文书法可让模型自动采用更合适的传统字形或繁体写法

难度:入门 ★

国潮体China-chic Font

融合书法/篆刻/牌匾等东方元素与现代设计的国潮字体,东方美学+潮流张力。适合新中式品牌、国风海报、老字号牌匾、国潮联名。可细分为:东方瘦金体(高挑清峻、锋芒、筋骨)/ 国风牌匾体(厚重饱满、手工刻字顿挫)/ 潮流篆意体(篆书圆转+现代简化、图腾感)/ 东方海报体(书法飞白+现代块面冲击、大气张扬)。 常见变体:东方瘦金体、国风牌匾体、潮流篆意体、东方海报体 小提示:瘦金:细而有锋芒 + 筋骨;牌匾:厚重 + 方圆顿挫;篆意:圆转 + 图腾感;海报:飞白 + 块面冲击

难度:入门 ★

童趣商业字体Playful Font

字形圆润活泼、带手绘或拼装感的童趣类字体,温暖天真。适合儿童绘本封面、亲子阅读、玩具包装、零食包装、儿童活动海报。可细分为:绘本蜡笔体(蜡笔/彩铅手绘颗粒、高低错落)/ 积木拼装体(圆角积木模块、卡扣感)/ 零食包装体(厚实活泼、弹跳错位节奏、无额外装饰)/ 剪纸拼贴体(纸片拼贴、毛边、错位层次)。 常见变体:儿童绘本体、乐高玩具体、零食包装字、剪纸拼贴体 小提示:绘本:蜡笔手绘颗粒 + 高低错落;积木:圆角模块 + 卡扣感;零食包装:厚实弹跳 + 明确‘不要装饰’

难度:入门 ★

内容运营

103 条 · 选题、生产、分发、复盘的行话与黑话

定策略

19 条 · Brief、大创意、调性、账号定位

创意简报Creative Brief

动手前把「给谁看、说什么、要什么结果」写成一页纸——广告公司百年验证的需求对齐工具。4A 广告公司开工前的第一份文件,一页纸回答五个问题:目标受众是谁、核心信息是什么、希望他们看完做什么、调性是什么、预算和时间。所有创意争议最后都回这张纸上裁决。给 AI 派活也一样:先写 brief 再要结果,比「帮我写个文案」的返工率低一个量级。

难度:进阶 ★★

大创意Big Idea

能串起整个 campaign 的那个核心创意点:简单到一句话,强到能延展成一个系列。4A 术语:基于洞察、简单到一句话说清、又能延展出多个落地物的核心创意。判断标准三条:和洞察有关(说中人真实的处境)、可一句话转述(读者能转告朋友)、可延展(能变成系列内容而不只是一篇)。大创意是「策略」和「执行」之间的翻译层。

难度:进阶 ★★

主视觉KV / Key Visual

一次传播的核心画面:所有物料从它延展——海报、封面、头图都是它的变体。KV = Key Visual,一次 campaign 的核心画面:先做出一张主 KV,再延展成海报、开屏、封面、详情页头图——所有物料共享同一视觉记忆。判断一张 KV 合格的标准:不看文字也知道是哪个品牌的活动;缩成缩略图(信息流尺寸)依然成立。

难度:进阶 ★★

调性Tone & Manner

品牌说话的态度和样子:同一个「再见」,可以体贴、高冷或俏皮——那就是调性。4A 术语,指品牌或账号表达时一贯的态度与风格,落在用词、句式、画面、节奏上。它和「风格」的区别:风格可以是单篇的,调性是长期的、可复用的——换个写手也能写出同一种感觉。落地方法是把感觉翻译成约束:用词列表(这些词我们用/不用)、句式规则(短句、说人话)、禁忌(不玩梗/不焦虑营销)。

难度:进阶 ★★

目标受众Target Audience / TA

你内容写给谁看——定义得越具体,内容越好写,流量反而越大。内容最终服务的具体人群。新手误区是定义得太宽(「想学 AI 的人」),宽到等于没有。合格的 TA 定义包含三层:身份处境(做什么工作、卡在什么环节)、信息习惯(在哪个平台、信谁的话)、目标焦虑(想变成什么样)。给 AI 派活时带上这三层,产出质量立竿见影。

难度:入门 ★

消费者洞察Consumer Insight

用户没说出口、但被你说中就浑身一激灵的那句真话——好内容的起点。4A 术语:来自真实行为的、未被满足或未被说破的动机。判断是不是洞察的试金石:说出来的时候读者反应是「对!就是这样」而不是「哦,知道了」。洞察藏在抱怨、行为和尴尬里,不在问卷的标准答案里——「想要健康」是表述,「怕体检报告」才是洞察。

难度:进阶 ★★

广告战役Campaign

围绕一个目标、一个创意、一段时间,打的一组组合拳——不是一个广告,是一套。4A 术语:有统一目标、统一 Big Idea、明确起止时间的整合传播活动,由多个触点的物料组成(内容、投放、活动、私域)。和单篇内容的区别:campaign 是「战役思维」——预热、引爆、延续各有节奏,每个物料承担不同任务,但共享同一核心创意。

难度:进阶 ★★

广告语与标语Slogan vs Tagline

slogan 是品牌的长期口号,tagline 是单次活动的短句——中文里常混着叫「广告语」。英文里 slogan 指品牌长期使用的口号(Nike: Just Do It),tagline 常指某次 campaign 的短句,实践中两者常互换,中文都叫「广告语」。区分意义在于时间尺度:slogan 要扛十年(别追梗),tagline 服务单次活动(可以玩梗)。判断一条广告语好坏:能不能只念一半别人接出下半句。

难度:入门 ★

账号定位Account Positioning

一句话说清「你是谁、给谁、凭什么记住你」——所有内容决策的上游。运营语境里的定位 = 在目标读者心里占住一个位置。完整表述三段:给谁(TA)、提供什么(内容价值)、凭什么是我(差异)。它的作用不是写在简介里好看,而是当决策过滤器:任何选题、任何合作、任何改版,先问「这符合我的定位吗」。定位飘了,粉丝结构就乱,转化就断。

难度:入门 ★

人设Persona

账号在读者眼里「像个什么人」:说话习惯、立场、弱点都得像——真实感的放大器。读者对你这个「人」的整体印象:说话方式、价值观、甚至可以暴露的弱点。人设和定位的区别:定位回答「你做什么」,人设回答「你像谁」。可执行的人设 = 3 个稳定特征 + 1 个可暴露的弱点(完美人设没有记忆点也不可信)。所有平台内容(含评论区回复)都在喂养同一个人设。

难度:入门 ★

内容支柱Content Pillar

账号的 3~5 个固定主题方向:内容地位的「承重墙」,其他选题都挂在上面。账号长期围绕的 3~5 个核心主题,英文叫 content pillar。它是选题矩阵的横轴、内容日历的骨架、也是算法给账号「打标签」的依据——支柱越稳,系统对账号的认知越准,推荐越精准。超过 5 个支柱,账号画像就散了;少于 3 个,内容容易写枯。

难度:入门 ★

品牌语感Brand Voice

品牌「怎么说话」的稳定性格;tone 是它在不同场合的情绪音量——voice 是性格,tone 是语气。英文内容营销的两个易混词:voice 是品牌一贯的说话性格(专业但不说教),不会因场合改变;tone 是性格在具体场合的音量(道歉时收着说,庆祝时放开说)——同一 voice,不同 tone。中文语境常合并说「语感」。给 AI 用时区分这两层特别有用:性格写进 system 级约束,音量按单篇调整。

难度:进阶 ★★

内容北极星Content North Star

账号所有内容服务的那一个唯一目标:写什么、接什么、拒什么,都拿它校准。借用「北极星指标」:账号在一定阶段内唯一最重要的目标——可以是粉丝量、私域人数、课程销量或某类内容的影响力。它的价值是拒绝权:当热点选题、商务合作、新板块诱惑出现时,北极星是唯一合法的拒绝理由。北极星每个阶段只设一个,变了要正式「换星」。

难度:入门 ★

4A 职称黑话速查Agency Role Jargon

AE、CD、ECD、Traffic……广告公司职称黑话一篇看懂——对接乙方或看行业内容不再懵。4A 体系按职能分四条线:客户线(AE 客户执行,俗称「阿康」→ SAE 高级 → AM 客户经理 → AAD/AD 客户总监)、创意线(CW 文案 / AD 美术指导,注意 AD 在创意线是美术不是总监)、创意管理层(CD 创意总监 → ECD 执行创意总监)、流程线(Traffic 项目排期,管进度不管创作)。和乙方开会时,谁的职位决定他能拍板什么。

难度:入门 ★

文案四层级Benefit Ladder

把卖点从「功能说明」升维到「价值观表达」的四层阶梯——层级越高,受众越窄。从产品和用户两个视角,把文案策略分成四层:①属性说明(把 1000 首歌装到口袋里)→②功能利益(出差两天不用带充电器)→③心理满足(你买的不是跑鞋,是自律的生活方式)→④价值实现(Nike:Just Do It)。四层不是替代关系,可以组合使用;层级越高,受众越窄。

难度:入门 ★

长短文案三要素Long vs Short Copy

没有长文案,只有太长的文案——用目的、信息量、场景三个维度决定写多长。三个决策维度:①写作目的(新品上市要说服→长文案;挖掘潜在用户→短文案)②产品信息量(技术复杂/形象文案→长;饮料衣服等熟悉品类→短)③阅读场景(杂志/公众号/书店→长;地铁/公交/户外→短)。出自李欣频文案课。

难度:入门 ★

品牌还是销售Brand vs Sales

客户嘴上说「提升品牌形象」,真实目的往往是「销售」——写品牌文案前先做这个判断。品牌文案圈的经典判断题:客户嘴上要品牌,真实要的是「钱响」。本土甲方一般先重销售,生意做大了自然就成了品牌。判断错位的代价是整条提案自嗨——客户要销售逻辑,你给他品牌调性,改稿改到天荒地老。

难度:入门 ★

塘主导航法Tang Navigation Method

万能文案创作公式:确定起点、锚定终点、寻找最佳路线——销售逻辑没提炼出来,就不落笔。塘主文案课的底层公式,配套心法:「文案,是销售逻辑的文本表达」。三步:①确定起点——产品/品牌当前的认知现状 ②锚定终点——用户看完文案后的理想认知状态 ③选择路线——从起点到终点的最有效沟通路径。落到执行是 4 步自动化代码:确定起点锚定终点 → 想象处于终点时的状态 → 寻找文案的销售逻辑 → 梳理提案。

难度:进阶 ★★

沟通场Communication Field

信息不是从媒介直达受众,是先经过一个「沟通场」发酵再被消化——场不对,文案白写。塘主销售逻辑的认知基础:从业者常以为文案信息从媒介直接传给受众,这是简化错误。信息经过「沟通场」发酵后再被人接收——场包括视觉环境、渠道、时机、语境的整体氛围。案例:项链放在玻璃柜台里姿色平平,挂在模特脖颈上动人——产品没变,变的是场。Keep《以肉换肉》创意、执行、插画、文案全专业,但「油腻屠夫健身」的场让用户本能反感——所有要素都对,组合在错的场里就恶心。

难度:进阶 ★★

选题策划

15 条 · 信号、选题矩阵、钩子、热度预估

选题Topic Selection

决定「这篇内容写什么、从哪个角度写」,是内容生产的第一道工序,比文笔重要。决定「这篇内容写什么、从哪个角度写」,是内容生产的第一道工序。行业里常分三类:常规选题(栏目化、可预期,如每周教程)、月经式选题(固定周期必蹭,如节日、财报、发布会)、热点选题(追时效,拼速度和角度)。同一件事选不同角度,就是不同选题——「AI 做海报」是主题,「16 种构图手法」才是选题。

难度:入门 ★

选题矩阵Topic Matrix

把「读者关心什么」和「我能讲什么」交叉成一张表,让选题不靠灵感靠覆盖。把「读者关心什么」和「我能讲什么」交叉成一张表:横轴放内容支柱(你账号的 3~5 个主题方向),纵轴放内容类型(科普/方法/案例/观点),每个格子就是一个选题方向。矩阵的价值是看出空格——哪个支柱快一个月没写了、哪种类型从来不做,补格子就是补选题。

难度:入门 ★

信号监控Signal Monitoring

把「刷到什么写什么」升级成「每天定点采集行业信号」:信息源固定、采集定时、过滤有标准。把「刷到什么写什么」升级成定点采集。信号 = 可能变成内容的原始线索:行业新闻、竞品爆款、社群里的提问、评论区的抱怨、政策文件、平台规则变化。监控三要素:信息源清单(先 10 个高质量源,别贪多)、固定时间(每天 20 分钟扫一遍)、过滤标准(与账号定位的相关度)。

难度:入门 ★

信号聚类Signal Clustering

把零散信号按主题归堆:三条以上信号指向同一件事,才值得做成内容。把零散信号按主题归堆。逻辑很简单:单条信号可能是噪声,同一主题的信号扎堆出现 = 真趋势。做法:给每条信号打主题标签 → 数每个主题的信号量 → 扎堆的前几名进入选题评估。这也是本站选题流水线的真实工序:每天的选题简报就是「采集 → 过滤 → 聚类 → 出选题」。

难度:进阶 ★★

情绪钩子Emotional Hook

让读者 3 秒内产生「这说的就是我」的情绪反应,选题和标题共用的发动机。让读者 3 秒内产生「这说的就是我」的情绪反应。常用六类:焦虑(再不学就晚了)、好奇(居然是这样)、共鸣(打工人都懂)、愤怒(凭什么)、贪心(免费拿走)、恐惧(别踩这个坑)。同一个选题换钩子就是完全不同的内容:「AI 做海报」用好奇是「AI 居然能做海报」,用贪心是「16 套海报模板直接抄」。

难度:入门 ★

为何现在发Why Now

回答「这个内容为什么必须今天发、上周发行不行」——选题的时效性论证。回答「为什么必须现在发」。靠谱的「现在」来自四类:热点事件刚发生、节点将至(节日/财报/发布会/开学季)、趋势到了临界点(讨论量明显抬头)、竞品空白(别人还没写)。论证不出 why-now 的选题不是不能写,而是该进冷备库——好内容但不必抢时间。

难度:入门 ★

预估热度Predicted Heat

动笔前给选题的潜在流量打分(高/中/低),让有限产能押在更可能爆的题上。动笔前给选题的潜在流量打分。估算依据四条:同主题历史数据(自己 + 竞品爆款)、平台搜索热度、社群讨论量、情绪强度。注意:预估的作用是给选题排序,不是保证爆——它不精确,但把命中率从「随机」提到「大概率」,产能就不会浪费在没水的地方。

难度:进阶 ★★

竞争程度Competition Level

同一个选题已经有多少人写过、写得多好——决定你「凭什么被看到」。评估同一选题的拥挤程度。方法:站内搜 + 搜索引擎搜关键词,看前 10 个结果的角度和质量;再看竞品账号近期写没写。竞争高的题不是不能做,但必须靠差异化角度(更垂直、更新、更狠)或更强执行;竞争低的题好挤进去,但要先验证需求真实存在——没人写有时是因为没人想看。

难度:入门 ★

内容日历Content Calendar

把「下个月发什么」提前排进一张表:日期、选题、形式、渠道、状态,更新不再看心情。把未来一个月的内容提前排进一张表,英文叫 Editorial Calendar。最小可用版五个字段就够:日期、选题、形式、渠道、状态。排法:先钉死节点位(节日/发布会/大促),再填常规栏目,最后留 20% 空位给热点机动。日历的意义不是纪律,是让你在「今天发什么」上不做决策。

难度:入门 ★

内容大纲Content Outline

动笔前先把骨架写出来:开头钩子、分论点顺序、每段的素材位——先对齐再填肉。动笔前把文章骨架写出来,管三件事:定结构(总分总/清单体/故事体)、定论点顺序(最重要的放前还是层层递进)、标素材位(哪段放案例、数据、图)。AI 时代大纲更关键:大纲是你和 AI 之间的「合同」——先让 AI 按大纲交付,比让它自由发挥再返工省太多时间。

难度:入门 ★

选题会Topic Pitch Meeting

一群人对着选题提案投票、抬杠、定优先级的会——一个人的账号也可以拉 AI 开。内容团队的例行动作:过上周数据 → 每人提选题(一句话 + why-now)→ 集体质询(谁看?凭什么是我?别人写没写?)→ 定级排期。本质是用别人的视角补自己的盲区。一人账号的替代玩法:让 AI 扮演毒舌主编,对你的每个选题提三个刁钻问题——一个人的选题会,五分钟开完。

难度:入门 ★

爆款模式匹配Viral Pattern Match

把你的选题和标题对照已知爆款模式打分,看它像不像「能火的姿势」。把手头选题/标题对照一份爆款模式清单打分。常见模式:数字承诺(3 个方法)、反常识(你以为 X 其实 Y)、身份代入(打工人/宝妈/新手)、损失规避(还在用 X?)、结果前置(我靠 X 做到了 Y)、权威背书(大厂都在用)。它是概率工具:把内容调到「像能火的样子」,提高命中率,但不保证爆。

难度:进阶 ★★

议题地图Issue Map

把你的核心问题写成一张地图,选题前先对表——防止写偏,也防止写别人写过的。组织方法:3~5 个领域 × 每个领域 3 个核心问题,每个问题下挂「选题可能的方向」。使用四则:①选题时选一个核心问题,问自己「对这个问题我有什么新观察/判断/一手经验」,都没有就换问题 ②成稿后回检是否真的回到了核心问题 ③每月修订——过时的替换,答够的归档 ④跨领域交叉点往往是最差异化的内容。本站作者的方法论原始文件就是一份活样本。

难度:入门 ★

三步选题法Three-Step Topic Selection

受触动原因分析 → 场景定位 → 验证——把「我被触动了」变成可执行的选题。出自《爆文制造》:①分析你为什么被触动——你的情绪点大概率就是读者的情绪点 ②把话题定位到具体场景——越具体越好写、越有画面 ③验证——同类话题是否有搜索、有共鸣、有对标爆款。三步走完,「灵感」才变成「选题」。

难度:入门 ★

1234素材原则1234 Material Mix

1 个生活故事 + 2 个影视案例 + 3 个新闻热点 + 4 个高赞观点——四源配比撑起说服力。出自《爆文制造》的素材配比记忆法:生活故事负责共鸣、影视案例负责画面、新闻热点负责时效、高赞观点负责权威。配套的素材渠道三分法:开放渠道(搜索引擎)、封闭渠道(书和课程)、社交渠道(评论区——负责让文章情感落地)。数字是配比记忆,不是死公式。

难度:入门 ★

内容生产

43 条 · 脚本、分镜、样机、审校与状态流

反模式检测Anti-pattern Check

发稿前用五维评分扫一遍「AI 味」和坏表达:直给、节奏、可信、真实、密度,逐项给改法。发稿前对草稿做机器 + 清单式体检。本站流水线用的是五维:直给度(有没有绕弯子)、节奏(句长是否单调)、可信度(有没有空话大词)、真实感(像不像人写的)、信息密度(有没有注水段)。每个维度打分并给具体改法,而不是一句「AI 味有点重」。本站的「去 AI 味」页面就是这套思路的公开版:42 项检查清单 + 反向词典。

难度:入门 ★

审校评分卡Review Scorecard

把「这篇稿子行不行」变成一张有分数的表:标题、事实、合规、爆款匹配,改哪条一目了然。把模糊的「审稿」变成固定字段的评分表。本站流水线的审校报告字段:标题吸引力分、反模式五维评分、事实核查(数字/引用/人名逐一核)、合规检查(绝对化用语、敏感承诺)、爆款模式匹配分、按优先级排序的修改建议。产出留痕成 JSON,改完可以复检——审校从「凭感觉」变成「可复盘」。

难度:入门 ★

草稿状态机Draft Status Workflow

给每篇内容定一套固定状态:草稿→已优化→过审带备注→已发——批产不乱的后端。给每篇稿件一个固定状态字段,记录它处在流水线哪一步。本站流水线用四态:draft(初稿)→ optimized(已过反模式优化)→ approved_with_notes(过审但留修改备注)→ published。状态写在每篇的 frontmatter 里,任何一篇「卡在哪」一眼可见;日更多篇的账号没有状态机,一定会发生「这篇到底改没改过」的惨案。

难度:进阶 ★★

口播脚本Script / Voiceover Script

写给「嘴」的稿子:口语节奏、短句、留呼吸位——书面语写出来的稿子念着一定别扭。口播脚本是写给嘴和耳朵的,不是写给眼睛的。三条铁律:口语化(「这个方法」而不是「本方法」)、短句(一口气念得完)、写语气不写字数(标注重音和停顿)。开头三句决定完播,脚本要先把钩子写死再写正文。

难度:入门 ★

分镜故事板Storyboard

把脚本画成一格一格的小画面:每格镜头怎么拍、停几秒——拍摄和 AI 生图的总指挥。分镜(故事板)把脚本切成一连串画面:每格标注镜头内容、景别(远/中/近)、时长和转场。它是拍摄现场的施工图,也是 AI 生视频的提示词骨架——按格给 AI 下指令,比整段描述可控得多。合格分镜不要求画得好,火柴人也行,关键信息是「观众每秒看到什么」。

难度:入门 ★

动态分镜Animatic

把分镜串成带时长的粗剪片子:还没精拍,先看节奏对不对——行业中文名「莱卡卷」。把静态分镜按时长串成一段粗糙的动态预览(配上临时音频),行业里也叫莱卡卷(Leica reel)。用途是在花钱拍摄/生成之前验证节奏:哪里拖了、哪里赶了,在动画/广告业是标准工序。对 AI 视频尤其有用——先用静态图 + 剪辑软件拼出 animatic,确认节奏再逐格生成视频,省大量生成成本。

难度:进阶 ★★

AIGC 内容工厂AIGC Content Pipeline

把内容生产拆成标准工序,AI 认领其中可标准化的环节——批产能稳定,全靠工序化。把「写一篇内容」拆成流水线:信号采集 → 选题评估 → 大纲 → 初稿 → 反模式优化 → 审校 → 配图 → 发布,每道工序有明确输入输出,AI 认领其中可标准化的部分(初稿、优化、审校),人守住判断环节(选题、定稿)。工厂的核心不是「全自动」,是「每道工序可检查、可返工、可交接」。

难度:进阶 ★★

数字人口播Digital Human Presenter

用 AI 生成的虚拟形象念稿出镜:不用真人出镜也能日更视频——但观众越来越看得出来。数字人 = AI 生成的虚拟形象 + TTS 配音 + 口型驱动,输入文案直接产出出镜视频。适用场景:知识口播、资讯播报、多语言版本;不适用场景:需要真实人设和情绪共鸣的内容——观众对数字人的信任阈值远高于真人,露馅一次掉粉一次。各平台对数字人内容有标注要求,混用有风险。

难度:入门 ★

文字转语音TTS / Text-to-Speech

把文字念成语音的技术:配音、数字人的底层零件——选声音比选引擎更影响效果。TTS(Text-to-Speech)把文字转成语音,是视频配音和数字人的底层零件。选型看三点:音色自然度(有没有机器味)、多音字和断句准确性(中文尤其容易翻车)、商用授权(不是所有引擎的音色都能商用)。写 TTS 稿有专门技巧:数字写成汉字、避免英文缩写、用标点控制停顿。

难度:入门 ★

样机Mockup

把平面设计「穿」进真实场景的模板:手机壳、T 恤、易拉宝——交付前让客户看到实物感。把平面稿套进真实物件的展示模板:手机屏、包装盒、T 恤、路牌、易拉宝。作用是把「想象」变成「眼见为实」:同一个 logo 平放着没感觉,压在实体包装 mockup 上立刻有商品感。给 AI 用法有二:让 AI 生成带留白的场景图当自制 mockup,或把设计稿喂给 AI 换场景渲染。

难度:入门 ★

样稿样片Demo

正式生产前做的小样:用最小成本验证「成品大概长什么样」——广告业叫 DEMO,音乐圈叫小样。Demo 是正式执行前的低成本预览:一段 15 秒的样片、一页版式样稿、一个可点的原型。它回答的问题是「这样做行不行」,而不是「做完了」。和 mockup 的分工:mockup 展示静态设计感,demo 验证动态体验和节奏。报价昂贵的项目(视频/开发)一定先 demo——这是花钱买「改方向的机会」。

难度:入门 ★

提案文件Deck / Pitch Deck

把方案做成一页一观点的演示文稿:广告公司叫提报 PPT,创业者叫 BP——会看的先看逻辑再看好坏。Deck 泛指逐页推进的提案演示文稿:广告公司的提报 PPT、融资的 BP、内容的商务合作方案都是。合格 deck 的结构是叙事:问题 → 洞察 → 方案 → 证据 → 要什么。每页只放一个观点 + 一句标题——读者先扫标题连成故事,再决定看不看细节。给 AI 用法:先让它出 10 页大纲和每页标题,确认后再填内容。

难度:入门 ★

提报与比稿Pitch / Competitive Pitch

向客户讲方案叫提报;多家竞争一个项目叫比稿——内容接商单绕不开的两个动作。提报(pitch):把 deck 当面讲给决策者,重点不是念稿,是回答「为什么是我们」。比稿(competitive pitch):客户同时邀几家出方案择优——行业惯例是无偿或低价劳动,所以要设边界:控制投入时长、核心方法可以讲但执行细节留到签约。比稿赢率低是常态,赢率比预期高反而要警惕报价是否太低。

难度:进阶 ★★

素材与物料Assets / Collateral

生产线上可复用的零件:图、logo、模板、口播片段——素材库是账号的固定资产。广告公司把可复用的生产材料叫物料(collateral),数字时代的统称是素材(assets):品牌 logo、封面模板、字体、配色、常用图、口播金句片段、BGM 库。素材库的价值是复利:每次生产顺手归档,半年后新内容的起手速度是别人的三倍。素材库要有命名规范——搜不到的素材等于没有。

难度:入门 ★

感官写作法Sensory Copywriting

不卖牛排,卖滋滋声——把功能利益转译成看得见摸得着的五感体验。李欣频文案课的核心技法。五感转译:视觉用具体画面代替抽象描述(「脸色好看」→「玫瑰花在脸上盛开」);嗅觉用气味绑定情感记忆(「我只穿香奈儿 5 号入睡」);触觉用身体感受比喻抽象体验(「孤独和关节炎一样痛」);味觉可以给任何商品赋予滋味;通感多感官联动。三步写作:选主打感官 → 闭眼想象画面 → 用具体名词和动词转译,少用形容词。

难度:入门 ★

短句组合法Short Sentence Strings

4~7 字短句排比造势,省略复杂成分——干货文和情绪文通用的开头引擎。李欣频文案课技法:用 4~7 个字的短句快速传递情绪,省略复杂成分,多个短句组成排比。经典示例:「不懂卡尔维诺,不懂爱情。不懂身体气象学,不懂同性恋。」「容易激动、容易对立、容易感染、就是不容易感动。」进阶用法:把长句拆成短句,像现代诗一样分行。文体适配:干货/分析文用短句排比造势,品牌故事用情绪落差(见情绪唤起法)。

难度:入门 ★

情绪唤起法Emotional Gap

一句话里先给甜蜜再给失落——用情感落差让读者非读下去不可。李欣频文案课技法:在开头放入强烈情感色彩的词语,制造情感落差。经典示例:「我们不是说好,要到太麻里一起看千禧年的第一道曙光吗?你却缺席了。」——「说好」「第一道曙光」是甜蜜期待,「缺席了」是失落,落差在一句之内完成。适用:品牌故事、情感文、产品文案的场景代入。

难度:入门 ★

结尾三法Three Endings

首尾呼应、水到渠成、反转结局——结尾的三种标准收法,按文体选。李欣频文案课技法。①首尾呼应:重复标题强化核心,或标题设悬念结尾揭谜底(「抢救童年」)②水到渠成:正文铺垫渲染,结尾自然引出产品并唤起行动(诚品开幕「请你及时作乐」)③反转结局:先让读者以为在讲 A,结尾揭晓其实在讲 B,A 和 B 有内在关联。选择指南:品牌宣传/干货→首尾呼应;活动/邀请→水到渠成;公益/社会议题/故事→反转结局。

难度:入门 ★

语言池Language Pool

平时按兴趣和行业攒词库,写的时候才不会词穷——文案人的弹药库。李欣频文案课技法。三个攒法:①按兴趣收集——喜欢吃的就收集食谱动词(剁切煎煮炒炸烩焖烤焗蒸熬烫腌)②按行业收集——服务什么品牌就收集那个领域的特定词语 ③替换旧搭配——不说「刺激灵感」,说「灵感的潜意识层出土」。配套功法「动词写出灵性」:以动写静(「脸色好看」→「玫瑰花在脸上盛开」),替换旧动词(「看海」→「阅读海」——海明威阅读海,发现生命是一条要花一辈子才会上钩的鱼)。

难度:入门 ★

4U法则4U Rule

紧迫、有用、独特、超具体——四个标准检验标题和卖点值不值得点开。出自格伦·费雪《深度文案》:Urgent 紧迫、Useful 有用、Unique 独特、Ultra-specific 超具体。配套的 12 词原则:促销文案的一个关键信息最好用不超过 12 个词表达。四项是检验清单——中得越多,标题越值得点。

难度:入门 ★

FAB法则FAB Rule

特点(Feature)→优势(Advantage)→利益(Benefit)——把「它是什么」翻译成「对你有什么好」。经典三段式卖点话术。示例:陶瓷刀——F:氧化锆材质;A:比钢刀硬五倍、永不生锈;B:不用磨刀,切水果没有铁腥味。用户只为 B 买单,F 和 A 都是为 B 服务的论据。

难度:入门 ★

假设成交Assumptive Close

文案默认读者已经买了,直接描述「用起来怎么样」——跳过犹豫环节。关键明系技巧:不说「如果你买了……」,而写「当你把它放在办公桌上……」——让读者在想象中完成拥有,绕过「要不要买」的纠结,直接体验「用了之后」。心理学上叫所有权效应:想象拥有会制造失去感。

难度:进阶 ★★

恐惧诉求四式Fear Appeal

吓人要有分寸公式:恐惧易遭受、恐惧+自检、恐惧+明星效应、恐惧适中。关键明系的恐惧诉求方法论:①恐惧易遭受——强调「这事离你不远」②恐惧+自检——给对照清单,读者中了几条自己心里有数 ③恐惧+明星效应——连 XX 都中招 ④恐惧适中——吓一跳但必须给得出路,过度恐惧会触发读者的心理防御,直接划走。

难度:进阶 ★★

写作五大原理Five Writing Principles

肾上腺素抓眼球、镜像神经元造代入、多巴胺给高潮、GABA 升华、催产素动情——五个脑机制对应五种写法。出自屠龙《写作脑科学》:①肾上腺素——写危机、冲突、意外,读者的注意力被自动唤醒 ②镜像神经元——写具体动作和细节,读者的大脑会「自己演一遍」,产生代入感 ③多巴胺——悬念与反转制造「期待-兑现」的高潮节奏 ④GABA——收束与升华让大脑平静满足 ⑤催产素——共情与情感联结让人想转发给在乎的人。

难度:进阶 ★★

销售逻辑三件套Sales Logic Trio

附属物(物理属性)→衍生物(情感体验)→共情符号(文化共识)——把产品挖到人心里的三步链。塘主品牌文案方法:从产品的附属物(物理属性)推导衍生物(带来的情感体验),最终提炼成共情符号——一个用户身体里已经有的动作或画面。经典实操(儿童水杯):观察孩子双手捧杯 →「捧」= 珍惜守护 → 产品系列命名「捧星」。它是品牌文案创作流程的第四步(终点锚定之后、提案之前)。原始完整版还有两个出手即中的案例:ofo 传播稿从品牌主色「明黄」找到共情符号「梵高」,写出《ofo 的新文案,像极了一位梵高色的生活艺术家》;科大讯飞 AI 语音案例从「工作侵入家庭」借「盲盒经济」造出符号【家,不是「忙盒」】——职业文案像三分球投手,出手那一刻就知道结果。

难度:进阶 ★★

画面感五法Picture-Sense Method

把卖点写进五感——看、听、闻、触、心,五个通道逐个过,再提炼成关键词。关键明卖点技法的核心:抽象卖点让人无感(「口感酥松,气味怡人」),画面感让人流口水。五通道:看(颜色形状)、听(声音)、闻(气味)、触(感觉)、心(内心感受)。先逐通道写全,再提炼关键词用于短文案——多用具象词、动词,少用形容词。

难度:入门 ★

文字试用Word Trial

抛掉专业术语,用文字教顾客「亲自验货」——摸、闻、看,隔着屏幕完成试用。关键明技法:你的产品比竞品贵几倍却没人买账?因为顾客感受不到。抛掉卖点、抛掉专业术语,说顾客听得懂、能感受到的东西,教他三步验真。案例:90 后辣妈卖乳胶枕——摸(真的像婴儿肌肤一样 Q 弹,像摸着蛋白质)、闻(牛奶香精味都是假的,真货是气球和橡皮筋的味道)、看(强光下反光的说明有添加剂)——这篇发售价 59.7 万。

难度:入门 ★

费时费力Effort Visibility

把「独具匠心」换成具体数字——人们默认花的时间越多、工序越多,质量越好。关键明技法:「果园直采」「古法配方」「独具匠心」这些词看起来高大上,其实没用——市场上都这么说,顾客分不出哪家好。换成具体:手工耳环文案「需要同时掌握堆、垒、编、织 4 种手法,只有 10 年的老匠人才行……14 道工序……3 次精细度测试……这个过程一般超过 10 个月」——单次推文卖 10-12 万。句式:这种 xxx(产品卖点),需要_____,还要_____。

难度:入门 ★

大牌关键词Brand Keyword

证明含金量时,抓一个大众认知里的大牌做锚——哪怕你只是配角、配件、弟子。关键明技法:说「花艺师获过全国大赛奖」顾客没感觉(他不是评委),但「Dior、爱马仕发布会御用花艺师 Robbie Honey 的弟子担任首席花艺师」——顾客记住的不是人名,是「爱马仕」。绝大部分顾客不会认真思考,利用他们的漫不经心,用一个他们熟知的大牌悄悄提升第一印象。两个方向:向上背书(五星级酒店家居供应商)和平替(阿玛尼平价替代款)。

难度:入门 ★

跨界名词组合Cross-Category Noun

把产品和一个人人熟知的东西组合成新名词——一个词解释完优势,一个字都不用多。关键明思维工具。四步:①确定你的品类 ②确定产品优势 ③跨界找大众熟知且具备同样特点的东西 ④组合成新名词。案例:水蜜桃+杏=「水蜜杏」(甜、汁多不用解释);奶油+地瓜=「奶油地瓜」(入口即化);音箱+相机镜头=「和小型单反镜头差不多大」(小巧可感,参数无用)。

难度:入门 ★

连锁反应Chain Reaction

写完卖点多问一句「然后呢」——一个卖点串出一串连带好处,直到击中情感。关键明技法:顾客买的不止是卖点本身,还有卖点引发的连锁好处。公式:【激发购买欲望】=【使用场景】+【连锁反应】。案例:PPT 课程 → 轻松上手 → 工作效率提高 50% → 再也不用苦哈哈加班 → 升职加薪的机会;早餐机 → 五分钟简餐 → 睡到自然醒 → 女儿天天抢着做早餐。

难度:入门 ★

塑造理想形象Ideal Self Image

与其让顾客关注功能,不如让他们关注「自己的形象」——把产品变成理想自我的符号。关键明营销思维:一部分消费者,与其让他们关注「功能」(沐浴露洗得干净),不如让他们关注「自己的形象」(沐浴露的香味让你变得绅士)。好的形象会潜移默化影响行为——人会在内心把自己定义成一种人。当你的产品展现的形象与消费者内心渴望的形象一致时,价格就不再是第一决策因素。

难度:入门 ★

顾客证言Customer Testimonial

真实用户的评价是最强背书——最高形态是「像卧底一样亲口写出的证言」。关键明信任建立技法。普通证言(「很好用!」)没人信;有效证言有具体细节和不完美。最高级案例(人体工学椅):「你不要买旗舰款 4599 的,你买 1699 基础款就行了……基础款也能达到旗舰 90% 的性能」——先替顾客省钱,再顺势成交,一封推荐完成信任+促单两件事。

难度:入门 ★

爆料行业内幕Industry Insider

以从业者身份揭露行业内幕,塑造专家人设——高阶玩法是爆完料再替同行「解围」。关键明信任建立技法:和顾客「一起吐槽行业内幕」会迅速拉近心理距离(就像两个人一起说别人坏话感情升温)。教科书案例是卖 139 元蜂蜜的推文:老蜂农自述好蜜被收购商掺假——先愤怒,再解释收购商的难处(销售成本高只能掺假卖低价),为同行解围,最后自己的原酿蜜顺理成章卖出高价。爆料的功能是塑造专家身份 + 证明货真价实。

难度:进阶 ★★

极端测试Extreme Test

把产品放进极端场景当众验证——破「买家秀不可信」的僵局,一图胜千言。关键明信任建立技法:顾客被前后对比图骗多了,普通买家秀已经无感。把验证成本可视化:奥美用强力胶把演员倒挂在天花板上推销(画外音:「本片段未经任何剪辑」);德州防弹玻璃 CEO 亲自站到 5 米外 AK-47 的弹道后;晾衣架挂满农夫山泉桶测承重;粉底让模特在热风空调的跑步机上跑 10 分钟不脱妆。

难度:进阶 ★★

价格锚点Price Anchor

让顾客先认同「值多少」,再看到「卖多少」——顺序错了,降价只会让他怀疑你本来就不值钱。关键明促单技法。两种锚法:①自己与自己比(原价 198 现价 98)——前提是顾客认同你的原价,否则他只会觉得「这东西本来就值 50」;②与同款比——去电商平台找同款高价商品做对照(蜂蜜案例:贴出京东同款 99 元的截图,自家 49 元,3000 份半个月售罄、12.7 万销售额)。变体「主动提醒+价格对比」:人体工学椅案例——「别买旗舰款 4599,基础款 1699 就能达到 90% 性能」,先替顾客着想,再顺势成交。

难度:进阶 ★★

嫁接类比Grafted Analogy

产品原理复杂到「写了也看不懂」时,嫁接到顾客认知里能信服的参照物上。关键明说服结构技法:卖货文案要简单直白,知识含量不能太高(否则需要太多背景知识,文案就白写了)。数据线新材质「凯夫拉」没人懂——写「凯夫拉广泛应用于坦克、装甲车、核动力航空母舰以及导弹驱逐舰」,军用级 = 强度可信,读者秒懂且信。修指刀「采用和日本手术刀相同的材质」同理。

难度:入门 ★

情境再现法Scene Replay

落笔前在脑中把要写的事「重新放映」一遍——脑中先有画面,笔下才有画面感。塘主称自己从小学至今唯一的写作方法:写亲身经历的事最容易拿高分,因为大脑会对事件做一次「重新放映」——调出真情实感和起因、经过、高潮、结果,截取关键细节用文字记录。写作过程就变成「用文字描述一幕发生在脑海中的情景剧」。一个人对情境细节的还原能力,直接决定他的文字表现能力。

难度:入门 ★

请一位来访者Invite One Reader

写文案时把目标读者中的一位代表「请」进脑中对话——文案落到人耳朵里,不是落在纸上。塘主写作法:提笔前在脑中搭建一个对话空间,把一位目标读者代表「请」到跟前(他的样貌、工作状态、性格、小脾气都在你的认知范围内),然后用纸笔和文字跟他对话。成百上千句的闲聊里,最后落到纸面的只有几行。反面教材:520 海报组稿《高调约「惠」》《以爱之名 心动开售》——全奔着「购」,在充满爱意的节日里跟用户谈钱,就是「目中无人」,根源是焦点效应(顺着甲方的声音写,忘了对面有人)。

难度:入门 ★

戏精上身法Method Acting

落笔前先入戏——找一个身份最相近的人,用他的视角和表达方式「说」文案。塘主写作法:「我不是在写文案,我是在演文案、说文案。」提笔时以最快速度进入一个角色,用这个人的眼睛、耳朵、大脑感知世界,重点观察要描述的对象,然后借他的嘴巴把话说出来。可借助外在工具快速入戏:情绪音乐、影视作品(跟着演员把台词念几遍,学他的动作、眼神、语气、哽咽、停顿——「别人是在看短片,我们是在演短片」)、同类调性的文案。案例:安慰离职后陷入抑郁的好友,进入「孩子王」身份,写出《做回孩子 你敢么》。

难度:进阶 ★★

AFIPA写作结构AFIPA Structure

开篇爆击 → 事实 → 洞察 → 立场 → 号召——塘主研究几百个顶尖案例提炼的长文信息出场顺序。五段:Attention(开篇爆击,引发注意)→ Fact(呈现经筛选的事实——文章的长度靠 Fact 撑,可以多次出现)→ Insight(展示洞察)→ Position(明确立场,给结论)→ Action(行动号召)。塘主用《做回孩子 你敢么》逐段标注示范:开篇「他们无惧,他们努力」是 A,中段孩子对抗引力的细节是多组 F,结尾「做回孩子,生而不怕」是 P+A。几十字到上万字的长文都可用它安排结构。

难度:进阶 ★★

守正出奇逆向发力Contrarian Take

所有人都说 A 的时候,你去说非 A——但守住主流价值观这条线。塘主最常用的文案发想工具(自称学自乔布斯)。当大家认可 A 时,文案从对立面「非 A」展开,一下子立起独立主张。经典案例:所有人都说这群人疯狂、桀骜不驯,Apple 站出来致敬他们(《Think different》);都说 90 后是垮掉的一代,B 站《后浪》说「我看着你们,满怀感激」;都感叹人心冷漠,999 感冒灵说「总有人在偷偷爱着你」。

难度:进阶 ★★

狂人词法Madman Words

强调词 → 画面 → 狂人词三层递进——用「邪」和「狂」的措辞把欲望推到极点(灰话术,识别与防御用)。出自《江湖文盲派销售文案》的欲望激活术。三层:①强调词——通过增加强调词汇,从各个角度升级对事物的描述 ②画面 ③狂人词——「邪」的方式是给方法起极端名字(「精神强奸术」「极其歹毒的策略」),「狂」的方式是绝对化自信宣告(「我敢肯定,当你掌握了它,其他销售书籍对你来说不值一提」)。原书 claims 这能让文案功力瞬间提升 10 倍。

难度:进阶 ★★

包装分发

15 条 · 封面、投流、矩阵号、私域

封面与头图Cover / Thumbnail

内容的第一层包装:点击率的第一道闸门——读者先看到封面,永远先于内容。封面(视频)和头图(图文)是内容在信息流里的脸。三个硬标准:缩略图尺寸下可识别(手机上只有指甲盖大)、3 米外能看清主文案(不超过 8 个字)、和内容强相关(封面骗来的点击会变成高跳出率反噬账号)。公众号头图 2.35:1、小红书 3:4、视频封面横竖分明——尺寸错了先白做。

难度:入门 ★

标题钩子Title Hook

标题里让人非点不可的那个机关:快、准、狠、说人话——四字诀之外还有公式可抄。标题钩子是标题中制造「信息缺口」的机关:读者知道自己不知道什么,才必须点进来。常用公式:数字承诺(3 个方法)、反常识(你以为 X 其实 Y)、身份点名(写给 30 岁还在打工的你)、悬念留白(我用 AI 干了这件事,老板以为我加班)、损失规避(还在用 XX?你亏大了)。四字诀:快(3 秒读懂)、准(对准人群)、狠(有情绪)、说人话(无黑话)。

难度:入门 ★

黄金三秒Golden 3 Seconds

短视频开头三秒定生死:用户划走的成本是零,三秒抓不住就永远失去了。短视频前三秒决定系统是否继续推流:大量用户划走的成本为零,完播率在前三秒就分了岔。有效开头三类:冲突前置(把最炸的画面/结论放开头)、身份点名(「做自媒体的注意了」)、悬念倒叙(「最后这个方法 90% 的人不知道」)。对应禁忌:缓慢自我介绍、片头 logo 动画、铺垫背景三句话。

难度:入门 ★

信息流Feed / Information Flow

算法把内容装进一条无限下滑的流:你的内容不是被「找」到的,是被「喂」到的。信息流是平台按算法排序、用户无限下滑消费的内容流(抖音/小红书/朋友圈广告都基于它)。关键认知:在信息流里,内容和广告同场竞技,决定命运的是互动信号(完播、点赞、转发)而不是发布时间。这改变了做内容的逻辑——你不是在「发内容」,是在「竞拍」每位用户的三秒钟。

难度:入门 ★

投流Paid Boost

花钱把内容推给更多人:自然流量的放大器,不是救烂内容的后悔药。在平台内付费获取流量:抖音 DOU+/千川、小红书聚光、B 站起飞都是。核心逻辑:投流放大的是内容本身的表现——自然流量验证过的内容投流才划算(ROI 好),死内容投流等于给漏水的桶加水。正确顺序:小额测内容(100~300 元看数据)→ 数据好的追加 → 用投流数据反哺内容判断。

难度:进阶 ★★

账号矩阵Account Matrix

围绕同一业务开多个账号互相配合:主号树人设、子号吃细分流量——规模化才需要的打法。一个主体运营多个账号,按分工分型:主号(品牌人设)、垂类号(细分领域)、导流号(为主号输送)、防护号(占位防抢注)。矩阵的价值是流量对冲和人群细分;代价是运营成本指数级上升——一个号做精通常好过五个号半吊子。合规提醒:同质内容多号分发会被平台判定营销号限流。

难度:入门 ★

私域Private Traffic

你能免费、反复、直接触达的用户池:微信群、企微、邮件列表——不欠平台人情的流量。私域 = 你拥有触达权的用户池(微信群、企业微信、个人号、邮件列表),对应公域(平台流量)的「租赁」性质。价值三点:免费重复触达、信任积累更深、转化率数倍于公域。运营核心不是拉人头,是「进群理由 + 长期供给」:没有持续价值的群三个月变死群。导私域要遵守平台规则,硬导会被限流。

难度:入门 ★

种草Seeding

不直接卖,而是让用户「长草」:内容装成分享,信任在前、成交在后。种草指通过内容让用户产生「我也想要」的心智,成交可以发生在很久之后。和硬广的区别是包装:种草内容的壳是真实分享(测评、体验、教程),卖点是嵌进去的而不是喊出来的。平台语义里也指整个达人分销生态(在平台「种草」、到货架「拔草」)。关键指标不是阅读量,是搜索回搜率和转化周期。

难度:入门 ★

达人分层KOL / KOC & FACT Matrix

KOL 有面子、KOC 有里子:投放预算在头部与素人之间怎么分,贝恩 FACT 矩阵给了官方答案。达人按量级分层:头部 KOL(百万粉,要声量)、腰部(10~100 万,要转化)、KOC(素人级,要真实感和铺量)。贝恩为抖音电商提出的 FACT 矩阵是官方框架:Field(卖家自播)、Alliance(达人合作)、Campaign(营销活动)、Top KOL(头部大事件)。组合逻辑:KOC 铺真实口碑、腰部做精准转化、头部只用于造节点。

难度:进阶 ★★

通稿Press Release

一份写好、多家照发的官方稿件:品牌大新闻的标准动作——整齐划一,但没有人味。通稿是品牌统一撰写、分发给多家媒体照发的官方稿件:融资、发布、人事变动等大节点用。特点:口径绝对统一(法务审过)、结构八股(标题→导语→事实→引言→背景)、语气零人格。和软文的区别:通稿明着是官方发布(媒体标注来源),软文伪装成第三方内容。如今通稿的落点常是媒体渠道 + 自有渠道同步。

难度:入门 ★

软文Advertorial

伪装成内容的广告:编辑部的脸、广告部的心——读者信不信全看伪装功力。软文(advertorial = advertisement + editorial)是按内容形式包装的广告:看起来像测评、科普或故事,实为付费推广。与通稿的分工:通稿管理官方口径,软文制造第三方口吻的信任。风险在于法规:广告必须可识别,《互联网广告管理办法》要求标注「广告」,不标注的软文对投放方和发布方都是合规风险。用户对软文的容忍度逐年下降,硬伪装越来越得不偿失。

难度:入门 ★

钩子诱饵Lead Magnet

用一份高价值免费资料换联系方式:私域导流的火车头——诱饵不行,后面全白搭。Lead Magnet = 用高感知价值的免费物(模板、清单、工具包、课程试听)交换读者联系方式或关注。好诱饵三条标准:立刻可用(不用等)、高感知价值(一眼觉得值)、和你的付费产品自然衔接(领了它就想解决下一步)。它和「情绪钩子」分工:情绪钩子钩的是三秒注意力,lead magnet 钩的是联系方式。

难度:入门 ★

软文植入四法Soft-Sell Planting

故事植入、经验分享、知识科普、场景代入——产品隐性进场的四种标准姿势。①故事植入:产品是故事的道具不是主角,出场位置在高潮前(太早像广告,太晚没印象)②经验分享:第一人称使用体验,必须包含真实的「不完美」,否则不可信 ③知识科普:先讲真材实料的知识,产品作为应用案例出现 ④场景代入:构建读者能代入的生活场景,场景必须来自目标读者的真实生活。配套四段结构:引子 30-40% → 转折 10-15% → 体验 30-40% → 收束 10-15%(不硬促单)。

难度:入门 ★

品牌公开信Brand Open Letter

公关稿是灭火,品牌信是亮剑——不是认错,是表态。品牌信三要素:①立场宣示——明确「我们站在哪一边」(海思总裁信:「前路更为艰辛,我们将以此为起点」)②事实陈述——用可验证的事实支撑立场(京东逐条用数据反驳)③情感共鸣——让读者感同身受(网易云音乐:「我们只是想好好做音乐」)。六段结构:称呼 → 写信动机 → 事实/立场逐条 → 态度价值观 → 行动承诺 → 结尾呼应。禁忌:不用空洞口号、不用法律术语、不夹带营销、不攻击个人、不用被动语态(「被误解」→「有人误解了我们」)。

难度:进阶 ★★

危机回应四段式Crisis Response Framework

认领事实 → 表达态度 → 具体行动 → 公开承诺——修复信任的标准结构,每段都有对错对照。从海底捞等成功案例提炼的声明结构:①认领事实——直接说「媒体报道属实」(错:「个别网络传言」)②表达态度——诚恳道歉不辩解(错:发长文解释技术原因)③具体行动——谁 + 做什么 + 时间(海底捞列 7 条整改、责任到人)④公开承诺——透明化接受监督。五大死亡操作:二次伤害受害者(二更食堂→永久封号)、与受害者争辩(华为 P10→二次爆发)、态度傲慢(网易抄袭→品牌危机)、情感绑架(曲婉婷→舆论恶化)、差异化对待用户(京东→众怒升级)。语气分级:可修复失误「感到遗憾」/系统性风险「深表歉意」/生死存亡「痛心疾首」+高层担责。

难度:进阶 ★★

数据复盘

11 条 · 完读率、漏斗、A/B 测试

完读率Completion Rate

读完全文(或看完视频)的人占比,衡量内容「留人」能力的核心指标。读完全文(或看完视频)的人占总阅读(播放)的比例。公众号看完读率,抖音看完播率,逻辑相同:内容好不好,标题负责骗进来,完读率负责说明值不值得。完读率低通常三个原因:开头跑题、中段注水、篇幅超过读者的耐心额度。

难度:入门 ★

互动率Engagement Rate

点赞、评论、转发、收藏的总和占曝光或阅读的比例,衡量内容「勾人动手」的能力。互动行为(赞/评/转/藏)占曝光或阅读的比例。各平台算法定义不同,但信号价值排序大致是:转发和评论 > 收藏 > 点赞——转发帮内容破圈,评论给算法喂活跃度。互动率低的内容,算法默认「看完就算了」,不推。

难度:入门 ★

转粉率Follow Conversion Rate

看完内容的人里有多少点了关注,衡量「路人变粉丝」的转化效率。新增关注数 ÷ 阅读或播放数。它回答的问题是:内容不错,但读者为什么要点关注?答案通常是三种承诺:持续有用(以后还教我这个)、人设吸引(我喜欢这个人)、系列钩子(这是第 1 篇,还有第 2 篇)。转粉率高的账号,内容里一定藏着其中至少一种。

难度:入门 ★

点击率CTR / Click-Through Rate

看到的人里有多少点了进来,由封面和标题决定,是内容流量链条的第一环。点击数 ÷ 曝光数。曝光到点击之间只隔两样东西:封面和标题——所以 CTR 低不要怪内容,先改包装。它也是信息流投放的核心结算指标之一:同样的预算,CTR 越高获得的点击越多、单价越低。

难度:入门 ★

CPM 与 CPCCPM / CPC

广告投放的两把尺子:千次展示成本和单次点击成本,投流前必须看懂。CPM(千次展示成本):广告被展示一千次收多少钱,买的是「看到」;CPC(单次点击成本):有人点一次收多少钱,买的是「兴趣」。类比摆摊:CPM 是发传单的钱,CPC 是进店的钱。平台计费模式还有 CPA(按行动,如下单)——离转化越近,单价越高,但浪费越少。

难度:进阶 ★★

A/B 测试A/B Testing

两个版本同时小流量测试、只改一个变量,用数据而不是感觉做内容决策。把两个只有一处不同的版本(标题 A / 标题 B,封面 A / 封面 B)同时投给小股流量,看数据选赢家。铁律是单变量:标题和封面一起改,赢了也不知道是谁的功劳。很多平台自带该功能(公众号标题 A/B、抖音封面测试、广告的计划赛马),没有的话就错开发或用小额投流测。

难度:进阶 ★★

漏斗三段TOFU / MOFU / BOFU

把读者旅程分三段:认识你、信任你、掏钱给你——每段该发的内容完全不同。营销漏斗三段:TOFU(顶部,泛流量认识你:热点、干货清单、共鸣文)、MOFU(中部,建立信任:深度教程、案例复盘、对比测评)、BOFU(底部,推动行动:产品介绍、学员案例、优惠)。多数账号的病是全发 TOFU——流量不错但一卖东西就掉粉,因为读者从头到尾没被建立过信任。

难度:进阶 ★★

转化率Conversion Rate

完成目标动作(关注/加群/下单)的人数占访问数的比例——内容最终值多少钱由它决定。完成你期望的动作的人数比例。「动作」由你定义:关注、加私域、报名、下单都算。链条通常是:曝光 → 点击(CTR)→ 读完(完读率)→ 转化。转化率低不一定是内容问题,可能是落地页差、动作门槛高、或来的流量根本不对——排查顺序:先流量对不对,再动作顺不顺。

难度:入门 ★

内容盘点Content Audit

把发过的全部内容拉成一张表逐篇评估:留、改、删、合并——账号的年度体检。把历史内容逐篇列表评估:主题、数据、是否过时、和谁重复。产出四个动作:留( still 有效)、改(好骨架但过时/标题差)、删(错误或拉低账号)、合并(同主题碎篇合成一篇深度的)。对 SEO 站点还顺带修死链和重复内容。建议半年到一年做一次。

难度:入门 ★

常青内容Evergreen Content

不发热点也长期有人搜、有人看的内容——账号的「存款」,和追热点的「流水」相对。长期稳定带来流量的内容:入门教程、术语解释、工具清单、避坑指南——需求常年存在,不随热点过气。和热点内容的区别像存款和工资:热点内容带来脉冲流量,常青内容每天细水长流,还能被搜索引擎持续收录。账号健康结构 = 常青打底 + 热点脉冲。

难度:入门 ★

内容复用Repurposing

把一篇内容拆成多平台多形式再发一遍:一次生产,五处收割——一人账号的杠杆。把一篇长内容拆改成多种形式和平台:公众号长文 → 拆成 3 条推(金句/清单/案例)→ 小红书图文 → 短视频口播脚本 → 知乎回答。核心不是复制粘贴,是按每个平台的消费习惯重切颗粒度。这是单人产能翻倍的最大杠杆:生产一次,分发五次。

难度:入门 ★

找不到想看的词?投稿告诉我们,或去练习场测测掌握程度。