Sushi Design System - UI Kit for Android apps

설명 Sushi Design System - UI Kit for Android apps

Sushi는 Zomato의 매우 독점적 인 디자인 시스템으로 깨끗하고 간단한 디자인 언어로 강력한 사용자 인터페이스를 구축하는 데 도움이됩니다. 우리는 Zomato에서 이것을 부상에서 이루어졌습니다. 그것은 단지 우리를위한 디자인 시스템이 아니라 사용자에게 새롭고 향상된 경험을 제공하는 것 이상입니다. Sushi는 원자력, 깨끗하고 간단한 디자인 언어에 따라 맞춤형 사용자 인터페이스를 구축하는 데 도움이 될 수 있습니다. 초밥은 자신의 디자인 언어를 쌓아 두지만 많은 분야에서 내부적으로 Google의 자재 설계 구성 요소를 완전히 포용하고 사용합니다.
디자인 시스템과 브랜드 가이드 라인에 대한 참고서로서는 Zomato, 제품, 엔지니어링, 마케팅 및 브랜딩의 다양한 팀이 활용하고 대표합니다.
란 무엇인가? 설계 시스템?
디자인 시스템은 수지 수의 응용 프로그램을 구축하기 위해 함께 조립 될 수있는 명확한 표준을 안내하는 재사용 가능한 구성 요소의 모음입니다. 디자인 시스템은 디지털 제품을 작성하는 데 사용하는 자산 및 구성 요소의 컬렉션 일뿐 만 아니라. Emmet Connolly에 따르면 인터콤에서 제품 디자인 이사 "... 대부분의 디자인 시스템은 정말 무한한 방식으로 조립 될 수있는 UI 레고 조각의 큰 상자입니다. 모든 조각은 일관성이 있지만 조립 된 결과가 될 것임을 의미하지는 않습니다. 귀하의 제품은 재사용 가능한 UI 요소의 더미 이상입니다. 그것은 구조와 의미가 있습니다. 일반적인 웹 페이지가 아니며 개념 시스템의 실시 예입니다. "
Sushi Design System
기초
기초
기초는 우리의 디자인 시스템의 타이포그래피, 색상 팔레트, 아이콘, 간격, 그림자 및 정보 아키텍처를 정의하는 디지털 브랜드 가이드 라인입니다. 원자 설계 원칙을 따르는 스시는 합성 부품을 사용하여 상향식이 지어졌으며 원자형 ✖️ 분자 ✖️ 유기체로 주문합니다.
원자 디자인
원자 디자인 (브래드 프 로스트에 의해 설명 된대로) ) 우리 시스템에 매핑.
#atoms
Android (또는 모든 모바일 UI) 텍스트 레이블, 버튼 및 이미지 홀더는 원자입니다.
#molecules
사용자에게 단일 엔티티와 마찬가지로 분자입니다. 예를 들어 입력 필드에는 입력 상자, 오류 필드 및 지우기 버튼이 있지만 함께 단일 엔티티가 있습니다.
#orgianisms
복합체, 재사용 가능한 구성 요소 , 그것은 응집력있는 방식으로 일합니다. 여러 원자와 분자로 구성됩니다. 숫자와 아이콘이있는 태그로 구성된 등급 막대가있는 경우입니다. 다른 등급이 선택되면 태그가 색상이 변경됩니다. 각 태그는 개별적으로 다른 장소에서도 사용되지만 등급 표시 줄로 모두 함께 작동하여 새로운 의미를 창출합니다.
타이포그래피
타이포그래피, 알고 있듯이 표시 될 때 작성된 언어 읽기, 읽기가 가능하며 매력적인 유형을 배치하는 기술. 타입의 배열은 TypeFaces, 포인트 크기, 선 길이, 회선 간격 및 문자 간격을 선택하고 문자 쌍 사이의 공간을 조정하는 것과 관련이 있습니다.
semibold
8 글꼴 가중치가있는 글꼴을 사용할 수 있습니다. 별칭. 데모를위한 Metropolis, Okra 및 Roboto가 있지만 브랜드와 함께가는 글꼴을 사용할 수 있습니다.
색상
초밥은 팔레트에 미리 정의 된 색상 세트를 제공합니다. ...에 매우 독특한 경우는 자신의 색상을 자유롭게 사용할 수 있지만 그렇지 않으면이 팔레트의 색상을 제품의 모든 구성 요소에 사용하는 것이 좋습니다.