{"id":"ant-design","no":546,"name":"Ant Design","ja":"Ant Design","era":"2015–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 27","addedAt":"2026-08-22","source":{"title":"Ant Design — Design Values","url":"https://ant.design/docs/spec/values/"},"reference":{"status":"verified","pageUrl":"https://ant.design/docs/spec/values/","credit":"Ant Design — Design Values"},"essence":"企業向けウェブアプリの複雑さを、再利用できる部品とページの型で低エントロピーに保つ設計体系。Natural、Certain、Meaningful、Growingを価値に掲げ、表・フォーム・階層・状態を高い密度のまま規則化する。","cues":["小さな文字と細い罫線で密度の高い表を組む","青い主操作と明確な成功・警告・危険色","フォーム、ページャー、ツリー、表の部品が一貫する","余白を広げず整列と反復で読みやすくする"],"intents":["技術","信頼"],"works":["大量の表・フォーム・権限・状態を扱う企業向け管理画面を短期間で揃えるとき","国際化された業務製品で、部品ごとの振る舞いと例外を共通化するとき"],"recipe":{"type":"本文を小さめに保ち、ラベル、値、補助文の色と太さを厳密に分ける。","layout":"表とフォームの列幅を先に決め、余白ではなく整列で項目間の関係を示す。","material":"白い面、薄い罫線、青い主操作を基礎に、状態色を意味ごとに固定する。"},"avoid":"部品カタログをそのまま並べると、画面は整っても業務の順序が設計されず、操作が多いだけの管理画面になる。","colors":["#FFFFFF","#1677FF","#1F1F1F"],"motif":"ui","pair":["github-primer","fluent-design"],"study":["Natural・Certain・Meaningful・Growing","enterprise-class UIの部品体系","テーマと国際化の扱い"],"en":{"essence":"A design system that keeps enterprise web applications at low entropy through reusable components and page patterns. Its values — Natural, Certain, Meaningful and Growing — systematize tables, forms, hierarchy and state without reducing information density.","cues":["Dense tables set in small type and fine rules","Blue primary actions with explicit semantic colors","Consistent forms, pagination, trees and tables","Readability achieved through alignment and repetition, not generous space"],"works":["Enterprise admin screens with many tables, forms, permissions and states","Standardizing component behavior and exceptions in international products"],"recipe":{"type":"Keep body text compact and separate labels, values and help text through weight and color.","layout":"Set table and form columns first; show relationships through alignment rather than extra space.","material":"Start with white, fine borders and a blue primary action; hold every state color to one meaning."},"avoid":"A component catalog dropped onto a page can look orderly while leaving the actual workflow undesigned.","study":["Natural, Certain, Meaningful and Growing","Enterprise-class component patterns","Theming and internationalization"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}