Ant Design
Ant Design / 2015– / 양식 / 플랫폼 화면 언어
재사용할 수 있는 컴포넌트와 페이지 패턴으로 기업용 웹 애플리케이션의 엔트로피를 낮게 유지하는 디자인 시스템이다. 자연스러움, 확실함, 의미, 성장이라는 가치로 표, 폼, 위계, 상태를 체계화하면서 정보 밀도는 줄이지 않는다.
한눈에 판단
시각적 특징
- 작은 글자와 가는 선으로 짠 빽빽한 표
- 파란색 주요 행동과 뜻이 분명한 상태색
- 일관된 폼, 페이지 나누기, 트리와 표
- 넓은 여백이 아니라 정렬과 반복으로 얻는 가독성
적합한 용도
- Enterprise admin screens with many tables, forms, permissions and states
- Standardizing component behavior and exceptions in international products
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- Keep body text compact and separate labels, values and help text through weight and color.
- 구성
- Set table and form columns first; show relationships through alignment rather than extra space.
- 재료
- Start with white, fine borders and a blue primary action; hold every state color to one meaning.
- 주의
- A component catalog dropped onto a page can look orderly while leaving the actual workflow undesigned.
- 더 읽을거리
- Natural, Certain, Meaningful and Growing / Enterprise-class component patterns / Theming and internationalization
관련 항목
- GitHub Primer (GitHub Primer)같은 계열: 플랫폼 화면 언어.Ant Design와 GitHub Primer 비교
- Fluent 2 (フルーエント2)공통 인상: Trust / Technique.Ant Design와 Fluent 2 비교
플랫폼 화면 언어 더 보기
플랫폼 화면 언어에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Motif (モチーフ)공통 인상: Technique / Trust.
- OPEN LOOK (オープンルック)공통 인상: Technique / Trust.
- Adwaita (アドワイタ)공통 인상: Technique / Trust.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/ant-design
- Markdown
- [Ant Design — IndexStyle](https://indexstyle.org/ko/styles/ant-design)
- HTML
- <a href="https://indexstyle.org/ko/styles/ant-design">Ant Design — IndexStyle</a>