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
1 view
1393
340
5 months ago 00:09:42 1
Skillbox подает на меня в суд? Что не так с курсами? Претензии и требования @vadilyin
5 months ago 05:07:30 1
Фестиваль лучших дипломных проектов в сфере маркетинга и дизайна.
5 months ago 01:46:24 1
Новая концепция сеток в UX/UI -дизайне💻
5 months ago 00:58:30 1
UI/UX дизайн. Разбор работ дизайна подписчиков #101 уроки веб-дизайна в Figma
5 months ago 00:12:25 1
Как НЕ СЛИТЬ деньги при выборе онлайн-курса? Практические советы
5 months ago 00:11:52 10
ОПТИМИЗАЦИЯ ИНТЕРФЕЙСА ИГРЫ в Unity! Лучшие советы по производительности!
5 months ago 00:18:55 1
Эффект фигуры из объёмных форм в Figma. Практический урок от арт-директора
5 months ago 00:10:19 1
Денис Нарижный - ТОП в Google: практика накрутки ПФ
5 months ago 00:08:11 1
K-ON!(!) voice actresses - live practice
5 months ago 01:15:02 1
Figma с нуля за 1 час! (уроки веб дизайна для начинающих)
5 months ago 00:22:57 1
9 вещей, которые я хотел бы знать в начале карьеры в айти
5 months ago 00:29:27 1
Основы маркетинга | Филип Котлер
5 months ago 00:01:08 1
X8 Freeplay Park | Update Trailer l Meta Quest Platform
5 months ago 01:44:19 1
Mastering Automatic 1111 WebUI Forge Edition: Comprehensive Tutorial and Best Practices
6 months ago 01:52:35 1
6. Адаптивный дизайн | Курс UX UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
6 months ago 01:47:27 1
5. Подход к дизайну сайтов | Курс UX UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
6 months ago 00:56:36 1
Figma с нуля - Знакомство с программой | Веб дизайн. Урок 1
6 months ago 00:19:12 1
Юмор - это серьезно | Дженнифер Аакер
6 months ago 01:55:08 1
Урок 1. Введение. Структура HTML. Заголовки и таблицы HTML
6 months ago 00:12:58 1
Как сделать 2D платформер на Unity | #1
6 months ago 00:13:12 1
А гуру кто? Берите знания у авторов!
6 months ago 00:04:03 1
Приглашаем на занятия цигун и тайцзицюань стиля У.
6 months ago 15:57:48 44
Harvard CS50’s Introduction to Programming with Python – Full University Course
6 months ago 00:20:43 1
Топ 5 самых распространенных ошибок в обучении на программиста (студентам будет больно)