/designer
Открыть в Telegram
Канал про продуктовый дизайн, инструменты и практику. Рекламы нет. Сайт: slashdesigner.ru Рубрики: #первые_шаги #для_профи #Figma #майндсет #задача #UI_ревью #дизайн_системы Форматы: #снек #статья #видео #анонс #подкаст Автор: @okunev
Больше2025 год в цифрах

14 827
Подписчики
-624 часа
-207 дней
-7930 день
Архив постов
Стрим про дизайн-системыAnonymous voting
- Был очень полезен, нужно провести ещё один в таком же формате
- Норм, но тема ДС раскрыта, следующий пусть будет на другую тему
- Пропустил, тема не актуальна
- Пропустил, неудобное время
- Тема ДС актуальна, включил, но не зашло
- Свой вариант в комменарии
- Результаты
#снек 4. Шкала давления/доверия
С точки зрения лида можно представить вопрос про сроки как линейную шкалу.
На одной её стороне мы видим стремление к быстрому результату и жёсткое следование любым срокам, а также кары за их срыв. Если лид слишком долго топчется в этой части шкалы, его команда демотивируется и живёт ощущении постоянной опасности, пока люди не начнут сгорать и ругаться. Если дедлайны систематически прибиты гвоздями и за их неисполнение следует немедленный расстрел, это плохой процесс.
В другой части шкалы ситуация, когда сроков вообще нет, все на расслабоне. Тогда мы душевные все такие, отлично общаемся на дейли синках, но в макетах результата нет: делаем одну страницу лендинга целую неделю. В этом случае лид не выполняет менеджерской функции и ничего не контролирует.
Перед любым менеджером стоит две конфликтующие между собой задачи: держать команду в тонусе, чтобы добиться результата для бизнеса и одновременно доверять своим дизайнерам, чтобы дать им максимум свободы и кайфа от работы.
@slashdesigner #для_профи #стать_лидом #софты
❤ 21
#видео #стрим
5. Про дизайн-системы
Запись стрима: youtu.be/tx3hP2axURg
Слайды
Обсудили:
Этапы создания дизайн-системы
Важность токенов и что это такое
Стандарты: иконки, иллюстрации
Компоненты: от чего отталкиваемся
Ограничения: организационные и технические
Фракталы и зачем с ними бороться
Этап примерки
Как сгладить стресс релиза и адаптацию
Зачем дробить UI-кит на 40 файлов по числу компонентов?
Как переключать темы правильно: Swap Library
Как сохранять связи в экземплярах, если нужно перенести мастер в другой файл
@slashdesigner #для_профи #дизайн_системы
❤ 45
Начинаем стрим про дизайн-системы, пост для вопросов и комментариев.
Как дизайнеру найти работу за рубежом
#гайд в 4 частях от Анны Лесной
Предыдущая часть: 1. CV
Часть 2. Портфолио
Читать: slashdesigner.ru/lib/hanna-guide/portfolio
Что внутри
- Версия 1, минималистичное портфолио Анны, плюсы и минусы.
- Версия 2, в виде детального кейса. Демонстрация процесса важна, упор на текст.
- На что важно сделать акценты при сборке портфолио? Каков был твой вклад в проект?
- Что делать, если работа под NDA: использовать вайрфреймы, затирать брендинг или делать выдуманные интерфейсы.
- Рассказывай законченную историю, приложи реальные фото рабочего процесса.
- Подборка полезных ресурсов по теме: где искать портфолио других дизайнеров.
- Подборка из 11 индивидуальных сайтов-портфолио. Здесь можно посмотреть, как выглядят топовые портфолио дизайнеров из Apple, Google, Microsoft.
- Подборка из 10 портфолио в Notion. Стоит ли делать портфолио в Notion? Спойлер: Если тебе нравится, почему бы нет.
- Подборка из 7 сайтов агентств для вдохновения.
@slashdesigner #для_профи #карьера #эмиграция
❤ 26
#снек 3. Сроки сдвигать можно
Нет, это вовсе не значит, что можно не держать свои обещания. Это значит, что в планировании рабочего процесса нужно исходить из здравого смысла. Если сдвиг не приведёт ни к каким катастрофическим последствиям вроде потери репутации всей компании, не мучим себя и команду, работая в режиме аврала непонятно зачем.
Можно заново договориться на новые сроки и аргументировать, почему предыдущие были не реалистичны. Сдвиг всегда имеет причину и это стоит обсудить в следующих постах.
Также стоит предупреждать принимающую сторону о сдвигах стоит как можно раньше, чтобы изменение в планах было максимально предсказуемым и безопасным.
@slashdesigner #первые_шаги #софты
❤ 30
#Снек №2. Первый шаг к развитию визуального вкуса — ввести в привычку Daily UI Review
Чтобы прокачаться в UI и визуале в целом, следует начать с ежедневной рутины — Daily UI Review. Каждый день, желательно в одно и то же время по будильнику ты садишься за комп, засекаешь 30 минут и начинаешь поиск: находишь во всём доступном тебе контенте одну картинку и по пунктам прописываешь, что тебе в ней понравилось, а что нет.
Если у тебя нет на это времени, значит, тебе неважно развивать свой визуальный кругозор, и это тоже нормально. Если ты юиксер с уклоном в исследования и работаешь в крупной компании, где есть штатные UI-дизайнеры, визуал тебе прокачивать не обязательно.
Большинство людей потребляют контент и дизайн, не особенно анализируя его. Такое неосознанное потребление тоже может развивать, но это может занять годы. Это упражнение позволяет смотреть на любой встреченный образ с точки зрения того, как он сделан. Неважно, фантик это от конфеты или кадр из фильма, дрибл-шот или интерфейс атомной станции, стаканчик из под кофе или гаджет.
Если это чей-то дрибл-шот, вопросы к нему могут быть такие: Что именно вызвало у тебя «ух ты»? Какая цель стояла перед дизайнером? Это образное или инженерное решение? Есть ли здесь решение дизайн-проблемы? Какая цветовая гамма? Есть ли акценты? Какая сетка и композиция? Какие ассоциации это вызывает? Это для кого? Это строго или экспрессивно? Если это строго, что с с консистентностью? Если экспрессивно, какая эмоция у образа?
Полезность этого упражнения резко возрастёт, если у тебя есть ментор, который может прокомментировать эти решения и подсветить то, что тебе не удалось увидеть с первого взгляда. Лайфхак: в качестве ментора можно использовать коллективный разум @designchat2 и вместе с хэштегом #daliyuireview делиться своими находками там. Там, где обсуждение, там прокачивается мышление дизайнера.
@slashdesigner #первые_шаги #UI
❤ 76
Фото недоступноПоказать в Telegram
#Стрим №5. Про дизайн-системы
В эту пятницу, 26 мая 2023, в 18:00 по Алматы (UTC+6), проведу часовой стрим про дизайн-системы.
Преимущественно для тех, кто уже знает, зачем нужны дизайн-системы, работает с готовыми или создаёт свои, а возможно даже настолько продвинут, что сидит в нашем @systemschat.
Возможно, перед этим стримом будет полезно посмотреть мой предыдущий выход в эфир, который Ozon организовывали совместно с Figma: Слияние дизайн-систем, опыт Ozon. Там был больше был формат лекции со слайдами.
Здесь будет меньше теории, а больше живого общения и обмена опытом.
Можно задавать вопросы в комментариях этого поста или живьём на стриме. Запись будет выложена на YouTube /designer.
PS: Как-то упустил момент, когда в Telegram наконец докрутили возможность подключать внешнюю аудиокарту с нормальным микрофоном и захватывать экран без внешних кривых инструментов вроде OBS или Zoom. Так вот, докрутили.
@slashdesigner #дизайн_системы #для_профи
❤ 37
#Снек №1. Про спейсеры
Пробуем Снеки — легковесную рубрику для быстрых углеводов.
Если в макетах встречаются повторяемые элементы, такие как списки, наборы карточек или типовые блоки, в Figma их следует верстать с использованием Auto Layout. В этом случае есть два способа контролировать отступы: через настройки самого AL и через спейсеры.
Если между элементами должны быть одинаковые отступы, всё просто. Берём карточки, оборачиваем фреймом, переводим его в режим AL, при необходимости устанавливаем настройки горизонтальных, вертикальных и внутренних отступов. Проблемы начинаются, когда у нас возникает сложная иерархия элементов и в зависимости от их размера и важности нужно задавать разные отступы. Тогда приходится создавать дополнительные вложенные фреймы с AL, что усложняет структуру макета.
В этом случае удобнее использовать спейсеры — пустые компоненты типового размера, например 16х16 или 56х56 dp, в зависимости от принятой сетки. Спейсеры выполняют ту же функцию, что шпации в ручном наборе, и это пример милой преемственности.
Чтобы держать вёрстку, используем оборачивающий фрейм с AL, в котором настройка внутренних отступов выставлена в ноль. Спейсеры разного размера вставляются между элементов там, где нужно выстраивать кастомные отступы. Так мы сохраняем для фронтенд-разработчиков тот механический порядок, который даёт нам AL.
@slashdesigner #первые_шаги #Figma #вёрстка
❤ 47
Mock Interview Fest: онлайн, 22 мая - 2 июня
Продолжим тему карьеры на @slashdesigner.
Компания AgileFluent помогает русскоязычным специалистам искать работу за границей и строить международную карьеру.
Начиная с сегоднешнего дня, с 22 мая по 2 июня AgileFluent запускаtет Mock Interview Fest — двухнедельный онлайн-фест для специалистов из IT и диджитал.
Неделя 1. Эфиры
Пройдут эфиры про поиск работы за рубежом, а также тестовые собеседования с международными рекрутерами AgileFluent.
Неделя 2. Серия мок-интервью с менторами Solvery , партнёра AgileFluent. Дисциплины: iOS, JavaScript, QA, Business Analytics, UX/UI Design.
Стрим с собеседованием на UX/UI Designer пройдет 2 июня в 19:00 по Москве.
Ментор Solvery Michael Browk, с которым мы уже знакомы по его 4 советам для подготовки к интервью, проведет собеседование в прямом эфире. Продлится 1 час собеседование, и 30 минут — обратная связь + ответы на вопросы зрителей. Интервью пройдёт на русском языке.
Можно зарегистрироваться
- В качестве зрителя / собеседуемого на первую неделю интервью для проверки софт скиллов
- В качестве собеседуемого на интервью с Майклом для проверки хардов
- Зрителем на интервью UX/UI Designer
Собеседуемый будет выбран случайным образом и объявлен за несколько дней до проведения стрима, чтобы смог подготовиться.
Условия для участия в собеседовании
- Ты либо готовишься к первой работе за рубежом, либо уже работаешь и хочешь оценить свои навыки;
- Необходимо приложить ссылку на резюме;
- Наличие тихого места, камеры и стабильного интернета
Почему стоит принять участие?
- Ты получишь отличный опыт прохождения собеседования, возрастёт вероятность получить новые отклики
- Участие в стриме — кейс, который отлично смотрится в резюме и демонстрирует твои софт-скилы и уверенность в себе
- Получишь обратную связь от ментора рекрутера и сможешь задать любые вопросы
Регистрируйся в качестве зрителя или участника
@slashdesigner #полезная_реклама #карьера #для_профи
❤ 18
Статья про выбор курсовAnonymous voting
- Была актуальна, как раз подбираю курс, круто спасибо!
- Саша и Инга, где вы были год назад, когда я взял рассрочку?!
- Была не актуальна, я уже прошёл курсы и больше не планирую
- Была не актуална, я самоучка и не признаю курсы
- Мне не нужна, но знаю, кому может быть полезно
- Подбираю курсы, но сама статья не зашла и оставила вопросы
- Свой вариант в комменты
- Результаты 
😁 1
Как выбрать хороший онлайн-курс по дизайну
Основные маркеры, на которые стоит обращать внимание при выборе онлайн-курса, чтобы не потратить зря свои силы и деньги.
Авторы: Саша Окунев, Инга Гвоздева, канал @ingamethod
Читать: slashdesigner.ru/lib/choose-course
В этой статье:
1. Внимательно изучи программу курса
2. Учебный процесс и что может его испортить
3. Создание артефактов — важный механзим проверки, научился ли ты чему-нибудь
4. Стажировка: самое крутое, что может дать онлайн-школа
5. Гарантия трудоустройства, для избранных
6. Преподаватели, в том числе, звёздные. Какие могут быть подводные камни.
7. Отзывы: что они могут показать, примеры хороших и плохих.
8. Что делать, если что-то пошло не так: что может помочь спасти деньги. О важности оферты.
Понравилась статья? Поделись ей в соцсетях. Так больше людей будет сталкиваться с мошенниками и разочаровываться в процессе обучения.
@slashdesigner #карьера #для_профи
❤ 23👎 2
4 важных совета о том, как готовиться к собеседованию
Michael Browk — мой бывший коллега и супер-позитивный чувак, который работал лидом в Ozon и Tinkoff, а с недавнего времени дизайн-директор холдинга Trevolution с командой более 30 человек и офисом в Дубае. Мы созвонились и прописали несколько ценных советов, которые он мог бы дать тем, кто проходит собеседования.
Совет 1. Как справляться с волнением
1. Достаточно репетиций. Ты должен знать контент, который рассказываешь, как свои пять пальцев.
2. Разговориться перед собеседованием, а не на нём. Перед самым собеседованием разгони свою речь заранее. Это легче сделать с собеседником, которому ты доверяешь, но можно и в одиночку.
3. Для тренировки понимания можно осмотреть пару серий сериала на англисйком. Это также позволит переключиться с волнения.
4. Не накручивай себя. Люди особенно сильно волнуются, когда думают, что провалятся. Но конкретное собеседование не играет роли в общей картине. Не возьмут в эту компанию — возьмут в следующую. Главное — упорно продолжать.
Совет 2. Что сделать, чтобы тебе начали писать рекрутеры из зарубежных компаний
1. Найди сотрудников в интересующей тебя компании и попроси их зареферить тебя — порекомендовать. Если ты подойдёшь, они скорее всего получат денег за привод ценного сотрудника.
2. Найти менеджера, который ищет себе дизайнеров и напиши ему в Линкедине. Рекрутеры легко могут упустить тебя из виду. Они смотрят только первые отклики, а дальше вакансия закрывается и так ты остаёшься ни с чем.
3. Создай CV в специальных сервисах, чтобы ATS могли его легко распознать. Подробнее — в части гайда про CV.
4. Поставить статус на LinkedIn «Available for hiring», чтобы рекрутеры могли находить тебя в поиске.
5. Строй свой личный бренд и показывай свой статус эксперта, делись своим авторским полезным контентом про дизайн, в первую очередь на LinkedIn.
6. Удели время своему профилю на LInkedIn, попроси коллег с прошлой работы подтвердили твои навыки.
Совет 3. Как рассказать про свой проект вкусно
1. Подготовь сценарий выступления.
2. Подготовь презентацию = кейс.
Хорошая структура кейса: Интро, чтобы погрузить в контекст продукта → Определение проблемы → Генерация гипотез → Проверка гипотез → как повлияли на продукт.
3. Адаптируй своё выступление под слушателя: обращай внимание на реакции и на то, что вызывает интерес. Меняй темп и детализацию выступления в зависимости от реакции.
Совет 4. Не сдавайся
Миша знает девушку, которая прошла около сотни собеседований, прежде чем попасть в компанию своей мечты. Не опускай руки, если на пятый раз не получится, проси фидбэк и адаптируйся к следующему разу.
Найти хорошую работу — это сложная задача для любого специалиста. Подготовься к тому, что это будет долгий путь.
@slashdesigner #карьера #для_профи
❤ 64👎 2😁 2
#тизер
Вместе с @ingamethod пишем большой гайд о том, как выбрать хороший онлайн-курс по дизайну, не нарваться на инфоцыган и не потерять деньги. Выйдет на следующей неделе. Stay tuned!
@slashdesigner #первые_шаги
❤ 70😢 1
Сеть чатов /designer
В продолжение темы чатов: теперь в нашей сети 8 тематических чатов, в которых мы настроили сквозную модерацию через единого кастомного бота.
@figmachat — самый крупный чат про Фигму в Телеграме, без воды решаем вопросы по инструменту, строгие правила.
@figmaforum — база ответов из Фигма-чата, где мы собираем лучшие ответы из Фигма-чата в виде топиков.
@designchat2 — чат про дизайн для экранов, болтаем о дизайне и карьере, изредка фултайм-вакансии.
@slashcomments — чат комментариев этого канала, правила как в Дизайн-чате.
@systemschat — лютые зарубы про дизайн-системы. Собрались дизайнеры из крупных компаний.
@whatthefontt — можно узнать или угадать шрифт по картинке, обсудить типографику. Собрались сильные графики, которые знают все шрифты.
@framerchat — спящий чат про Framer. На него есть планы, поскольку Framer полностью перезагрузился как продукт и теперь это не конкурент Фигмы, а конструктор сайтов.
@slashimagineai — новый чат про генерацию картинок через AI, где можно найти картинки с исходными промтами. О концепции.
Все они доступны в папке Чаты вместе другими полезными чатами, которые не входят в сеть /designer.
Благодарю команду модераторов, без которой чаты /designer не развивались бы так мощно.
Денис Рай, Нелля Назмиева, Игорь Плющ, Глеб Сабирзянов, Витя Теплов и Рома Хмелёв, за последний год вы бескорыстно внесли огромный вклад в то, чтобы наши чаты были комфортным местом. Каждого из вас обожаю!
@slashdesigner #чаты
❤ 29😢 1
Фото недоступноПоказать в Telegram
Запускаем новый чат про генерацию картинок
@slashimagineai посвящён генерации картинок в Midjourney, Stable Diffusion и других аналогичных сервисах.
Смотреть сначала: t.me/slashimagineai/5
Я задумал его как образовательную площадку и коллективный блог, в котором участники делятся своими работами вместе с промтами. Я надеюсь, этот чат вдохновит кого-то изучать генерацию образов более подробно и подсветит, как легко в этом можно достигать убедительных результатов.
Генерить картинки через чат командой /imagine всё-таки нельзя и это сделано осознанно, чтобы не превратить его в бесконечный неконтролируемый поток. Пусть в нём будет только лучшее.
Уметь сгенерировать референсы — совершенно обязательный навык для дизайнеров, как-то связанных с визуалом. Теперь у нас есть место, чтобы похвастаться своими находками и вдохновиться.
В /imagine можно задавать вопросы по теме с хэштегом #вопрос, как и в остальных наших чатах.
@slashdesigner #чаты #AI_дизайн #Midjourney
❤ 18👎 3
Интервью с Настей Мироновой, продуктовым дизайнером из Whatsapp
Под конец недели делюсь выпусками «Форточку Открой» для прослушивания на выходных.
Это годный подкаст про IT и макретинг, который ведут Даша Никулина и Никита Остапчук. Ребята взяли большое аудио-интервью у Насти, в котором обсудили её взгляд на дизайн, карьеру и переезд в Лондон.
Два получасовых выпуска слушаются на одном дыхании. После них было крутое послевкусие, которое бывает, когда пообщался с близкими по духу интересными ребятами в неформальной обстановке.
Часть 1: Apple Podcasts, Яндекс Музыка, Spotify, 29 минут
В первой Настя поделилась мыслями, которые были, когда она уходила из аспирантуры Физтеха работать дизайнером-новичком, много училась и нарабатывала свой первый опыт.
Дальше был Яндекс, продукты Яндекс Телефон и Дзен, позиция лида и решение попробовать себя на международном рынке.
Спустя полгода после первого собеседования она попала в команду мессенджера Whatsapp и вот уже год работает над этим продуктом.
Часть 2: Apple Podcasts, Яндекс Музыка, Spotify, 27 минут
Во второй части о взгляде Насти на дизайн, чем отличаются плохой и хороший дизайнер и в чём можно черпать вдохновение, когда привычная красота в стиле «сlean UI» уже надоела.
Канал подкаста в Телеграме: @fortochkuotkroi →
@slashdesigner #полезная_реклама #интервью
❤ 24👎 3😁 2😢 1
