#сессия #видео
1. Ольга: как собрать продуктовое портфолио
Провели открытую сессию о том, как собрать идеи для портфолио, определили точки роста, проговорили много хороших техник и советов.
📼 Смотреть видео
🗒 Персональная страница менти — здесь фиксирую запрос и выкладываю полезные материалы
🗒 Фоллоу-ап по итогам сессии + домашнее задание
К сожалению, сегодня не удалось провести стрим, потому что оказалось, что любой участник имеет возможность рисовать члены на экране и шерить свой рабочий стол в любой момент. А настройки Zoom, запрещающие участникам это делать, запрятаны глубоко в недрах веб-интерфейса, поэтому стрим был сорван. Но я разобрался с настройками и на следующей неделе можем провести сессию в лайве с вопросами и ответами после основного часа.
О сессиях
Условия приватных сессий
Условия попадания на открытую сессию по средам
Записаться можно лично: @okunev.
@slashdesigner #менторство #для_профи
1. Ольга: как собрать продуктовое портфолио
Провели открытую сессию о том, как собрать идеи для портфолио, определили точки роста, проговорили много хороших техник и советов.
К сожалению, сегодня не удалось провести стрим, потому что оказалось, что любой участник имеет возможность рисовать члены на экране и шерить свой рабочий стол в любой момент. А настройки Zoom, запрещающие участникам это делать, запрятаны глубоко в недрах веб-интерфейса, поэтому стрим был сорван. Но я разобрался с настройками и на следующей неделе можем провести сессию в лайве с вопросами и ответами после основного часа.
О сессиях
Условия приватных сессий
Условия попадания на открытую сессию по средам
Записаться можно лично: @okunev.
@slashdesigner #менторство #для_профи
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
#сессия 1. Ольга. Как собрать продуктовое портфолио
#гайд
Как настроить Zoom для стримов
Это инструкция для тех, кто хочет делиться своим опытом в формате стримов и развиваться как лектор или ментор. Стримы — первый шаг любого эксперта к выступлениям на дизайн-конференциях и митапах.
На днях я устроил стрим в Zoom, но не разобрался с настройками доступов для зрителей из-за неочевидного дизайна Zoom, в итоге мне помешали его провести. Исправляю ошибку, теперь разобрался и написал инструкцию, которая была бы мне полезна перед стримом. Собрал все возможные подводные камни, которых в дизайне Zoom выше крыши.
http://slashd.ru/posts/zoom-streaming
Внутри про настройки безопасности:
- Как выключить все микрофоны и видео перед стримом, а также предотвратить, чтобы участники снова не могли включать их без нашего разрешения
- Как отключить функцию рисования участников на экране
- Как запретить любому зрителю шерить его экран
- Сравнение картинки трансляций в Zoom и Telegram
@slashdesigner #Zoom #для_профи
Как настроить Zoom для стримов
Это инструкция для тех, кто хочет делиться своим опытом в формате стримов и развиваться как лектор или ментор. Стримы — первый шаг любого эксперта к выступлениям на дизайн-конференциях и митапах.
На днях я устроил стрим в Zoom, но не разобрался с настройками доступов для зрителей из-за неочевидного дизайна Zoom, в итоге мне помешали его провести. Исправляю ошибку, теперь разобрался и написал инструкцию, которая была бы мне полезна перед стримом. Собрал все возможные подводные камни, которых в дизайне Zoom выше крыши.
http://slashd.ru/posts/zoom-streaming
Внутри про настройки безопасности:
- Как выключить все микрофоны и видео перед стримом, а также предотвратить, чтобы участники снова не могли включать их без нашего разрешения
- Как отключить функцию рисования участников на экране
- Как запретить любому зрителю шерить его экран
- Сравнение картинки трансляций в Zoom и Telegram
@slashdesigner #Zoom #для_профи
#скринкаст
Как замоделить iPhone 14 Pro в Blender
Часовое ускоренное видео, которое в деталях показывает, как воссоздавалась модель айфона.
📼 Смотреть
Для продуктового дизайнера такая модель интересна тем, что её можно использовать для создания анимированных мокапов высокого качества и демонстрировать в них свой дизайн.
Это гораздо интереснее, чем📼 вставлять анимацию в статичный мокап в AE или тем более 📼 вписывать в фото в Фотошопе.
В следующий раз поговорим, как использовать эту модель для демонстрации UI-макета.
Если некогда делать модель самостоятельно, по ссылке на Gumroad можно купить готовую у автора.
@slashdesigner #для_профи #Blender
Как замоделить iPhone 14 Pro в Blender
Часовое ускоренное видео, которое в деталях показывает, как воссоздавалась модель айфона.
Для продуктового дизайнера такая модель интересна тем, что её можно использовать для создания анимированных мокапов высокого качества и демонстрировать в них свой дизайн.
Это гораздо интереснее, чем
В следующий раз поговорим, как использовать эту модель для демонстрации UI-макета.
Если некогда делать модель самостоятельно, по ссылке на Gumroad можно купить готовую у автора.
@slashdesigner #для_профи #Blender
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
I Made iPhone 14 Pro Product Animation Using Blender 3D | Time Lapse
Halo, ini video timelapse dimana proses aku membuat sebuah video iPhone 14 pro product animation menggunakan blender.
Download iPhone 14 pro 3D model : https://simuradi.gumroad.com/l/iPhone14pro
Software untuk ngumpulin gambar referensi :
https://www.pureref.com/…
Download iPhone 14 pro 3D model : https://simuradi.gumroad.com/l/iPhone14pro
Software untuk ngumpulin gambar referensi :
https://www.pureref.com/…
3D-мокап айфона в Блендере
Anonymous Poll
7%
Meh, уже умею
30%
Жду, наконец будет понятный туториал без лишних функций 3D и подписок на говно-плагины
6%
Не нужен, я такие вещи делаю в Cinema 4D
9%
Не нужны мокапы в принипе, мой дизайн прекрасен и без них
1%
Не делаю мобилки, но для веба с ноутом бы пригодился
5%
Я ненавижу Apple, но была бы модель Xiaomi или Samsung, было бы годно
41%
Результаты
Сегодня стрима не будет, поскольку на новую открытую сессию нет желающих.
На таких сессиях я бесплатно в течение часа разбираю любые вопросы о продуктовом дизайне, UX, визуале, портфолио, CV и карьере дизайнера в крупных компаниях.
В прошлом выпуске ко мне обратилась Ольга с запросом про сбор продуктового портфолио, и судя по отзыву, ей это было очень полезно. Итоги сессии можно посмотреть в Ноушне.
UPD: собрал достаточно откликов на месяц вперёд, так что следующий стрим в среду, 13 марта.
@slashdesigner #менторство
На таких сессиях я бесплатно в течение часа разбираю любые вопросы о продуктовом дизайне, UX, визуале, портфолио, CV и карьере дизайнера в крупных компаниях.
В прошлом выпуске ко мне обратилась Ольга с запросом про сбор продуктового портфолио, и судя по отзыву, ей это было очень полезно. Итоги сессии можно посмотреть в Ноушне.
UPD: собрал достаточно откликов на месяц вперёд, так что следующий стрим в среду, 13 марта.
@slashdesigner #менторство
#снек 31. Это марафон, а не спринт
Некоторые выводы после общения менти, которые страстно жаждут найти работу и чувствуют себя разбитыми каждый раз, когда им отказывают. Возможно, кому-то этот снек поможет справиться с волнением перед очередным собеседованием.
Важных собеседований не бывает. Ни одно собеседование не определяет твою судьбу, это просто обычный разговор с человеком. Если ты готов или готова, собеседование это только подтвердит. Если нет, надо продолжать идти по намеченному пути, если ты действительно хочешь получить хорошую работу.
1. Фидбэк от нанимающих. Крайне маловероятно построить карьеру без отказов, не только в дизайне. Важно, чтобы они по возможности стали источниками фидбэка. К сожалению, не всегда тебе готовы предоставить истинные причины отказа, потому что поток кандидатов слишком велик, а времени на ответы всем недостаточно. Ребята нанимающие, пожалуйста, уделяйте хотя бы 5 минут на причину отказа, чтобы человек понимал, что ему исправлять. Так вы работаете на усиление HR-бренда вашей компании и двигаете кандидатов вперёд, что хорошо для всей индустрии.
2. Поддержка. Также важно, чтобы была независимая точка опоры, которая сможет подтвердить, что у тебя есть шансы и стоит продолжать пытаться. Это может быть более опытный дизайнер или ментор, которому ты доверяешь. Без этих двух факторов — фидбэка и поддержки сложно не обрушить себе самооценку.
Попасть в крутое место сразу на старте карьеры — огромное везение. Но случайное попадание на крутую позицию ничего не решает: если ты не вывозишь, это будет очевидно. Ты просто не пройдёшь испытательный срок и останешься опять без работы.
Если представить, что твоя цель найти работу — это мишень, гораздо важнее учиться стрелять, а не попасть один раз. Важно практиковаться, эмоционально не вкладываясь в отказы и офферы. После собесов уделять внимание фидбэку, войти в петлю улучшений. Тогда рано или поздно неизбежно научишься попадать туда, куда тебе надо.
@slashdesigner #первые_шаги #карьера #майндсет
Некоторые выводы после общения менти, которые страстно жаждут найти работу и чувствуют себя разбитыми каждый раз, когда им отказывают. Возможно, кому-то этот снек поможет справиться с волнением перед очередным собеседованием.
Важных собеседований не бывает. Ни одно собеседование не определяет твою судьбу, это просто обычный разговор с человеком. Если ты готов или готова, собеседование это только подтвердит. Если нет, надо продолжать идти по намеченному пути, если ты действительно хочешь получить хорошую работу.
1. Фидбэк от нанимающих. Крайне маловероятно построить карьеру без отказов, не только в дизайне. Важно, чтобы они по возможности стали источниками фидбэка. К сожалению, не всегда тебе готовы предоставить истинные причины отказа, потому что поток кандидатов слишком велик, а времени на ответы всем недостаточно. Ребята нанимающие, пожалуйста, уделяйте хотя бы 5 минут на причину отказа, чтобы человек понимал, что ему исправлять. Так вы работаете на усиление HR-бренда вашей компании и двигаете кандидатов вперёд, что хорошо для всей индустрии.
2. Поддержка. Также важно, чтобы была независимая точка опоры, которая сможет подтвердить, что у тебя есть шансы и стоит продолжать пытаться. Это может быть более опытный дизайнер или ментор, которому ты доверяешь. Без этих двух факторов — фидбэка и поддержки сложно не обрушить себе самооценку.
Попасть в крутое место сразу на старте карьеры — огромное везение. Но случайное попадание на крутую позицию ничего не решает: если ты не вывозишь, это будет очевидно. Ты просто не пройдёшь испытательный срок и останешься опять без работы.
Если представить, что твоя цель найти работу — это мишень, гораздо важнее учиться стрелять, а не попасть один раз. Важно практиковаться, эмоционально не вкладываясь в отказы и офферы. После собесов уделять внимание фидбэку, войти в петлю улучшений. Тогда рано или поздно неизбежно научишься попадать туда, куда тебе надо.
@slashdesigner #первые_шаги #карьера #майндсет
#сессия #видео
2. SWOT для Антона
Провели стрим на 1 час 40 минут с Антоном Ягуповым, в рамках которого затронули важные карьерные вопросы. Поговорили о том, как проанализировать свои сильные и слабые стороны, а также увидеть свои возможности и угрозы. Также в этот раз удалось в прямом эфире ответить на вопросы слушателей: про формат портфолио и структуру кейса.
📼 Смотреть видео
🗒 Получившаяся SWOT-таблица
🗒 Фоллоу-ап по итогам сессии
Это очень редкий контент, который обычно недоступен в открытом доступе. Возможно, эти сессии переключат чью-то карьеру навсегда. Я делюсь им бесплатно, потому что хочу прокачивать дизайнеров. Лучшая благодарность — если ты поделишься этим видео и отправишь его тем, кому оно может помочь.
Также можно записаться на приватную сессию.
@slashdesigner #менторство #для_профи
2. SWOT для Антона
Провели стрим на 1 час 40 минут с Антоном Ягуповым, в рамках которого затронули важные карьерные вопросы. Поговорили о том, как проанализировать свои сильные и слабые стороны, а также увидеть свои возможности и угрозы. Также в этот раз удалось в прямом эфире ответить на вопросы слушателей: про формат портфолио и структуру кейса.
Это очень редкий контент, который обычно недоступен в открытом доступе. Возможно, эти сессии переключат чью-то карьеру навсегда. Я делюсь им бесплатно, потому что хочу прокачивать дизайнеров. Лучшая благодарность — если ты поделишься этим видео и отправишь его тем, кому оно может помочь.
Также можно записаться на приватную сессию.
@slashdesigner #менторство #для_профи
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
#сессия 2. SWOT для Антона
Проанализировали навыки кандидата на позицию старшего дизайнера, проговорили, в каком виде должно быть портфолио.
00:20 Интро
04:20 Определяем фокус
13:20 Предпочтения
20:31 Плюсы и минусы корпораций
23:44 Что ты продаёшь?
27:50 Расширяем рамки того, что…
00:20 Интро
04:20 Определяем фокус
13:20 Предпочтения
20:31 Плюсы и минусы корпораций
23:44 Что ты продаёшь?
27:50 Расширяем рамки того, что…
/designer
#сессия #видео 2. SWOT для Антона Провели стрим на 1 час 40 минут с Антоном Ягуповым, в рамках которого затронули важные карьерные вопросы. Поговорили о том, как проанализировать свои сильные и слабые стороны, а также увидеть свои возможности и угрозы. Также…
Отзыв Антона об открытой сессии:
Forwarded from Anton Yagupov
Несколько выводов после открытой сессии с Сашей Окуневым.
Анализ и синтез — основные инструменты современного дизайнера. Анализ для того, чтобы получить данные, синтез, чтобы сделать из них вывод. Какие выводы сделал я?
Первое. Нужно уметь вытащить свои сильные стороны. Это не хвастовство и бравада, нужно уметь понять факты о себе. Инструментов по вытаскиванию куча. SWOT — только один из них. Вам стоит найти подходящий персонально вам
Второе. Фокус очень важен. Как соискателю, так и работодателю. После сессии у меня фокус уточнился на продуктовые компании и ушёл с трека арт-диреткорства.
Третье. Если ты что-то можешь сделать, сделай это. В моем примере я могу сам сделать сайт-портфолио. И мне стоит это сделать, потому что так мои шансы как соискателя повысятся в несколько раз.
Четвертое. Саша очень спокойный и чиловый парень. Не бойтесь прийти к нему, он поможет. Всем пока и успехов!
Анализ и синтез — основные инструменты современного дизайнера. Анализ для того, чтобы получить данные, синтез, чтобы сделать из них вывод. Какие выводы сделал я?
Первое. Нужно уметь вытащить свои сильные стороны. Это не хвастовство и бравада, нужно уметь понять факты о себе. Инструментов по вытаскиванию куча. SWOT — только один из них. Вам стоит найти подходящий персонально вам
Второе. Фокус очень важен. Как соискателю, так и работодателю. После сессии у меня фокус уточнился на продуктовые компании и ушёл с трека арт-диреткорства.
Третье. Если ты что-то можешь сделать, сделай это. В моем примере я могу сам сделать сайт-портфолио. И мне стоит это сделать, потому что так мои шансы как соискателя повысятся в несколько раз.
Четвертое. Саша очень спокойный и чиловый парень. Не бойтесь прийти к нему, он поможет. Всем пока и успехов!
/designer
Начинаем открытую сессию 3 с Артёмом Денисовым
Можно задавать вопросы и общаться в комментариях к этому посту.
Страница записей по сессии
Ссылка на стрим
@slashdesigner #для_профи #менторство
Можно задавать вопросы и общаться в комментариях к этому посту.
Страница записей по сессии
Ссылка на стрим
@slashdesigner #для_профи #менторство
#сессия #видео
Открытая сессия №3. Болтаем про дизайн и поиск работы
📼 Смотреть видео
🗒 Записи с сессии, фоллоу-ап и полезные ссылки
Кстати, Артём после стрима завёл канал @xrdesigner. С интересом будем следить.
Таймкоды
00:00 О формате
01:13 Артём о себе
05:52 Почему сразу на senior?
07:40 Переломные девайсы в XR
08:36 Как может быть 12 лет опыта в XR?
10:11 2 отказа – не показатель
12:20 На что важно сделать акцент в портфолио
13:00 Впечатления от курса Cuicuit Stream
16:52 О ShapesXR
17:53 Смотрим CV, вспоминаем Гайд Анны
20:24 Артефакты для получения оффера
23:35 Как подают портфолио другие?
26:33 Почему не показывать UX в XR-портфолио
28:14 Конференция XR Creator
28:44 Текущая работа в WayRay
30:58 Учитывать ли ораничения XR в визуале
36:35 Избегать ли рендеры в портфолио
39:34 Что от WayRay подойдёт для фолио?
45:47 Пример задачи
48:34 Dinnesh Punni, инфобизнес в XR
51:11 Фреймер вместо Тильды
57:28 Курсы ради курсов — трата времени
59:44 Про ArchVis в ShapesXR
01:04:35 Технология NeRF и Luma AI
01:07:37 Различие подхода к прототипам UI/XR
01:09:52 Как генерить трафик на твой канал через реверс-дизайн
01:12:26 Презентация о себе в портфолио
01:14:16 Как много макетов показывать
01:18:12 Пример презентации о себе
@slashdesigner #менторство #для_профи #XR
Открытая сессия №3. Болтаем про дизайн и поиск работы
Кстати, Артём после стрима завёл канал @xrdesigner. С интересом будем следить.
Таймкоды
00:00 О формате
01:13 Артём о себе
05:52 Почему сразу на senior?
07:40 Переломные девайсы в XR
08:36 Как может быть 12 лет опыта в XR?
10:11 2 отказа – не показатель
12:20 На что важно сделать акцент в портфолио
13:00 Впечатления от курса Cuicuit Stream
16:52 О ShapesXR
17:53 Смотрим CV, вспоминаем Гайд Анны
20:24 Артефакты для получения оффера
23:35 Как подают портфолио другие?
26:33 Почему не показывать UX в XR-портфолио
28:14 Конференция XR Creator
28:44 Текущая работа в WayRay
30:58 Учитывать ли ораничения XR в визуале
36:35 Избегать ли рендеры в портфолио
39:34 Что от WayRay подойдёт для фолио?
45:47 Пример задачи
48:34 Dinnesh Punni, инфобизнес в XR
51:11 Фреймер вместо Тильды
57:28 Курсы ради курсов — трата времени
59:44 Про ArchVis в ShapesXR
01:04:35 Технология NeRF и Luma AI
01:07:37 Различие подхода к прототипам UI/XR
01:09:52 Как генерить трафик на твой канал через реверс-дизайн
01:12:26 Презентация о себе в портфолио
01:14:16 Как много макетов показывать
01:18:12 Пример презентации о себе
@slashdesigner #менторство #для_профи #XR
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
#сессия 3. Артём Денисов про XR-дизайн
00:00 О формате
01:13 Артём о себе
05:52 Почему сразу на senior?
07:40 Переломные девайсы в XR
08:36 Как может быть 12 лет опыта в XR?
10:11 2 отказа – не показатель
12:20 На что важно сделать акцент в портфолио
13:00 Впечатления от курса Curcuit Stream
16:52…
01:13 Артём о себе
05:52 Почему сразу на senior?
07:40 Переломные девайсы в XR
08:36 Как может быть 12 лет опыта в XR?
10:11 2 отказа – не показатель
12:20 На что важно сделать акцент в портфолио
13:00 Впечатления от курса Curcuit Stream
16:52…
/designer
bazhena.framer.website
Бажена ищет работу продуктовым дизайнером
С гордостью представляю вниманию HR и лидов свою менти, которая под моим руководством собрала портфолио и подтянула методологии проектирования. Если брать джуниора, то только такого.
Портфолио: bazhena.framer.website
В рамках этого портфолио Бажена собрала 4 продуктовых кейса:
1. Как могла бы выглядеть лента новостей в Телеграме, B2C
Эту идею я сам придумал для своего портфолио, но меня опередили и развили её до состояния, готового к продакшну.
2. Как настроить роли в Яндекс 360 для бизнеса, B2B
Этот кейс мы делали специально для вакансии в Яндексе, которая, к сожалению, была отменена в последний момент. Однако, работа была проделана колоссальная и UX на высоте.
3. Дизайн сервиса для подбора ментора, B2C
Тестовое задание для поступления на курс по продуктовому дизайну от Тинькофф, на мой взгляд, выполнено безупречно.
4. Как уменьшить количество ошибок у курьеров Яндекса, B2E
Другой большой проект, в рамках которого провели исследование работы пеших курьеров и предложили варианты, как улучшить их опыт и глобально повлиять на рейтинг курьеров системе.
Уверен, что Бажена быстро найдёт работу и построит карьеру в продуктовом дизайне: она проявляет живое любопытство, молниеносно учится и сразу применяет новые знания. За последние три месяца наших сессий я успел дать ей максимум того, что знал сам, и вижу, что это пошло ей на пользу.
Предпочтительно Питер или удалённо, сделает любые тестовые, запитчит полные версии кейсов на интервью. Эйчары, не пропустите, она — моё достижение в качестве ментора и моя личная рекомендация.
Предложить работу: @nepochemyazachem, Линкедин.
@slashdesigner #менторство
С гордостью представляю вниманию HR и лидов свою менти, которая под моим руководством собрала портфолио и подтянула методологии проектирования. Если брать джуниора, то только такого.
Портфолио: bazhena.framer.website
В рамках этого портфолио Бажена собрала 4 продуктовых кейса:
1. Как могла бы выглядеть лента новостей в Телеграме, B2C
Эту идею я сам придумал для своего портфолио, но меня опередили и развили её до состояния, готового к продакшну.
2. Как настроить роли в Яндекс 360 для бизнеса, B2B
Этот кейс мы делали специально для вакансии в Яндексе, которая, к сожалению, была отменена в последний момент. Однако, работа была проделана колоссальная и UX на высоте.
3. Дизайн сервиса для подбора ментора, B2C
Тестовое задание для поступления на курс по продуктовому дизайну от Тинькофф, на мой взгляд, выполнено безупречно.
4. Как уменьшить количество ошибок у курьеров Яндекса, B2E
Другой большой проект, в рамках которого провели исследование работы пеших курьеров и предложили варианты, как улучшить их опыт и глобально повлиять на рейтинг курьеров системе.
Уверен, что Бажена быстро найдёт работу и построит карьеру в продуктовом дизайне: она проявляет живое любопытство, молниеносно учится и сразу применяет новые знания. За последние три месяца наших сессий я успел дать ей максимум того, что знал сам, и вижу, что это пошло ей на пользу.
Предпочтительно Питер или удалённо, сделает любые тестовые, запитчит полные версии кейсов на интервью. Эйчары, не пропустите, она — моё достижение в качестве ментора и моя личная рекомендация.
Предложить работу: @nepochemyazachem, Линкедин.
@slashdesigner #менторство
#снек 32. Когда нужно разделять киты, а когда держать компоненты в рамках одного?
Решение о слиянии китов или их разделении очень важное, оно определяет дальнейший вектор развития дизайн-системы на месяцы.
Конечно, кажется удобным сделать только одну версию компонента и использовать её и на обоих мобилках, и на десктопе, но на практике это вряд ли рационально: то, что хорошо смотрится на маленьком экране, в потребностях десктопа будет смотреться мелко.
Даже если дизайн для мобильных платформ приведён к единому виду, может возникнуть потребность распространить дизайн-систему и на десктопный веб, и тогда может прийти идея выделить десктопные варианты в том же мастер-файле, в котором объявлены мобильные. Этого делать не стоит.
Важно учесть удобство дизайнеров: после вставки каждого компонента дизайнеры не должны переключать свойство платформы с мобилки на веб через варианты. Они не всегда будут это делать, что приведёт к смешению компонентов с разных платформ в одном макете. Если у нас несколько платформ (Web, iOS, Android) и дизайн для них не приведён к единому виду, мы обязаны выделить 3 отдельных UI-кита. Бывает также, что дизайн для мобильных один и за основу берём iOS, но есть некоторые редкие компоненты для Android, и тогда варианты для платформы удобны.
Требования разработки. Фронтам нужны точные спеки для вёрстки компонента, которые дают им понять всё необходимое. Спеки с мобильными размерами не подойдут для вёрстки десктопа, отделяем.
Чем проще кит, тем проще им пользоваться. Чем кит сложнее и чем больше в нём вариантов, тем больше в нём возможностей, но тем дольше тюнить компоненты после вставки.
Однако, не смотря на то, что китов может быть столько, сколько нужно, стили цветов должны быть едины, иначе у нас будет рассинхрон между платформами. Выделять ли в отдельную систему типографику каждой платформы — индивидуальное решение каждой дизайн-системы. Типографику для лендингов и мобилкок точно стоит разделять. А вот мобилки и CRM могут остаться в единой.
@slashdesigner #для_профи #дизайн_системы
Решение о слиянии китов или их разделении очень важное, оно определяет дальнейший вектор развития дизайн-системы на месяцы.
Конечно, кажется удобным сделать только одну версию компонента и использовать её и на обоих мобилках, и на десктопе, но на практике это вряд ли рационально: то, что хорошо смотрится на маленьком экране, в потребностях десктопа будет смотреться мелко.
Даже если дизайн для мобильных платформ приведён к единому виду, может возникнуть потребность распространить дизайн-систему и на десктопный веб, и тогда может прийти идея выделить десктопные варианты в том же мастер-файле, в котором объявлены мобильные. Этого делать не стоит.
Важно учесть удобство дизайнеров: после вставки каждого компонента дизайнеры не должны переключать свойство платформы с мобилки на веб через варианты. Они не всегда будут это делать, что приведёт к смешению компонентов с разных платформ в одном макете. Если у нас несколько платформ (Web, iOS, Android) и дизайн для них не приведён к единому виду, мы обязаны выделить 3 отдельных UI-кита. Бывает также, что дизайн для мобильных один и за основу берём iOS, но есть некоторые редкие компоненты для Android, и тогда варианты для платформы удобны.
Требования разработки. Фронтам нужны точные спеки для вёрстки компонента, которые дают им понять всё необходимое. Спеки с мобильными размерами не подойдут для вёрстки десктопа, отделяем.
Чем проще кит, тем проще им пользоваться. Чем кит сложнее и чем больше в нём вариантов, тем больше в нём возможностей, но тем дольше тюнить компоненты после вставки.
Однако, не смотря на то, что китов может быть столько, сколько нужно, стили цветов должны быть едины, иначе у нас будет рассинхрон между платформами. Выделять ли в отдельную систему типографику каждой платформы — индивидуальное решение каждой дизайн-системы. Типографику для лендингов и мобилкок точно стоит разделять. А вот мобилки и CRM могут остаться в единой.
@slashdesigner #для_профи #дизайн_системы
#шаблон для Notion
Из чего состоит UI
Здесь собраны 7 блоков вопросов, которые я считаю важными при глубокой оценке интерфейсов: Опыт, типографика, вёрстка, цвет, материалы, анимация, образы.
Я записал их на основе менторских сессий, когда хотел дать своим менти инструменты для анализа UI-решений.
Читать на slashdesigner.ru
Дублировать в Notion
Как этим пользоваться: находим любой понравившийся интерфейс и задаём по нему вопросы из списков в посте. Через ответы сможем обнаружить то, чего не увидели с первого взгляда. Если регулярно находить красивые интерфейсы и подвергать их анализу, ты довольно быстро сможешь развить визуальный и продуктовый вкус.
Ранее по теме: Почему UI-дизайнеру для прокачки важно делать ревью каждый день
@slashdesigner #для_профи #UI
Из чего состоит UI
Здесь собраны 7 блоков вопросов, которые я считаю важными при глубокой оценке интерфейсов: Опыт, типографика, вёрстка, цвет, материалы, анимация, образы.
Я записал их на основе менторских сессий, когда хотел дать своим менти инструменты для анализа UI-решений.
Читать на slashdesigner.ru
Дублировать в Notion
Как этим пользоваться: находим любой понравившийся интерфейс и задаём по нему вопросы из списков в посте. Через ответы сможем обнаружить то, чего не увидели с первого взгляда. Если регулярно находить красивые интерфейсы и подвергать их анализу, ты довольно быстро сможешь развить визуальный и продуктовый вкус.
Ранее по теме: Почему UI-дизайнеру для прокачки важно делать ревью каждый день
@slashdesigner #для_профи #UI