前端工程模型选型比较结构化提示词

角色定义与任务定位
角色：信息可视化设计师 / 前端技术图表策划者
目标：将前端工程模型（如MVC、MVP、MVVM、Flux、Redux等）的选型比较，转化为一张结构清晰、色彩分明、可直接用于技术文章、分享或团队沟通的信息图。视觉表达需兼顾逻辑严谨性与专业美感，使读者一目了然地对比各模型的复杂度、数据流方向、适用规模及核心优缺点。

适用场景

技术博客、前端面试题解、团队内部分享配图
前端架构选型决策辅助可视化海报
在线课程、技术大会PPT中的对比图表
开发者文档中的“常用架构速查”插图


核心提示词（可直接复制用于图像生成）
中文提示词：
一张信息图表，横向展示五种前端工程模型（MVC、MVP、MVVM、Flux、Redux）的选型比较。每个模型占据独立模块，模块内包含：模型名称、小图标表示数据流方向（箭头）、简易复杂度星级、适用项目规模（小/中/大型）、核心特点标签。顶部标题为“前端工程模型选型比较”，底部有一行总结性雷达图（维度：学习成本、可维护性、数据流可预测性、生态成熟度）。整体采用浅灰色背景，白色模块卡片，卡片带柔和阴影与圆角。颜色用蓝、绿、橙、紫、粉色系区分各模型。扁平矢量风格，无衬线英文字体（如Inter），高对比度，干净、现代、科技感。比例16:9。
英文提示词：
An infographic comparing front-end architecture models (MVC, MVP, MVVM, Flux, Redux) for selection. Each model in a separate rounded card with soft shadow. Card contains: model name, small icon for data flow direction (arrows), complexity star rating, applicable project size (small/medium/large), key features text. Title at top: "Frontend Architecture Model Comparison". Bottom row shows a radar chart summarizing: learning cost, maintainability, data flow predictability, ecosystem maturity. Background light gray, cards in blue, green, orange, purple, pink. Flat vector style, sans-serif font, clean modern tech aesthetic, 16:9 aspect ratio.

风格方向

科技感： 使用微渐变、发光边缘、轻拟态卡片
信息可视化： 强调数据分层，用图标代替文字，减少冗余元素
扁平+轻3D： 卡片带有细微阴影和圆角，但保持二维向量感
色彩语义： 蓝色代表传统/稳定（MVC），绿色代表数据驱动（MVVM），暖色代表响应式（Flux/Redux）


构图建议

主布局： 水平分栏（5列）或“2+3”网格排列，每个模型模块宽度相等
标题区： 顶部居中，使用大字号无衬线字体，加粗
雷达图： 置于底部，作为视觉收束，使用半透明叠加层
箭头与连线： 每个模块内用箭头图标表示数据流单向/双向，统一标准化
留白： 模块间留出适当间隙，避免拥挤，保持呼吸感


细节强化

图标库： 使用通用图标（如齿轮=可配置性、灯泡=易用性、锁=安全性、箭头=数据流）增强识别
文字层级： 模型名称用18-22px，指标标签用14-16px，特征描述用12-14px
对比元素： 在每个卡片右上角添加“推荐场景”小标签（如“大型SPA”、“小型工具库”）
阴影控制： 卡片阴影偏移量统一为向下3px，模糊6px，透明度10%
色彩辅助： 每个模型配色方案包含主色+20%透明底纹，用于区分


使用建议

工具推荐： 适用于Midjourney v6、Stable Diffusion（使用--ar 16:9），也可在Figma/PPT中直接参考布局
参数调整： 若需要更写实风格，可增加“photorealistic, 3D render”；若需更极简，可加“minimalist, line art”
迭代方向： 在生成后可在卡片内手动替换具体技术名称（如将“Flux”替换为“Redux Toolkit”）
输出尺寸： 推荐1920x1080像素，适合网页横幅或PPT全屏