資訊層級
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。