Sushi jest bardzo własnym systemem projektowania Zomato, który pomaga zbudować solidne interfejsy użytkownika po czystym i prostym języku projektowym. My w Zomato zbudowaliśmy to od ziemi. To nie tylko dla nas system projektowy, ale pomaga nam zapewnić naszym użytkownikom nowe i wzmocnione doświadczenia. Sushi pomoże Ci zbudować interfejsy użytkownika na zamówienie zgodnie z atomowym, czystym i prostym językiem projektowym. Podczas gdy Sushi buduje swój własny język projektowy, w pełni obejmuje i wykorzystuje komponenty projektu materiału Google w wielu obszarach.
jako system projektowy i odniesienie do wytycznych marki, jest wykorzystywany i reprezentowany przez różne zespoły w Zomato, takich - produkt, inżynieria, marketing i marki.
co to jest System projektowania?
System projektowania to zbiór składników wielokrotnego użytku, kierując się przezroczystych standardów, które mogą być montowane razem, aby zbudować dowolną liczbę aplikacji. System projektowania nie jest tylko zbiorem aktywów i komponentów, których używasz do zbudowania produktu cyfrowego. Według Emmet Connolly, dyrektor projektu produktu w interkomu, "... Większość systemów projektowych to naprawdę deseń biblioteki: duże pudełko UI Lego elementów, które mogą być montowane w prawie nieskończone sposoby. Wszystkie elementy mogą być spójne, ale nie oznacza to, że zmontowane wyniki będą. Twój produkt jest czymś więcej niż tylko stosem elementów wielokrotnego użytku interfejsu użytkownika. Ma strukturę i znaczenie. To nie jest ogólna strona internetowa, jest przykładem wykonania systemu koncepcji. "
Sushi Design System
fundamenty
Fundacje są wytycznymi markami cyfrowymi, które definiują typografię, kolory palety, ikony, odstępy, cieni i architekturę informacji o naszym systemie projektowym. Sushi, po zasadach projektowych atomowych, jest budowany oddolny za pomocą kompozycyjnych składników, uporządkowanych jako atomów ➡️ cząsteczki ➡️ organizmy ) Mapowane do naszego systemu.
#atomy
Najmniejsze jednostki niepodzielne są atomami. W Etykietach tekstowych na Androidzie (lub dowolnym mobilnym UI), przyciski i uchwyty na obrazie są atomami.
#molecules
Widoki obejmujące wiele atomów do formowania, ale wciąż wyglądają i zachowywać się Jak pojedynczy podmiot dla użytkownika to cząsteczki. Na przykład pola wejściowe mają pole wprowadzania, pole błędu i przycisku, ale razem jest jednym podmiotem.
#organizmy
kompleks, ale komponenty wielokrotnego użytku , to działa w sposób spójny. Składa się z wielu atomów i cząsteczek. Obudowa w prętach ratingowych, która składa się z tagów, z których każdy ma numer i ikonę. Znaczniki zmieniają kolor, gdy wybrano różne oceny. Każdy tag indywidualnie jest również używany w innych miejscach, ale jako pasek ratingowy, wszystko działa razem, aby stworzyć nowe znaczenie.
Typografia
Typografia, jak możesz wiedzieć, jest Sztuka zorganizowania typu, aby zrobić czytelny, czytelny i atrakcyjny, gdy jest wyświetlany. Układ typu wiąże się z wyborem krój, rozmiary punktów, długości linii, odstępy liniowe i odstępy listowe oraz regulacja przestrzeni między parami liter.
Wspieramy następujące odmiany krojenia -
Extralght
Lekki
Regularny
Półpracam
Bold
Warunek
Możesz użyć dowolnej czcionki do 8 ciężarów czcionek i przypisać je z nich skróty. Podczas gdy mamy Metropolis, OKRA i Roboto na Demo, możesz użyć dowolnej czcionki, która prowadzi do swojej marki.
kolory
Sushi zapewnia również zestaw predefiniowanych kolorów w palecie . W przypadku niezwykle wyjątkowych przypadków zapraszamy do używania własnych kolorów, ale w przeciwnym razie zalecamy używanie kolorów z tej palety dla wszystkich komponentów produktu.
9Apps 4.9
