Суши - очень собственная система дизайна Zomato, которая помогает построить надежные пользовательские интерфейсы после чистого и простого языка дизайна. Мы в зомато, построили это с земли вверх. Это не просто система дизайна для нас, но больше, чем она помогает нам предоставить нашим пользователям новый и расширенный опыт. Суши может помочь вам построить пользовательские интерфейсы на заказ после атомного, чистого и простого языка дизайна. В то время как суши создает на своем собственном языке дизайна, он полностью охватывает и использует компоненты дизайна материала Google внутри во многих областях.
как система дизайна и ссылка на руководящие принципы бренда, это используется и представлена различными командами в зомато, такие - продукт, инженерные, маркетинг и брендинг.
Что такое Система дизайна?
Система дизайна представляет собой сборник многоразовых компонентов, руководствуясь четкими стандартами, которые могут быть собраны вместе, чтобы построить любое количество приложений. Система дизайна не только коллекция активов и компонентов, которые вы используете для создания цифрового продукта. Согласно Emmet Connolly, директор дизайна продукта в домофоне, «... Большинство систем дизайна на самом деле просто библиотеки шаблонов: большая коробка ui Lego Pies, которые могут быть собраны в ближнем бесконечном способам. Все части могут быть последовательными, но это не означает, что собранные результаты будут. Ваш продукт больше, чем просто куча многоразовых элементов пользовательского интерфейса. Он имеет структуру и значение. Это не общая веб-страница, это воплощение системы концепций ».
Система дизайна Sushi
Фонды являются руководящими принципами цифровых брендов, которые определяют типографику, цветовые палитры, значки, расстояние между тенью и информационной архитектурой нашей системы дизайна. Суши, следующие принципы атомного дизайна, построены снизу с использованием компонентов компонентов, заказанные как атомы ➡️ молекулы ➡️ организмы.
атомный дизайн
) сопоставлен с нашей системой.
#atoms
Самые маленькие неделимые атаки атомы. В Android (или любого мобильного пользовательского интерфейса) текстовых меток, кнопок и держателей изображений атомы.
#molecules
Представления, которые включают в себя несколько атомов для формирования, но все еще выглядят и ведут себя Как одно сущность для пользователя - молекулы. Например, поля ввода имеют поле ввода, поле ошибки и кнопку CLEAR, но вместе это единое целое.
# organisms
# organisms
это работает в сплоченном виде вместе. Состоит из нескольких атомов и молекул. Дело в точке, являющихся рейтинговыми барами, которые состоит из тегов, каждый из которых имеет номер и значок. Теги изменяют цвет, а также выбраны разные рейтинги. Каждый тег индивидуально используется в других местах, но в качестве бара рейтинга все это работает вместе, чтобы создать новый смысл.
Типография
Искусство аранжировки типа, чтобы сделать письменный язык разборчивым, читаемым и привлекательным при отображении. Расположение типа включает в себя выделение типов, размеров точек, длины линии, расстояние между линиями и интервалом, и регулировка пространства между парами букв.
Мы поддерживаем следующие виды витрины -
Extralight
Light
Регулярный
Medium
Semibold
Bold
Extrabold
Вы можете использовать любой шрифт, который имеет до 8 весов шрифтов и назначить их от этих псевдонимы. Пока у нас есть Metropolis, Oakra и Roboto для демонстрации, вы можете использовать любой шрифт, который идет со своим брендом.
Цвета
Sushi также предоставляет набор предопределенных цветов в его палитре Отказ Для чрезвычайно уникальных случаев не стесняйтесь использовать свои собственные цвета, но в противном случае мы рекомендуем использовать цвета из этой палитры для всех компонентов вашего продукта.
9Apps 4.9
