Ant Design 소개
Ant Design 소개
Ant Financial은 수많은 엔터프라이즈급 제품을 운영하고 있어요. 시나리오가 복잡한 만큼 제품 요구사항이 자주 바뀌고 개발도 동시다발적으로 일어나다 보니 디자이너와 개발자는 빠르게 대응해야 하는 경우가 많죠. 이 과정에는 비슷한 내용이 정말 많이 반복되는데, 이걸 추상화해서 뽑아내면 안정적이고 재사용성이 높은 컴포넌트와 페이지를 얻을 수 있어요.
출처: 문서
본문
이런 배경에서 Ant User-Experience Design Team은 기업용 제품을 위한 디자인 시스템을 만들었어요. 그 중심에는 Natural(자연스러움), Certain(확실함), Meaningful(의미), Growing(성장) 이라는 네 가지 디자인 가치가 자리 잡고 있어요. 이 값들은 사용자 인터페이스 스펙을 통일하고 중복 요소와 과도한 제작 비용을 줄여서, 제품 디자이너가 더 나은 사용자 경험에 집중할 수 있게 도와줘요.
지침과 리소스 (Guidelines and Resources)
디자이너가 고품질의 제품 프로토타입을 만들 수 있도록 포괄적인 디자인 지침과 모범 사례, 리소스, 도구를 제공해요.
프런트엔드 구현 (Front-end Implementation)
우리 디자인 언어를 담은 컴포넌트 라이브러리는 React로 구현해요. 커뮤니티가 우리 디자인 시스템을 원하는 다른 프런트엔드 프레임워크로 구현해 주는 것도 언제나 환영해요.
- Ant Design of React (공식 구현)
- NG-ZORRO - Ant Design of Angular (커뮤니티 구현)
- NG-ZORRO-MOBILE - Ant Design Mobile of Angular (커뮤니티 구현)
- Ant Design of Vue (커뮤니티 구현)
- Ant Design Vue Next (커뮤니티 구현)
- Ant Design Blazor (커뮤니티 구현)
- San UI Toolkit for Ant Design (커뮤니티 구현)
- antizer (ClojureScript) (커뮤니티 구현)
- AtomUI - Ant Design of Avalonia/.NET (커뮤니티 구현)
Ant Design을 사용하는 곳 (Who's using Ant Design)
회사나 제품이 Ant Design을 사용하고 계신다면, 이 목록에 추가해 드릴게요. 여기를 클릭해 메시지를 남겨 주세요.
커뮤니티의 이야기 (Words From Community)
- Hacker News: Show HN: Antd – A set of high-quality React components
- Alligator: Crafting Beautiful UIs in React Using Ant Design
- Introduction to Ant Design
- Build a React App with Ant Design Principles
기여하는 방법 (How to Contribute)
GitHub에서 Ant Design에 기여하는 것은 언제나 환영해요! 질문이든, 우려사항이든, 개선 제안이든 망설이지 말고 여기로 알려 주세요.