信息层级
H1/H2/H3 字号差异是否清晰？标题与正文比例是否符合 1.25–1.618 黄金区间？关键信息能否在 5 秒内被识别？
7 大评估维度
从「视觉直觉」到「可量化指标」
每个维度都拆解为可计量的子项，AI 比对行业基线，给出绝对分与相对排名。
留白与节奏
区块上下间距是否一致？元素是否「拥挤」？AI 测量横向 / 纵向留白比例，识别视觉呼吸感不足的位置。
字体与排印
字号、行距、字间距、字重组合是否克制？中文是否使用了系统字体栈或合适字重？是否有可读性陷阱（过细 / 过密）？
色彩系统
品牌色、辅助色、中性色的使用比例是否健康（60/30/10）？强调色是否被滥用？暗色模式表现如何？
响应式表现
在 375 / 768 / 1280 / 1920px 等关键断点的版式是否合理？是否有横向滚动、内容溢出、关键 CTA 不可见？
组件一致性
同类按钮 / 表单 / 卡片是否使用了一致的圆角、阴影、间距？颜色 token 是否散落在多处？AI 自动聚类设计偏差。
AI 设计审查
把首席设计师的眼睛搬上线
Looo AI 训练了大量优秀网站的视觉特征，能识别业内公认的设计「失误」与「最佳实践」。比起干瘪的 Lighthouse 数据，UI 报告更贴近真实设计 Review。
- 关键页面渲染截图 + 标注问题位置
- 对比同行业 Top 网站的视觉指标基线
- 给出具体 token（颜色 / 间距 / 字号）的建议值
- 识别「廉价感」与「专业感」的视觉差异
输出形式
每个问题，都配一个可比对的「前后图」
Looo AI 不只是给分，还会渲染对比截图，让团队对「该改成什么样」一目了然。
截图标注
问题区域在截图上高亮，并附简短说明：「字号 14px 偏小，建议 16px」「主色 #1A1A 在背景上对比度不足」。
设计 token 建议
导出可直接复用的 CSS 变量：颜色 / 字号 / 间距 / 圆角 / 阴影，作为设计系统迭代起点。
跨页面一致性
横向对比首页、内页、表单页的视觉一致度，识别风格漂移与「设计债」。
提升路径
UI 水平提升的 6 条经验
下面建议综合自 Nielsen Norman Group、Material Design、Apple HIG 与 Google Web.dev 的公开指南，按 ROI 排序。
1统一字号与行高节奏
选 4–6 个固定字号（如 12 / 14 / 16 / 20 / 24 / 32 / 48），行高用 1.4–1.7 倍。正文最小 14px、移动端 16px。一致的字阶比单点优化贡献更大。
2留白即层级
组件间距用 4 / 8 / 16 / 24 / 32 / 48 / 64px 的「8 倍数 spacing scale」。同一组件内部用小间距，相邻组件用中间距，章节之间用大间距。
3限制品牌色用量
主色 / 辅色 / 中性色 = 60 / 30 / 10 比例。CTA 用饱和度最高的主色，链接和图标用中等饱和的辅色，背景用低饱和的中性色。颜色越克制，重点越凸显。
4响应式断点统一
常用断点 768px / 1024px / 1280px。Mobile-first 写 min-width media query；导航在 < 900px 切换为汉堡；网格列数按断点 1 / 2 / 3 / 4 切换。
5视觉稳定性优先
所有 <img> 写 width/height 防 CLS；字体加 font-display: optional 避免回流；动画只用 transform / opacity，不动 layout 属性。
6每个组件都有 5 个状态
Default / Hover / Focus / Active / Disabled。任何交互元素少一个状态都让用户感到「不可靠」。Focus 状态尤其关键（键盘用户和无障碍用户依赖它）。
建站平台 · 客观对比
哪些平台的 UI 模板水准较高？
选模板比从零设计更可靠 —— 下面是几个主流平台的 UI 出品质量与适用场景客观点评。
设计师 / 品牌
Squarespace
模板由专业设计师团队出品，字距 / 行高 / 配色都经过打磨。
优势：视觉一致性最高、字体搭配考究。
注意：同质化较明显，需要小心选模板。
创意产品
Framer
动效流畅、过渡曲线讲究，适合做品牌着陆页与产品发布站。
优势：动效与故事性强。
注意：不适合多页面信息架构，CMS 能力较新。
设计 + 工程
Webflow
设计稿可视化转 HTML/CSS，对设计驱动团队最友好。
优势：组件化 / 设计系统能力强。
注意：有一定学习曲线。
个人 / 企业
Wix Studio
新版的 Wix Studio 模板设计水准提升明显，AI 配色助手帮你出 5–8 套方案。
优势：模板多、AI 辅助强。
注意：多动效模板可能影响 Core Web Vitals。
电商
Shopify（Dawn / Sense 主题）
近期默认主题排版克制、字距优雅，电商场景视觉表现稳定。
优势：电商模板成熟。
注意：非电商场景表现一般。
零技术快速上线
Tooo.ai
AI 按你的品牌色与行业自动生成符合 8 倍数 spacing、6 字阶、3 色比例的 UI。
优势：设计规范默认遵守。
注意：风格多样性仍在拓展，复杂交互需要手动微调。
小结：不需要追求「独一无二」就用 Squarespace / Webflow 等模板平台；想完全控制视觉细节可用 Webflow + 自定义 CSS；快速上线试 Tooo.ai 或 Wix Studio。