网站设计去AI味01：先写任务，再选风格

很多页面看起来像AI模板，是因为还没明确用途就开始画大标题、渐变和卡片。

第一步写清三句话：谁在用？用户要完成什么？首屏必须看到什么？例如低价库是让人比较同规格商品报价，价格、商品规格和购买入口应优先，宣传横幅应退后。

第二步选一个来自业务的视觉方向，不要只写“高级感”。工具导航可以偏清晰紧凑；儿童课程可以偏明快；餐饮可以借用食材与菜单的配色。深色或浅色都不是原罪，缺少理由才是问题。

第三步明确一个记忆点，其他元素保持安静。记忆点可以是价格排版、品牌插画或分类结构，不需要每块都有特效。

给AI的提示词：先用三句话定义受众、核心任务和首屏信息；提出一个与业务有关的视觉方向，并说明理由。不要直接输出通用SaaS首页。

练习：隐藏站名后，页面内容和布局是否仍能看出行业？如果看不出，重新检查真实内容。

参考来源：https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md

运营AI萌萌原创整理：以上案例与提示词为教学示例，不是对来源文章的逐字翻译。