第一次给 AI 产品搭建展示页面时，手里往往已经有一堆截图、架构图和功能说明，但打开编辑器后常卡在"先放哪张图、旁边写什么"这一步。一个可以先做的动作是按访问者的理解顺序排列素材，而不是按开发时的模块划分。访问者通常先想知道这个产品能帮自己做什么，然后才关心它怎么做到。所以首屏适合放一张能直观体现核心使用场景的截图或示意图，旁边用一两句话说明"用户拿它完成什么事"，而不是一上来就展示模型架构或技术栈。

图片和图表在页面里承担的角色不同，值得分开考虑。截图类素材适合展示界面操作和实际输出效果，帮助访问者建立"用起来是什么样"的预期；示意图或流程图则适合解释产品内部的工作逻辑，比如数据从输入到输出经过了哪些环节。如果两类图混在一起没有区分，访问者容易分不清哪张是"我能看到的界面"、哪张是"背后的原理"。一个简单的做法是给它们加上不同的标题前缀或在视觉上留出间距，让读者一眼知道当前看的是哪一类信息。

说明文字的长度和位置直接影响图片能不能被看懂。经验上，每张图配一到两句话就够，重点写"这张图在说明什么"以及"访问者应该关注图中的哪个部分"。如果一张架构图里有五六个模块，不需要逐一解释，而是指出与访问者决策最相关的那一两个节点。文字放在图片正下方或紧邻的右侧比放在页面末尾更容易被读到，因为访问者的视线在图片和文字之间来回跳跃的距离越短，理解成本越低。

最后可以在页面搭完后自己从头到尾走一遍，模拟一个完全不了解产品的人只看图片和文字能否回答三个问题：这个产品做什么、输出长什么样、和我现有的工作方式怎么衔接。如果某个环节需要额外口头解释才能懂，那个位置通常就是图片或文字需要补充的地方。首次建站不必追求一次到位，先按这个顺序把核心信息串通，后续再根据访问者的实际反馈逐步调整细节。