Sushi è il sistema di progettazione personale di Zomato, che aiuta a costruire interfacce utente robuste dopo una lingua di design pulita e semplice. Noi di Zomato, abbiamo costruito questo da terra. Non è solo un sistema di progettazione per noi, ma più di quello che ci aiuta a fornire un'esperienza nuova e migliorata ai nostri utenti. Sushi può aiutarti a creare interfacce utente su misura dopo un linguaggio di design atomico, pulito e semplice. Mentre il sushi si accumula sul proprio linguaggio di progettazione, compra completamente e utilizza i componenti del design dei materiali di Google internamente in molte aree.
Come sistema di progettazione e un riferimento per le linee guida del marchio, è utilizzato e rappresentato da varie squadre all'interno del Zomato, tale prodotto, ingegneria, marketing e marchio.
Cos'è A Sistema di progettazione?
Un sistema di progettazione è una raccolta di componenti riutilizzabili, guidati da standard chiari, che possono essere assemblati insieme per creare un numero qualsiasi di applicazioni. Un sistema di progettazione non è solo una raccolta di attività e componenti che usi per costruire un prodotto digitale. Secondo Emmet Connolly, direttore del design del prodotto presso Interfono ", ... La maggior parte dei sistemi di progettazione sono davvero solo le biblioteche modello: una grande confezione di pezzi Ui Lego che possono essere assemblati in modi quasi infiniti. Tutti i pezzi possono essere coerenti, ma ciò non significa che i risultati assemblati saranno. Il tuo prodotto è più di un semplice mucchio di elementi UI riutilizzabili. Ha struttura e significato. Non è una pagina web generica, è la forma di realizzazione di un sistema di concetti. "
Sistema di design Sushi
Fondazioni
Le fondazioni sono linee guida digitali del marchio, che definiscono la tipografia, le tavolozze di colori, le icone, la spaziatura, l'ombra e l'architettura dell'informazione del nostro sistema di progettazione. Sushi, i seguenti principi di design atomico, è costruito bottom-up utilizzando componenti componenti, ordinati come atomi ➡️ molecole ➡️ organismi.
Design atomico
Design atomico (come descritto da Brad Gelo ) Mappato al nostro sistema.
#ATOMS
Le unità più piccole e indivisibili sono gli atomi. Nelle etichette di testo Android (o qualsiasi utente mobile), pulsanti e titolari di immagini sono atomi.
#molecole
Viste che coinvolgono più atomi da formare, ma ancora sembrare e comportarsi Come una singola entità all'utente sono molecole. Ad esempio, i campi di ingresso hanno la casella di input, il campo di errore e un pulsante chiaro, ma insieme è una singola entità.
#organismi
Componenti complessi, ma riutilizzabili , che lavorano in modo coeso insieme. Composto da più atomi e molecole. Un caso in punti di valutazione delle barre, che consiste in tag, ciascuno con un numero e un'icona. I tag cambiano anche il colore, quando sono selezionati rating diversi. Ogni tag singolarmente viene utilizzato anche in altri luoghi, ma come barra di valutazione, tutto funziona insieme per creare un nuovo significato.
Tipografia
Tipografia, come si può sapere, è L'arte del tipo di organizzazione per rendere la lingua scritta leggibile, leggibile e accattivante quando viene visualizzata. La disposizione del tipo coinvolge la selezione di caratteri tipografici, dimensioni del punto, lunghezze di linea, spaziatura della linea e spaziatura delle lettere e regolando lo spazio tra le coppie di lettere.
Supportiamo le seguenti variazioni di carattere
Exterlight
Light
Regular
Medium
Semibold
Grassetto
Extraballold
Puoi usare qualsiasi carattere che ha fino a 8 pesi dei font e assegnarli da questi alias. Mentre abbiamo Metropolis, Okra e Roboto per Demo, puoi usare qualsiasi carattere che va con il tuo marchio.
Colori
Sushi fornisce anche un insieme di colori predefiniti nella sua tavolozza . Per casi estremamente unici, sentiti libero di usare i tuoi colori, ma in caso contrario, ti consigliamo di utilizzare i colori da questa tavolozza per tutti i componenti del tuo prodotto.
9Apps 4.9
