功能跑通了，页面也有内容了。这节课回到视觉层面：让网站看起来像一个完整的品牌表达，而不是一堆拼凑出来的页面。视觉优化不是“好不好看”，是“是否一致”——配色、字体、间距、动效是否在每一页上都保持一致。

第一步：建立统一的配色方案和字体层级。 网站的主色和辅助色需要统一应用到所有页面，包括导航栏、按钮、标题和正文。一个常见的做法是：让AI生成包含主色、辅助色、背景色和强调色的配色系统，并提供对应的CSS变量定义。同样，字体层级——大标题、小标题、正文、标签等不同字号和字重——也需要在一开始就定义清楚。你可以在AI建站工具的对话中要求建立全局样式规则，使每个页面在生成时自动引用同一套设计变量，无需逐页手动调色或设置字体大小。

第二步：调整页面排版和间距，提升阅读体验。 页面内容离得太近或太远都会影响阅读。用对话调整段落间距、列表缩进和图文之间的位置关系。比如要求“增加产品展示区每个卡片的内边距”或“调整首页首屏的主标题和副标题之间的间距”。AI会自动生成对应的CSS样式更新，使页面结构更加透气，信息层级更清晰。对于多栏目页面，保持各栏目的上下间距和左右对齐方式一致，避免页面布局在栏目切换时出现视觉跳脱。

第三步：添加交互动效，提升浏览流畅感。 适度的动效让页面切换更加自然，避免突兀的跳转感。用对话描述你希望添加的效果，如“页面上滑时，顶部导航栏背景变为半透明”、“产品卡片在鼠标悬浮时轻微上浮并显示阴影”等，AI会生成对应的CSS过渡和动画规则。动效的原则是“让页面移动更顺滑”，而不是展示技术能力。

完成这节课的优化工作后，网站的各个页面看起来归属同一个品牌，而不是独立设计。配色一致、间距统一、动效流畅，客户浏览时会不自觉地感到“这家公司靠谱”。