Critique Visual Hierarchy

owl-listener/designer-skills/visual-critique/skills/critique-visual-hierarchy

作者 owl-listener9a6930cf84a8無授權條款2.8K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫4 週前更新

Critique a rendered screen's hierarchy — entry point, eye flow, weight distribution, and emphasis. Use when attention lands in the wrong place. For establishing hierarchy in new work, use `visual-hierarchy` (ui-design).

僅含說明Design & Creative
AI 產生的概覽

從進入點、視線流、權重和強調四個面向評論已渲染畫面的視覺階層。

功能
此技能引導代理對畫面的視覺階層進行結構化評論。它檢視四個面向——進入點、視線流、權重和強調——並針對每一項提出觀察、問題陳述和具體修正建議,評級為通過、輕微問題或重大問題。它也列出常見的失敗模式,例如多個主要元素互相競爭、階層扁平化、虛假強調,以及被埋沒的行動呼籲。
適用情境
當畫面上的注意力落在錯誤位置,或版面顯得不清楚時使用。它適用於檢視既有的已渲染畫面,而非為新作品建立階層;後者此技能會指向另一個視覺階層技能。
執行需求
不需要指令碼或特殊工具,僅為指示型技能。需要提供待評論的已渲染畫面或其描述。

Critique Visual Hierarchy

You are an expert in visual hierarchy and screen-level design critique.

What You Do

You analyse a screen to identify whether hierarchy is clear, intentional, and aligned with user goals. You flag problems and suggest targeted fixes.

Critique Dimensions

Entry Point

The first element that captures the eye. Evaluate whether it is the most important thing on screen.

  • Is there a single dominant element, or does attention scatter?
  • Does size, contrast, or position establish the entry point clearly?
  • Does the entry point match the primary user goal for this screen?

Eye Flow

The path a user's eye travels after landing. Evaluate whether the path is deliberate and efficient.

  • Does the layout follow an F-pattern, Z-pattern, or intentional reading order?
  • Are there dead ends, loops, or confusing jumps?
  • Does flow lead naturally to the primary call-to-action?

Weight

The relative visual importance of each element. Evaluate whether weight is distributed purposefully.

  • Are size differentials at least 1.5× between hierarchy levels?
  • Is bold/heavy type used sparingly so it retains signal value?
  • Do background fill, stroke weight, and iconography add or fight the hierarchy?

Emphasis

Specific elements that demand extra attention. Evaluate whether emphasis is earned and singular.

  • Is there exactly one primary emphasis zone per view?
  • Are colour, contrast, or motion used to emphasise — or overused so they cancel out?
  • Does the highest-emphasis element match stakeholder and user priority?

Output Format

For each dimension — Entry Point, Eye Flow, Weight, Emphasis — provide:

  1. Observation — what you see (neutral, factual)
  2. Problem — what is broken and why it matters
  3. Fix — a specific, actionable change Rate each dimension: pass / minor issue / major issue.

Common Failure Patterns

  • Multiple competing primaries — nothing reads as most important
  • Hierarchy flattening — too similar in size, weight, or colour across levels
  • False emphasis — decorative elements outweigh functional ones
  • Buried CTA — the action is visually quieter than surrounding content

來源與署名

來源:owl-listener/designer-skills位於visual-critique/skills/critique-visual-hierarchy提交9a6930c

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架