Visual Hierarchy
owl-listener/designer-skills/ui-design/skills/visual-hierarchy作者 owl-listener9a6930cf84a8無授權條款2.8K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫4 週前更新
Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an existing screen, use `critique-visual-hierarchy` (visual-critique).
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| SKILL.md | 1.8 KB | text/markdown |
來源與署名
來源：owl-listener/designer-skills位於ui-design/skills/visual-hierarchy提交9a6930c
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 owl-listener/designer-skills 的技能
Zeigarnik Effect
owl-listener
運用蔡格尼克效應設計進度指示、草稿保存、中斷處理與回訪提示。
Teslers Law
owl-listener
運用泰斯勒定律，判斷設計中不可消除的複雜度應由產品還是使用者承擔。
Von Restorff Effect
owl-listener
運用馮·雷斯托夫（孤立）效應，讓介面或版面中某個關鍵元素在視覺上突出。
State Machine
owl-listener
將 UI 元件行為建模為有限狀態機，包含狀態、事件、轉換、守衛與動作。
Serial Position Effect
owl-listener
運用序列位置效應來安排選單、清單與步驟順序，讓關鍵項目出現在使用者最容易記住的位置。
Typography Scale
owl-listener
為數位介面定義包含字級、字重、行高與字距關係的模組化排版比例系統。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。