Atomic design
Вставка
- Опубліковано 28 вер 2024
- Сегодня поговорим про методологию организации дизайн-систем Atomic design. Это глобальный принцип организации и нейминга компонентов, который применяется не только в Фигме (или другой программе для создания интерфейсов), но и напрямую в разработке.
Оригинал книги (EN) - atomicdesign.b...
P.S. Приношу извинения за оговорки в видео, записывал поздно ночью 😅
Подписывайтесь на соцсети:
/ disarto.digital
www.behance.ne...
dribbble.com/Dexo
спасибо, наконец-то я поняла суть) очень понятно объясняешь))
Интересный у тебя контент. У тебя и практики много, и теории :) продолжай в этом же духе, спасибо тебе)
Спасибо! Я нахожу ответы на все свои вопросы)
Вдячний за корисний ролик! Тепер точно розумію, що таке атом, молекула та організм.
Сейчас, вроде бы, считают, что организм - вся страница, системы - это фреймы, а организмы - это органы. Но естественно, это всё вопросы нейминга.
Спасибо за контент. Мне как-то не зашел этот атом дизайн, совершенно не нужное структурирование.
С дизайном ui-kit возможно в таком виде и можно использовать этот подход, но вопрос в том каково такой подход применять при отрисовке прикладных интерфейсов которые импортируют ui-kit и пользуются уже им?
И какая практика имплементации в html?
Прекрасный пример того, как простая мысль которая закладывается в нас ещё в детстве при игре с матрёшкой, размазана на целую книгу. Спасибо за урок, как всегда - коротко и доходчиво!
супер))
Спасибо, ты сэкономил мне часов пять жизни - я уж собиралась читать книгу Классные видео у тебя. Я еще такого контента не видела и не читала нигде, быстро учусь по твоим объяснениям!
Хорошее видео, использую тоже в своём проекте атомарный подход. Мастхев если сложную инженерную систему делать. Для лендингов и мелких сайтов не особо актуален атомарный подход, только усложняет, достаточно ui kit.
Большое тебе спасибо за работу, твои видео очень помогают
Интересно, а какая практическая польза разделять элементы на атомы, молекулы и пр.? Где эту классификацию применяют?
Я думаю никакой, просто эти термины оправдывают удачное маркетинговое название) страницы состоящей из темплейтов, а все остальное солянка компонентов распиханых семантически по файликам вполне хватило бы
Крутышка
спасибо большое за видео урок! Ваши уроки всегда такие понятные и четко по делу
Мысленно отправляю Вам +10000000 к Вашей карме :)
Это явный успех маркетологов. Продать залежалое.
Смотри для чего темплейт. Я работаю над проектом авто-крипто-торговли, очень большая система. Например в нашей концепции слева, к примеру трех колоночная колонка) с виджетами внутри то есть организмы внутри темплейта, но когда создаю страницу (темплейт в темплэейте получается :) ), тогда мне нужны виджеты именно данного типа, дабы руками не морочится, и не выбирать 3-колоночные виджеты)
Большое тебе спасибо.
Огромное спасибо за объяснение. Давно хотел искал подобное видео на русском.
очень классный урок получился! спасибо огромное
Это самый простой и удобный тип организации
Добрый вечер. У меня вопрос что касается прототипирования. Когда делаю прототип ( работаю в Figma ), то часто бывает подергивание елементов во время перехода с борда на новый борд. По проекту елементы одинаковы и слоями, и названием фреймов, из за чего это может происходить? Подергивание не сильно большие но мне как перфекционисту режет глаз ))
Баг, они есть иногда не только визуальные, но и мешающие работе. Версия десктоп или через браузер? Обновить драйвера видеокарты, чипсета, обновить браузер и проверить наличие обновлений Figma. Или ждать когда поправят.
У меня иногда графика идёт "кирпичиками" при отдалении, приближении.
Если именно в прототипе, встречал такое, когда мэйминг элементов разный, или разные пропертис на них.
Со словесного описания трудно понять, о каких именно подергиваниях идёт речь. Это могут быть визуальные артефакты (наподобие тех, что описал
Александр Повольнов), а может быть что банально съехал элемент на 1-2px на одном или нескольких фреймах.
Спасибо за видео! По этой теме на русском не так много информации