주요 제조사에서 일반적으로 사용하는 권장 B-end 설계 시스템

엔터프라이즈급 애플리케이션이 급속히 발전함에 따라 점점 더 많은 기업과 조직이 애플리케이션의 설계 효율성과 품질을 향상시키기 위해 설계 시스템에 관심을 갖기 시작했습니다. B-end 디자인 시스템은 이 분야에서 중요한 역할을 합니다. 이 기사에서는 유명한 B-side 디자인 시스템 8가지를 소개합니다. 개발자는 자신의 프로젝트의 특성을 주의 깊게 분석하고, 각 디자인 시스템의 특징과 장단점을 이해한 다음 자신의 필요에 따라 선택해야 합니다.

개미디자인프로

로그인 등록, 양식 페이지, 목록 페이지, 세부 정보 페이지, 예외 페이지, 개인 페이지 등과 같은 다양한 부분에 대한 여러 디자인 사양을 포함하는 Ant Design의 최신이자 가장 완벽한 웹 사이드 페이지 라이브러리 사양입니다. 콘텐츠는 매우 포괄적이며 디자이너 쉽게 참조하고 사용할 수 있습니다.

AntDesignPro는 AntDesign 팀이 개발하고 유지 관리하는 엔터프라이즈 수준 애플리케이션을 위한 B면 디자인 시스템입니다. AntDesignPro는 고품질 엔터프라이즈 애플리케이션 구축을 위한 일련의 디자인 구성 요소와 템플릿을 제공합니다. 시스템의 디자인 스타일은 간결하고 명확하며 동시에 확장 가능하고 구성 가능하며 다양한 엔터프라이즈 수준 애플리케이션의 디자인 요구 사항을 쉽게 충족할 수 있습니다. 또한 AntDesignPro는 개발자가 시스템을 더 잘 사용할 수 있도록 풍부한 문서와 튜토리얼도 제공합니다.

Ant Design 웹사이드 페이지 라이브러리 사양 인스턴트 디자인은 온라인 협업을 지원하는 전문가 수준의 UI 디자인 도구로, Sketch, Figma, XD 형식 가져오기를 지원하며, 방대한 고품질 디자인 리소스를 즉시 사용할 수 있습니다. 대화형 프로토타입 제작과 디자인 주석에 대한 액세스를 지원하여 생산, 디자인 및 연구 팀을 위한 원스톱 협업 사무실 경험을 제공합니다. icon-default.png?t=N7T8https://js.design/community?category=detail&type=resource&id=60d358cf333c5ce7ab0c2664&source=csdn&plan=yscsdn906

요소UI

Hungry?Element의 공식 범용 "버튼" 구성 요소는 웹 측에 적합합니다. 공통 특징은 디자인 스타일이 깔끔하고 간결하며 자체 디자인 사양이 있다는 것입니다. 버튼 스타일은 매우 풍부하고 포괄적이며 관련 인터랙티브 상태가 완전하고 수정 및 재사용 비용이 저렴하여 널리 사용되고 있으며 직접 다운로드하여 사용할 수 있습니다. 나만의 사양을 만드는 것 외에도 다양한 유형의 버튼에 대해 배우고 배울 수 있습니다.

Eleme에서 개발한 VueementUI를 기반으로 하는 ElementUI.Js 컴포넌트 라이브러리 및 B-side 디자인 시스템입니다. ElementUI는 디자이너가 고품질 UI 인터페이스와 대화형 경험을 신속하게 구축하는 데 도움이 되는 탁월한 디자인 시스템입니다. 풍부한 구성 요소 라이브러리와 디자인 도구를 갖추고 있으며 응답, 테마, 다국어 및 기타 기능을 지원하며 다양한 웹 애플리케이션 및 모바일 애플리케이션의 디자인에 적합합니다.

웹UI

WeUI 디자인 사양은 WeChat의 원래 시각적 경험과 일치하는 기본 스타일 라이브러리 세트입니다.WeChat 공식 디자인 팀은 WeChat의 웹 페이지 및 WeChat 애플릿에 맞게 맞춤 설계하여 사용자의 인식을 더욱 통일시킵니다. 디자이너가 디자인하기가 더 편리하고, 개발자가 호출하기 편리한 리소스도 제공됩니다.

WeUI는 Tencent가 제작한 B-end 디자인 시스템으로, 디자인 원칙에는 사용 용이성, 경량, 고효율, 유연한 사용자 정의 및 쉬운 확장이 포함됩니다. WeUI는 개발자가 고품질 엔터프라이즈 애플리케이션을 신속하게 구축하는 데 도움이 되는 풍부한 UI 구성 요소 및 스타일 라이브러리를 제공합니다.

WeUI 디자인 사양 Instant Design은 온라인 협업을 지원하는 전문가 수준의 UI 디자인 도구로, Sketch, Figma, XD 형식 가져오기를 지원하며, 수많은 고품질 디자인 리소스를 즉시 사용할 수 있습니다. 대화형 프로토타입 제작과 디자인 주석에 대한 액세스를 지원하여 생산, 디자인 및 연구 팀을 위한 원스톱 협업 사무실 경험을 제공합니다. icon-default.png?t=N7T8https://js.design/community?category=detail&type=resource&id=61d6e355289f79895479a4f0&source=csdn&plan=yscsdn906

마이크로소프트Fluent디자인시스템

Microsoft FluentDesignSystem은 Microsoft Corporation에서 개발하고 유지 관리하는 크로스 플랫폼 B면 디자인 시스템입니다. 이 시스템은 고품질 엔터프라이즈 애플리케이션을 구축하기 위한 일련의 디자인 구성 요소와 템플릿을 제공합니다. Microsoft FluentDesignSystem의 디자인 원칙에는 깊이 인식, 경험 일관성, 자연스러운 동적 효과 및 확장성 등이 포함되어 있어 다양한 기업 수준 애플리케이션의 디자인 요구 사항을 충족할 수 있습니다. 또한 시스템은 개발자가 시스템을 더 잘 사용할 수 있도록 풍부한 문서와 튜토리얼도 제공합니다.

아르코디자인

ArcoDesign은 B-end 제품 인터페이스를 구축할 때 고품질 사용자를 더 빠르고 쉽게 개발할 수 있도록 디자이너와 개발자에게 재사용 가능한 UI 구성 요소 및 디자인 사양을 제공하도록 설계된 Vue 기반 .js 최신 디자인 시스템입니다.

에어비앤비 디자인 시스템

AirbnbDesignSystem은 사용자에게 일관된 UI 디자인 언어와 인터랙티브 경험을 제공하기 위해 Airbnb가 개발한 B-side 디자인 시스템입니다. 디자인 시스템에는 다양한 플랫폼과 장치를 지원하는 풍부한 구성 요소 및 템플릿 라이브러리가 포함되어 있습니다.

머티리얼디자인시스템

MaterialDesignSystem은 Google이 개발한 MaterialDesign을 기반으로 한 B-side 디자인 시스템으로 사용자에게 일관된 UI 디자인 언어와 대화형 경험을 제공하는 것을 목표로 합니다. 이 시스템에는 다양한 플랫폼과 장치를 지원하는 풍부한 구성 요소 라이브러리와 도구 세트가 포함되어 있습니다.

티디자인

TDesign은 디자이너가 고품질의 디자인 작품을 빠르게 제작할 수 있도록 도와주는 인공지능 기술을 기반으로 한 디자인 시스템입니다. TencentAILab은 중국의 한 기술 회사가 개발했으며 고효율, 속도, 지능, 다중 분야 응용 및 협력 상호 작용이라는 특징을 가지고 있습니다.

おすすめ

転載: blog.csdn.net/weixin_44070413/article/details/132722704