UI ПРАКТИКА // ЧАСТЬ 5 // ДИЗАЙН-СИСТЕМЫ НА КОЛЕНКЕ

Задонанить: Поддержать на бусти: Ссылка на 1ю часть моего перевода Material: Material design: HIG: Fluent: Atlassian: Shopify: Salesforce: IBM: Что посмотреть по теме: - Про Rambler - Про Tinkoff - Про Mail - Про Mail еще разок - Про виджеты и ее структуру в Ozon - Атомарный дизайн Что почитать по теме: Прочитать книгу (eng): Или эту (eng): Или ее перевод: Читать этого парня: @nathanacurtis Более 500 гайдов для изучения: Ещё одна коллекция: И еще одна галерея из дизайн-систем: Опубликованные дизайн-системы в фигме (скачать): Список элементов, которые могут быть в твоей системе: Возможные разделы для твоей системы: Куда можно вступить: Дайджест Юрия Ветрова: Рекомендую: (автор единственной книги на русском по Figma) И чат канала slashdesigner (будьте вежливы и тактичны, читайте правила чата): Не по теме но полезно о работе: 00:00 - Причем тут коленка? 00:29 - Про дизайн-системы 00:54 - Что такое дизайн-система? 01:48 - UI-kit это не дизайн-система 02:12 - Реализованный UI-kit в коде это не дизайн-система 02:32 - Определение дизайн-системы 02:50 - Цель любой дизайн-системы 03:00 - Когда дизайн-система это бред? 03:36 - Кому в итоге нужна дизайн-система? 04:15 - Метафора с Lego 05:05 - Первые выводы 05:38 - Стандартов по созданию дизайн-систем не существует 06:10 - Атомарный дизайн 06:30 - Что такое Атомы? 07:18 - Что такое молекулы? 08:07 - Что такое организмы? 08:31 - Что такое шаблоны? 09:13 - Что такое страницы? 10:09 - Кто вовлечен в создание дизайн-системы? 10:24 - Важное напоминание 11:14 - Я ни в коем случае не осуждаю и не умаляю труд сотрудников 11:34 - Ozon 13:24 - Mail 15:00 - Что конкретно делает команда для дизайн-системы 15:20 - Руководство по визуальному языку 16:10 - Руководство Компоненты в коде 16:32 - Руководство по контенту в продукте 16:53 - Раздел с инструментами для дизайнеров и разработчиков 17:05 - Что включить в свою дизайн-систему? 17:30 - Пример: Material Design 19:18 - Перевод Material Design 19:45 - Пример: HIG iOS, MacOS, WatchOS, TvOS 21:00 - Пример: Fluent от Microsoft 21:46 - Пример: Atlassian 23:20 - Пример: Shopify 24:03 - Пример: Saleforce 25:11 - Пример: IBM 26:28 - Выводы Музыка: You & I by Soyb & Amine Maxwell Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: Music promoted by Audio Library