Ростислав, что такое дизайн система и какую использовать в SuperApp? 🖥
🖥 Ваше любимое:
Меня часто спрашивают: Ростислав, что такое дизайн система? 🖥
Всем дизайнерам которые меня читают: ниже моя интерпретация дизайн системы. Сказать, что я не прав, можно в комментариях 😂
Вот я работал с разными дизайнерами, они люди творческие, все дела. Но как отличить крутого дизайнера от творческого? 😅 Посмотрите на структуру его дизайн проекта.
В хорошем дизайне присутствует дизайн система — это когда все элементы дизайна (кнопочки, таблички, экраны и вот это вот все) аккуратно разбиты на компоненты.
Творческий дизайнер делает:
- разные отступы для одинаковых элементов
- одни и те же элементы отрисовывает по несколько раз
- «рисует» только идеальные состояния экранов
Крутой дизайнер делает систему:
- следит за элементами
- показывает различные стейты для экранов
- не дублирует без надобности элементы дизайна
- собирает кликабельные макеты
- всегда проверяет финальный результат разработки с дизайном
Это если коротко и на пальцах. Дизайнеры, у вас есть что добавить? 🧐
Какая дизайн-система в нашем SuperApp? 🧠
Наша дизайн система похожа на живой организм. Любой организм, к примеру, человека, можно разбирать на разных «уровнях». 🏋
Можно взглянуть на человека целиком. Можно рассмотреть по-отдельности части тела или органы. А можно посмотреть клетки кожи.
Наша дизайн система как живой организм.
Вот какие элементы мы используем:
- атомы
- молекулы
- организмы
- экран
- кликабельный макет
Мы всегда начинаем работу с малого, а потом просто «собираем» нужных экран. И атомы и молекулы мы собираем под разные разрешения и экраны.
Вот почему разработка на Flutter у нас получается настолько кросс-платформенной 🤓
Про бекенд рассказывать? Ставьте реакции, а я пойду пост пилить про бекенд, про микросервисы.