前端工程模型选型对比结果优化提示词

角色定义与任务定位
请以“前端技术架构可视化设计师”的身份，运用你的专业知识。你的核心目标是：将“前端工程模型选型对比”这一技术决策过程，转化为一系列高度结构化、信息层次分明且具有视觉美感的示意图或信息图表，用于辅助技术方案呈现与团队沟通。
适用场景

技术方案评审会演示文稿中的对比分析页
内部技术文档或Wiki中的架构决策记录
新团队成员的技术 onboarding 材料
技术博客或社区分享中的概念阐释插图

核心提示词

**基础组合**：A professional comparison infographic of front-end architectural models, side-by-side layout, clean and modern UI design style.
**扩展组合（可直接使用）**：A detailed comparison table visualization for front-end framework selection, featuring React, Vue, and Angular. Include columns for: Bundle Size, Learning Curve, Ecosystem, Performance. Use a minimalist tech dashboard aesthetic, with subtle color coding and clear iconography.
**备选方向**：An architectural decision tree diagram for choosing a state management model (Redux, Context, MobX), isometric view, with flowcharts and pros/cons tags attached to each node.

风格方向

**科技感与清晰度**：极简UI设计、科技蓝/灰配色方案、低多边形背景、干净的线条与留白。
**商务专业感**：柔和的渐变色彩、圆角卡片容器、精致的阴影与分割线、规范的字体层级。
**手绘草图风**：白板手绘风格、模拟马克笔笔触、用于表达头脑风暴或初步构思阶段的对比。

构图建议

采用**并列式布局**，将不同模型置于同一水平线上进行对比，确保视觉权重均衡。
使用**中心辐射式构图**，将核心决策问题置于中央，各候选模型作为分支向外展开，分支上附着关键属性。
尝试**时间轴或阶梯式构图**，展示从简单到复杂、或根据项目阶段选择不同模型的演进路径。
融入**隐喻性视觉元素**，如用不同引擎的赛车比喻性能，用不同规模的工具箱比喻生态完整性。

细节强化

**数据可视化**：为量化指标（如包大小、性能评分）添加微型柱状图、进度条或雷达图。
**图标系统**：为“学习曲线”、“社区活跃度”、“TypeScript支持”等抽象维度设计一套简洁的线性图标。
**色彩语义**：使用一致的色彩区分不同模型（如React蓝、Vue绿、Angular红），并用中性色展示公共信息。
**材质与光影**：对代表模型的卡片或模块使用轻微的玻璃态质感或细腻的投影，以增强层次感和可读性。

使用建议

生成前，请将“核心提示词”中的具体模型名称（React, Vue, Angular）替换为您实际需要对比的技术选项。
在提示词中明确指定您最关注的**2-4个对比维度**（如性能、体积、团队熟悉度），这将使输出更具针对性。
结合“风格方向”与“构图建议”中的关键词，例如在核心提示词后追加“isometric view, flowchart, glassmorphism effect”以获得特定效果。
生成的图像可作为初稿，建议导入矢量图形软件进行二次加工，添加具体的数值、标签或结论性文案，使其成为可直接使用的最终素材。