设计Prompt词汇库

移动端 / Web 设计通用 · 文字与示意图自由切换 · 点击词条复制并加入组合

GitHub

01 风格锚点Style Anchors — 一词定调,杠杆最大

选 1 个主风格 + 最多 1 个混搭,堆多了互相打架。对照示意图,更直观地选风格。

👁 图例Glassmorphism已复制玻璃拟态:半透明磨砂 + 模糊背景 + 细边框
👁 图例Neumorphism已复制软浮雕:双色柔和阴影,同色系凸起
👁 图例Bento Grid已复制便当盒:不等宽圆角模块拼贴,Apple 御用
👁 图例Brutalism已复制粗野主义:裸露边框、硬边、反精致
👁 图例Swiss Style已复制瑞士网格:严格栅格 + 无衬线 + 大量留白
👁 图例Editorial已复制杂志风:衬线大标题、分栏、图文咬合
👁 图例Claymorphism已复制黏土拟态:胖圆角 + 柔软内阴影,玩具感
👁 图例Dark + Neon已复制暗色霓虹:深底 + 荧光点缀(发布会标配)
👁 图例Cyberpunk已复制赛博朋克:霓虹、故障、终端风、警示条
👁 图例Y2K已复制千禧风:全息、金属质感、低清像素
👁 图例Vaporwave已复制蒸汽波:粉紫渐变、网格地平线、罗马柱
👁 图例Memphis已复制孟菲斯:几何图形、波点、撞色
👁 图例Art Deco已复制装饰艺术:对称、金线、几何扇形,奢华
👁 图例Bauhaus已复制包豪斯:红黄蓝三原色 + 几何构成
👁 图例Japandi已复制日式北欧:原木、米白、侘寂感
👁 图例新中式已复制留白 + 水墨点缀 + 传统色(黛蓝、朱砂)
👁 图例Flat 2.0已复制扁平进化:扁平 + 微阴影微渐变(Material)
👁 图例Skeuomorphism已复制拟物:皮革、拉丝金属等真实材质复刻
👁 图例Maximalism已复制极繁主义:满铺、撞色、层叠,反极简
👁 图例Zen Minimal已复制极简禅意:一屏一焦点,呼吸感拉满
👁 图例Frutiger Aero已复制 Vista 时代 glossy:气泡、水珠、高光渐变
👁 图例手绘插画风已复制粗糙描边、蜡笔质感、 doodle 点缀
👁 图例Windows 95已复制怀旧像素窗口、灰色立体按钮、位图
👁 图例工业风已复制金属灰、警示黄、机械仪表盘气质

02 布局结构Layout — 骨架先定,装饰后补

可以口述,也可以丢一张线框草图,AI 都能接。

👁 图例Hero 首屏已复制大图/大标题占满首屏,一句 CTA
👁 图例Split 分屏已复制左右 50/50,文案 vs 视觉各占一半
👁 图例不对称网格已复制打破均分,一大一小制造张力
👁 图例12 列栅格已复制经典网页栅格,可指定跨列数
👁 图例瀑布流已复制不等高卡片错落排布
👁 图例卡片流已复制信息模块化,卡片为基本单位
👁 图例Z / F 动线已复制按扫视习惯排布重点信息
👁 图例侧边栏后台已复制左导航 + 内容区,B 端标配
👁 图例粘性导航已复制滚动时导航吸顶
👁 图例多栏杂志已复制2-3 栏正文,首字下沉
👁 图例看板已复制纵向列表拖拽,Trello 式
👁 图例通栏分区已复制每个卖点一整屏,滚动叙事
👁 图例单列居中已复制博客/文档式,阅读体验优先
👁 图例文字即布局已复制超大字当背景/分隔,撑起结构

03 光效材质Light & Texture — 拉开档次的关键一层

普通稿和高稿之间,往往就差这一类词。

👁 图例Iridescent 虹彩已复制全息幻彩流光,点缀用
👁 图例Aurora 极光已复制大范围柔和光晕铺底
👁 图例Mesh 渐变已复制多点晕染的有机渐变
👁 图例Glow 发光已复制霓虹光晕描边或投影
👁 图例Noise 噪点已复制细颗粒覆层,去塑料感神器
👁 图例磨砂玻璃已复制高斯模糊 + 半透明白边
👁 图例Duotone 双色已复制图片压成双色调,统一气质
👁 图例长投影已复制45° 拉长色块阴影
👁 图例内阴影已复制凹陷/按压质感
👁 图例液态金属已复制chrome 高反射,Y2K 回潮
👁 图例哑光黏土已复制3D 渲染里的 clay 材质
👁 图例胶片颗粒已复制怀旧影像质感
👁 图例Bokeh 光斑已复制失焦光点,氛围背景
👁 图例玻璃反光已复制顶部高光扫过,glossy 感
👁 图例故障风已复制色散错位、扫描线
👁 图例轮廓光已复制rim light 勾边,卡片出立体感

04 排版气质Typography — 字也是画面

👁 图例超大标题已复制96px 起步,标题即海报
👁 图例负字距已复制大标题收紧 -2%~-4%
👁 图例衬线混搭已复制衬线大标题 + 无衬线正文
👁 图例等宽点缀已复制mono 用在标签、代码、数据
👁 图例层级 ≤3 档已复制标题/正文/辅助,再多就乱
👁 图例行高 1.6+已复制正文行高别低于 1.5
👁 图例大写字距已复制小标签全大写 + 拉宽字距
👁 图例等宽数字已复制数据展示 tabular-nums
👁 图例竖排已复制中日文竖排,古雅感
👁 图例描边字已复制空心轮廓大字
👁 图例大留白已复制留白 ≥20%,贵气的来源
👁 图例基线对齐已复制多栏文本底边严格对齐

05 配色方案Color — 说清"底色 + 主色 + 点缀"三件套

👁 图例深底单点缀已复制深底 + 唯一强调色,克制高级
👁 图例黑白高对比已复制无色胜有色
👁 图例莫兰迪已复制低饱和灰调,高级柔和
👁 图例马卡龙已复制低明度高甜度,偏女性向
👁 图例荧光色已复制酸性强点缀,谨慎使用
👁 图例单色+1已复制全灰阶只留一个亮色
👁 图例大地色已复制陶土、奶油、燕麦,暖调
👁 图例复古纸感已复制米黄底 + 深棕字
👁 图例中国传统色已复制黛蓝、朱砂、竹青、天缥
👁 图例品牌双色已复制限定 2 个品牌色贯穿
👁 图例虹彩点缀已复制渐变只做点缀不做大面积
👁 图例对比度达标已复制正文字 ≥4.5:1

06 氛围词Vibe — 一个词调出整套语料

AI 对这些词有海量训练语料,一句话顶 200 字形容词。

👁 图例Apple 发布会已复制深底、大字、一屏一重点
👁 图例奢侈品官网已复制衬线、金/黑、慢节奏
👁 图例金融信赖感已复制深蓝、卡片、数据严谨
👁 图例疗愈 SPA已复制奶油色、圆角、慢呼吸感
👁 图例开发者工具已复制mono 字体、暗色、极客感
👁 图例未来座舱已复制HUD 线框、数据仪表
👁 图例玩具感已复制胖圆角 + 明快撞色
👁 图例静奢已复制低调材质、无 logo 喧嚣
👁 图例北欧已复制白木灰、自然光、通透
👁 图例街头潮玩已复制贴纸拼贴、涂鸦、高饱和
👁 图例经典 SaaS已复制清爽专业的转化页范式
👁 图例复古未来已复制老科幻杂志式的明日想象

07 移动端专属Mobile Patterns — 和 Web 词汇分开记

👁 图例底部 Tab已复制拇指区导航,3-5 个一级入口
👁 图例单手可达已复制核心操作放屏幕下半区
👁 图例FAB已复制悬浮主操作按钮
👁 图例安全区适配已复制刘海/灵动岛/手势条避让
👁 图例卡片滑动已复制Tinder 式 deck 交互
👁 图例底部弹层已复制半屏抽屉,轻量操作
👁 图例下拉刷新已复制配骨架屏占位
👁 图例通屏沉浸已复制媒体内容顶到状态栏
👁 图例触控 ≥44px已复制可点区域不小于 44pt
👁 图例移动优先已复制先设计 375px 再放大

08 负面清单Negative List — 防住 AI 审美比正面描述更有效

拼在提示词末尾:"不要……"。中英文都吃。示意图展示要避免的反面教材。

👁 图例拒 紫蓝渐变 hero已复制AI 味最重的一顶帽子
👁 图例拒 通用 AI 插画已复制那种"科技小人"示意图
👁 图例拒 图库假笑照片已复制握手、 Call center 合照
👁 图例拒 满屏圆角卡片已复制什么都套卡片 = 没有结构
👁 图例拒 重阴影粗描边已复制廉价立体感
👁 图例拒 彩虹字发光题已复制除非刻意做 Y2K
👁 图例拒 占位假文已复制要求写真实感文案
👁 图例拒 全居中排版已复制什么都是居中 = 没有层级
👁 图例拒 图标堆砌已复制一卡一图标,别撒胡椒面

09 组合范例三个不同风格的完整提示词模板

发布会官网(你熟悉的这套)

"深色底(#0A0A0F)的 AI 产品发布会官网,Apple keynote style。Bento grid 布局,首屏超大 display 标题 + 负字距,aurora 极光铺底 + 细噪点覆层,虹彩渐变只做按钮和小面积点缀。每区块留白 ≥20%,层级 3 档以内。参考图:X。不要紫色渐变 hero,不要满屏圆角卡片。"

移动端 App · 疗愈系

"冥想 App 的移动端界面,SPA & wellness 氛围,Japandi 极简。奶油色 + 燕麦色大地色系,超大圆角 Claymorphism 卡片,底部 Tab 导航,核心操作单手可达。衬线标题 + 无衬线正文,行高 1.8,大量呼吸留白。噪点质感覆层去塑料感。"

Web · 复古 Y2K

"音乐社区的网页设计,Y2K aesthetic + Vaporwave 混搭。粉紫渐变 + 液态金属 chrome 按钮,Windows 95 式硬边窗口与像素图标点缀,glitch 色散标题。多栏杂志式内容区,等宽字体做标签。要刻意的低保真,不要现代圆角卡片。"