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
7 views
1856
465
7 hours ago 00:56:04 1
[Viktor Bogutskii] САМЫЕ ЧАСТЫЕ ОШИБКИ НОВИЧКОВ В IT - как выбрать профессию в IT
2 days ago 01:55:26 3
Дизайн фирменного стиля (практика)
3 days ago 00:06:38 1.7K
ГЛАВНЫЕ ПРИНЦИПЫ ЧИСТОГО КОДА. Основы для начинающих
4 days ago 01:03:45 1
От теории к практике: как провести уроки русского языка и литературы с МЭО (Иннополис. Школа)
4 days ago 00:40:19 17
Пробуждение силы QA - Вадим Никитенко. Codetalks
4 days ago 00:43:38 142
Playwright на Java: Лучшая архитектура тестов с allure, видео и скриншотами! | Java QA Automation
5 days ago 01:22:23 22
Дизайн шрифтовых логотипов (практика)
5 days ago 00:45:28 1
Урок 3: Основные факторы ранжирования
6 days ago 01:50:10 980
Практика: собираем макет в Figma. Часть 2
6 days ago 00:07:20 26
Редизайн сайта промышленной компании | кейс TIQUM
7 days ago 00:05:08 851
Ответы на частые вопросы про Эльбрус Буткемп
1 week ago 00:28:19 2
Артем Кузнецов Pro UX #15 c Яной Сергиной
1 week ago 02:54:47 930
Практика: собираем макет в Figma, создаем UI-kit и интерактивный прототип
1 week ago 00:18:26 58
Создание интерфейсов UI | уроки Unreal Engine от
1 week ago 00:53:00 12
Внедряем Gitops практики в Yandex Cloud при помощи Kubernetes®
2 weeks ago 01:04:13 102
Мастер-класс по кастомизации Jmix UI
2 weeks ago 00:02:35 2
Учить дизайну или создавать его? Дизайнеры отвечают
2 weeks ago 01:32:09 105
Медицинский маркетинг: интервью с Валерием Домашенко
2 weeks ago 00:45:40 7
Удержание клиентов и работа с базой: практические кейсы, достижения и факапы. Гульнара Костарева, МЕДПЛАТФОРМА
2 weeks ago 01:22:21 372
Вебинар: «Первые шаги в Figma: как создавать интерфейсы и работать с макетами»
2 weeks ago 00:13:11 13
[Ночной кофе с психологом. Оливия Тишинская] А гуру кто? Берите знания у авторов!
2 weeks ago 01:00:20 66
[Голос Истока] Исцеление боли и Предназначение Бесплатный эфир №3 в преддверии курса “Перерождение-2024“
2 weeks ago 00:09:49 22
ИНТЕРЕСНАЯ ЗАДАЧА С LEETCODE НА JAVASCRIPT. Пробую успеть за 10 минут!
2 weeks ago 00:03:46 1
Мой опыт! АКТИВИРУЕМ ЗАПИСЬ ЗВОНКОВ на SAMSUNG Любой модели! Плейлист “Обзор техники“.