en
Feedback
/designer

/designer

Open in Telegram

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

Show more
14 860
Subscribers
-124 hours
-307 days
-6330 days
Posts Archive
#дайджест за сентябрь 2025 В плане контента сентябрь был ударным! Написал много авторских текстов. Предлагаю их вспомнить: Серия про наставника и почему дизайнеру вредно развиваться в одиночку - Причина 1. У нас есть слепые зоны - Причина 2. Заказчики не прокачают - Решение: Как выбраться из бедности и неумения - Причина 3. Вокруг океан контента - Как найти наставника на старте карьеры Серия про карьерные инструменты, помогающие получить оффер 1. Резюме 2. Сайт-портфолио 3. Презентация 🔥 4. Сопроводительное письмо UI_ревью: Mail App, Interactive Login Form. Про AI: - Дизайн-система + AI = радикальное ускорение фронтенда О том, что можно верстать бизнес-сценарии с дизайн-системой и чистым кодом. - Обзор возможностей модели Nano Banana Генерит красивые картинки консистентно, можно вписывать свои объекты в изображение. Про новости дизайна: - Максимально краткий обзор новинок от Apple Начало двух новых серий: - Obsidian: быстрый старт, часть 1 - Стратегия документации: списки и статьи. @slashdesigner
Show all...
star reaction 1 20😢 1
#снек 56. Списки и статьи Это серия про универсальную стратегию построения базы знаний, которая позволит сделать удобную структурированную документацию по проекту. Важная мысль: любую базу можно привести в порядок благодаря разделению страниц на два условных типа: списки и статьи. Списки — навигационные узлы, в которых должны быть только ссылки или маркеры без утяжеляющих простыней текста с деталями. Списки удобны, когда нужно в широкой теме перечислить подобные элементы и дать варианты дальнейшего перехода на вложенный список или статью. Примеры: список компонентов, база данных бизнес-сценариев, список методов в API, список покупок. Статьи — насыщающие единицы контента, в которых мы находим нужную информацию, без чрезмерной перелинковки. Удобны когда надо ответить на конкретный узкий вопрос читателя. Примеры: документация по компоненту, гайд о том как подключить библиотеку, любая инструкция. Когда в список добавляют слишком много уточняющего контента, его становится сложнее сканировать и искать в нём нужное, он теряет свою лёгкость. Когда в статье начинается перечисление и большое количество ссылок как в списке, это прерывает чтение, нам сложнее дочитать. В следующем посте серии про базы знаний поговорим про то, зачем отделять планирование от контента. Есть вопросы про базы знаний? Задай в комментариях. @slashdesigner #первые_шаги #Obsidian #Notion
Show all...
star reaction 1 14👎 2😢 2
#снек 55. Как дизайнеру найти наставника на старте карьеры Ранее в рамках серии про наставника проговорили ещё одну причину, почему вредно развиваться в одиночку — океан контента. В поиске наставника есть бесплатные и платные варианты, и те и другие с разной степенью эффективности позволяют ускорить твой прогресс. Идеальный вариант — попасть на работу в команду, где есть внимательный лид, который готов тебя прокачивать, регулярно проводить с тобой 1-1 и давать творческие задания. Он может видеть в этом задачу для роста эффективности команды, либо свою персональную миссию. Часто всё, что им нужно, — это поверить в то, что у тебя есть большой потенциал. Я отношу себя к таким и запустил несколько карьер с ребятами, которые со мной работали. Это долгосрочная стратегия, в рамках которой ты можешь получить нереально много времени наставника. Однако чтобы достичь достаточного уровня для попадания в похожую команду, тебе потребуется база и огромное желание много работать. Горящие глаза либо есть, либо нет, и они сразу видны на интервью. Базу можно наработать двумя путями: через онлайн-курсы с кураторами, либо через менторство. Можно найти ментора, просто написав заинтересовавшему тебя дизайнеру сообщение. Некоторые святые люди соглашаются выделять своё время бесплатно, это редкость. Как правило они есть на сервисе ADPList adplist.org, сейчас там 35 000 анкет потенциальных менторов, включая говорящих на русском. Другие выставят счёт за час занятия, и это тоже нормально. Кто-то будет требовать оплаты работой. Большинство проигнорируют, но если ты будешь настойчиво продолжать искать всё новых дизайнеров, кто-то обязательно откликнется на твоё предложение. Поиск ментора похож на поиск работы. Дизайнер, который хочет делится опытом, понимает, что ты не сможешь платить 200 $ за одно занятие, поэтому имеет смысл договариваться на ту сумму, которая будет тебе по силам и отталкиваться от неё. Час работы с ментором может стоить от 50 до 100 $, и эти деньги вполне можно заработать вне дизайна. Имеет смысл проводить занятия раз в 1-2 недели, хотя бы на протяжении полугода. Эти вложения — необходимая долгосрочная инвестиция в твою карьеру, которая экономит годы скитаний в темноте. Есть вопросы? Задавай в комментариях, пообщаемся. @slashdesigner #первые_шаги #майндсет
Show all...
star reaction 1 12👎 3😢 1
Как тебе формат #аудио?Anonymous voting
  • Огонь, видео не понадобилось
  • Нет, всё-таки нужно видео
  • Не стал слушать, только прочитал пост
  • Результаты
0 votes
Как тебе формат #аудио?Anonymous voting
  • Огонь, видео не понадобилось
  • Нет, всё-таки нужно видео
  • Не стал слушать только прочитал пост
  • Результаты
0 votes
#аудио 1. Obsidian: быстрый старт, часть 1 Эти 7 пунктов помогут освоиться c навигацией. 1. Чтобы начать работать с Obsidian, создаём хранилище (vault). Это аналог воркспейса в Notion. По сути, это просто очередная папка в операционной системе с особым содержимым. 2. Важное отличие Obsidian от Notion — папки и страницы в нём это две разные сущности. В Notion можно было бы просто завести страницу и сразу писать в ней, и вкладывать в неё другие, искать её. Но в Obsidian рекомендую сначала завести папку, а потом завести её корневой файл с таким же названием. Это важно, потому что без страницы папку не найти через поиск. 3. Папки — группирующая сущность, которая находится только в сайдбаре слева. Чтобы они выстраивались в нужной последовательности, можно использовать плагин Manual Sorting. Вот пример списка папок на верхнем уровне. 4. Имеет смысл помечать начало названия главного файла в папке при помощи эмоджи. Меню эмоджи на macOS достаётся через Ctrl + Cmd + пробел. Страницы с эмоджи легче заметить и перенести в начало папки вручную. У меня сформировалась конвенция: все книги и конспекты помечаю 📘. Если конспект настолько большой, что требует организации вложенных папок, маркирую их страницы так 🔘. Что-то важное-срочное — временным знаком 🔥. 5. Чтобы искать страницы, используем переназначенную команду Cmd + P, как и в Notion. Из коробки Obsidian ищет только по заголовкам, но можно прокачать глубину поиска мощным плагином Omnisearch. 6. В Obsidian есть режим редактирования файла и режим чтения. Переключаются через Cmd + E. По ссылкам удобнее переходить в режиме чтения, кроме того, вёрстка страницы становится компактнее, поэтому имеет смысл оставлять все страницы в этом режиме. 7. Горячие клавиши. При работе с большими базами знаний очень важны. Чтобы облегчить переход c Notion, я составил свой конфиг знакомых клавиш, где настроены все основные. Как его установить [ссылка скоро будет доступна]. Продолжим другие полезные пункты для лёгкого старта в следующем посте. @slashdesigner #первые_шаги #Obsidian
Show all...
Obsidian - Быстрый старт, часть 1.mp33.32 MB
16
Следующие посты делаемAnonymous voting
  • Про организацию работы команды в Notion
  • Про базу знаний в Obsidian
  • Результаты
0 votes
#снек 54. Notion или Obsidian? Оба! Какое-то время назад я задался целью перевести огромную базу знаний с Notion в Obsidian. Причиной тому была ситуация с идиотской выборочной блокировкой российских аккаунтов. Мой основной аккаунт был заблокирован, а ровно такой же второй, на котором работает slashdesigner.ru, остался в живых. Главная проблема Notion — тебе не принадлежат твои данные и нет надёжного способа их быстро забэкапить, а затем восстановить в первозданном виде. Когда данных в облаке много, это Game Over. Я это тогда отчётливо понял. Безопасность оказалась сильнее UX и я начал кровавый многомесячный переезд, который не завершён до сих пор. Notion уникален дизайном: система мутирующих блоков и вложенных страниц очень сильно ускоряет работу и не стоит на пути. Если в команде больше одного человека, Notion это очевидный выбор, потому что в нём лучшие канбан-доски и ганты. Планировать что-либо сложнее списка покупок в Obsidian это просто пытка, все плагины для канбанов и тем более гантов по сравнению с Notion на зачаточном уровне. Но если наша задача в организации приватной безопасной базы знаний с конспектами и картинками, на первый план выходит концепция offline first, которой придерживается Obsidian. Как и любой файл, он бэкапится вместе с остальным диском через Time Machine на macOS. Что удивительно, разработчики Notion пошли в эту сторону и сделали функцию Available Offline для любых страниц в пространстве. Она позволяет делать нужные страницы доступными даже без интернета. Пока функция недоработана, поскольку не делает страницы доступными Offline по умолчанию, нужно вручную заходить в меню каждой страницы и маркировать как Offline. Теперь я использую Notion для координации как таск-трекер, вычищая из него весь тяжёлый контент, а Obsidian — как хранилище. В следующих постах серии мы поговорим про организацию командной работы в Notion через настройку доски. @slashdesigner #первые_шаги #Notion
Show all...
8
#снек 53. Океан контента Ранее в рамках серии про наставника проговорили про ключ к росту дизайнера — наставника. Сегодня дам заключительную причину, почему дизайнеру вредно развиваться в одиночку. Причина 3. Информации слишком много Дизайн как дисциплина довольно сложен и даже если ты обучаешься через ChatGPT, ты не можешь с уверенностью валидировать то, что он тебе даёт. В курсах, сделанных людьми, тоже очень легко заблудиться, если не знаешь, какой из них реально классный. Можно купить или запиратить курс, но если в нём нет обратной связи, информация эта остаётся не заслуживающей доверия. Я не представляю, как дойти до всего того, что придумали люди в дизайне, в одиночку. Это просто убийственно много информации, книг и правил, насмотренности, опыта. Но в сопровождении заинтересованного в твоём развитии наставника путь до карьерного успеха можно проделать за пару лет. Хороший наставник позволяет сфокусироваться на том, что действительно важно для продвижения тебя на следующий уровень, показывает дорогу и даёт задания, и это работает не только в дизайне. Но как же его найти? В будущих постах проговорим и про это. @slashdesigner #первые_шаги #майндсет
Show all...
11
Пишешь ли ты сопроводительные при откликах?Anonymous voting
  • Да, пишу
  • Нет, не вижу смысла
  • Я не знаю, что писать
  • Результаты
0 votes
#снек 51. Как получить оффер. Инструменты, часть 4/4 Серия про карьерные инструменты. Предыдущая часть — про презентации. Поговорим о таком дополнительном формате как сопроводительное письмо. Оно несильно влияет на результат, но может быть приятным бонусом к твоему образу и сориентирует, на что ты хочешь обратить внимание. Очень вероятно, что сопроводительное увидит только HR, а не лид. Точно не надо: делать универсальный шаблон и копипастом вставлять в любое окно отклика. Безликость сразу чувствуется. Не надо писать, как ты с детства мечтал работать в %companyname%, нахваливать компанию, всё это игнорируется. Прежде чем откликаться, поисследуй, что это за компания, на чём они зарабатывают, какие ценности, какие отзывы сотрудников. Тогда найдётся фактура для того, за что можно зацепиться. Должно получиться довольно краткое личное сообщение с ответом на вопрос «что у нас общего». Сопроводительное поможет подсветить это более точно. Персональный подход привлекает внимание как магнит. Если ты решаешь писать сопроводительное, ты вкладываешься, оказываешь внимание и тратишь своё время на формулировки. Пример хорошего захода: Вакансия — B2C-приложение для телекома
Я вижу, что у вас открыта вакансия дизайнера. У меня для неё релевантный опыт, я как раз сделал кейс про Тарифы для приложения Whatever Telecom, ссылка.
@slashdesigner #для_профи #карьера
Show all...
15
Как работает подписка Shutterstock Расскажу об ошибке, которая стоила мне 160$. В апреле подписался на фотобанк Shutterstock, чтобы скачать нужную фотографию для обложки музыкального релиза. Подписка уже довольно кусачая — 32.48$. Думал, буду пользоваться больше, но в итоге вообще ничего не скачивал, и в итоге забыл о подписке. Она исправно списывалась полгода, и я не замечал её среди других списаний. Признаю, это моя проблема, что я не не лезу в выписку проверять каждый раз, когда происходит транзакция. В рамках подписки за месяц можно скачать до 10 изображений в высоком разрешении или векторе. Очень многие из них как попало сгенерированы AI, но это уже другая история. Главный прикол в том, что если их не использовать, каждый месяц эти 10 кредитов сгорают, и вот это уже продуктовая проблема. Естественно, вернуть их через техподдержку тоже нельзя по условиям использования сервиса. На других сервисах, например, на Splice, они просто переносятся на следующий месяц, не вызывая никакого негатива со стороны пользователя. Когда надо — потратишь свои сотни кредитов одним днём, пока сидишь на подписке, ты же их купил. Но самое смешное, что за отмену подписки они пытаются взять Cancellation Fee в размере 87$, потому что ты нарушаешь ранее взятое на себя обязательство платить подписку ежегодно (annual commitment). К счастью, можно просто заблокировать списания на уровне банка и сказать: Shutterstock, по-моему вы перестарались, никогда больше. @slashdesigner #для_профи
Show all...
😢 33 6
#снек 51. План продуктового кейса Продолжаю ветку про портфолио. Вот план, который позволяет максимально прозрачно презентовать задачу для продуктового дизайнера. 1. Погружение в контекст, супер-кратко. Например, описание приложения и заказчика. Определяем общий контекст. 2. Бизнес-проблема в формате джоб-стори:
Я как роль хочу достичь такой-то цели, так я смогу получить такую-то выгоду.
+ Уточняющие детали. 3. Сбор данных, предварительные исследования. Что можем узнать заранее? 4. Бенчмаркинг: исследование конкурентов в Figma + сводная статистика и логика принятия наших решений на основе бенча. 5. Гипотезы: «А что если?» + «как проверить»? Дальнейший дизайн будет спроектирован на основе них. 6. Ограничения: что может помешать внедрить дизайн. То место, чтобы показать, что ты работал над реальными проектами и знаешь, что такое невозможность разрубить монолит или доработать бэк. Помогает понять, почему в дизайне сделано именно так, с учётом ограничений. 7. Варианты решения: до 3 вариантов, в зависимости от ограничений + метрики успеха. 8. Вывод / презентация решения: сценарий и прототип в Figma. @slashdesigner #первые_шаги #карьера
Show all...
18
гипотезы
Show all...
#снек 50. Как получить оффер. Инструменты, часть 3/4 Продолжаем серию про карьерные инструменты. Предыдущая часть была про сайт-портфолио. Обожаю презентации и нашёл к ним подход. Сегодня наконец мы поговорим про них. 3. Презентация — это твоё секретное супер-оружие, 50-100 слайдов 1920х1080 в Figma, которую ты показываешь во время интервью на проекторе, ноутбуке или шеришь экран на звонке. В рамках слайдов с линейной навигацией рекламировать себя удобнее всего. Время просмотра — от 40 минут до полутора часов. Её ты приносишь на интервью и опираешься на слайды при рассказе, что даёт структуру повествования. Это твой мощный DJ-сет и то окружение, в котором ты будешь раскрываться максимально выразительно. Не факт что сет будет сыгран от начала и до конца, но будет всегда под рукой. Если тебе задают вопрос по материалу — быстро листаешь на нужный слайд и отвечаешь с картинкой на фоне. Я представляю каждый слайд как среду, которую я могу менять по клику и эта среда обогащает интервью, переносит меня в нужный мне контекст. На слайдах не нужно делать много текста, потому что его ты говоришь вслух. Слайды — это иллюстрации к твоему рассказу о кейсах и себе. Их не надо читать как книгу, потому что зрители всегда читают текст слайдов быстрее, а потом скучают, когда ты повторяешь их голосом. Здесь собран весь визуал и данные, которые нужны тебе, чтобы показать себя исключительным спецом. На слайдах — скриншоты макетов, исследования из Google Sheets, UI-киты, анализ аудитории и конкурентов, фактоиды с метриками и крупные цитаты отзывов, показывающие твои успехи, уместные диаграмы и графики, фото реальных счастливых пользователей, ссылки на прототипы, сравнения дизайна до-после. Возможно, даже видео-вставки, если нужно показать анимацию или иной дизайн в движении. В презентацию может попасть что угодно, что ты посчитаешь важным, и это уже не просто формальное портфолио про проблему, это отражение сегодняшнего тебя. В ней — максимум жизни. Презентация для интервью — вещь интимная и ей не делятся в открытом доступе. Однако, в качестве примера моей презентации я приведу Слияние дизайн-систем: видео, слайды, я использую тот же подход. Можно игнорировать все три формата? Можно, если ты достаточно крут, чтобы тебя хантили и закрывали глаза на то, что у тебя чего-то из этого не хватает. Но если ты хорош как дизайнер и у тебя полный упакованный комплект из этих инструментов, найти хорошую работу будет получать гораздо легче. Удачи! В следующем посте поговорим про такой жанр как сопроводительное письмо. Если хочешь, чтобы я рассказал о каком-то из форматов подробнее, напиши конкретный вопрос в комментариях. @slashdesigner #для_профи #карьера
Show all...
star reaction 1 33
Photo unavailableShow in Telegram
Выжимка WWDC Максимально краткая и бодрая презентация новых AirPods 3 и iPhone 17 за 5 минут. Киллер фича наушников — синхронный перевод через AI. Каждый раз наслаждаюсь тем, как же круто Apple упаковывают продуктовые презентации и подчёркивают единство экосистемы. Моушн-дизайн, футажи и монтаж всегда совершенно прекрасны. @slashdesigner #для_профи
Show all...
10😁 6
#снек 48. Как выбраться из петли бедности и неумения Продолжаю серию о том, почему дизайнеру на старте карьеры вредно развиваться в одиночку. Причина 3. Работая в одиночку, ты не можешь получить адекватную обратную связь! Ранее в серии: Заказчики не прокачают. В этом посте я упомянул петлю бедности и неумения. Чтобы выйти из неё, нужно найти более опытного дизайнера-наставника, с которым ты запустишь другую петлю — фидбэка. Идеальный вариант — трудоустройство в команду из 2-5 дизайнеров, где есть сильный лид, которому затратно нанимать синьёров, но который готов вкладываться в обучение своих сотрудников и поэтому нанимает джунов и мидлов. Если ты всё-таки предпочитаешь проектный формат работы, это может быть команда фрилансеров, хотя такой вариант хуже, поскольку связи в команде слабее. Даже если одного определённого наставника нет, в компании можно развиваться, когда есть другие люди вокруг тебя, которые готовы делиться своими знаниями и навыками, прокачивать и вкладываться. Это всё равно лучше, чем полное соло. Если ты чувствуешь, что получаешь драгоценный опыт, зарплата должна отойти на второй план. Первые 2-3 года тебе нужна практика и фидбэк, потом твой доход может вырасти вдвое, через 5 лет — втрое. Важное условие: уровень компетенций наставника должен быть радикально выше того, что делаешь ты, это должно чувствоваться мгновенно. Равный тебе по уровню не может стать наставником, однако всё ещё может дать полезный фидбэк. Есть альтернативный вариант: онлайн-курсы с фибдэком. Они тоже не заменят наставника, но могут дать хорошую базу. Есть риск попасть на некачественные и влезть в долги, поэтому на них стоит идти только по рекомендации. Если тема онлайн-курсов интересна, пиши вопросы в комментариях. В заключительном посте серии обсудим ещё одну причину, почему дизайнеру вредно развиваться в одиночку. @slashdesigner #первые_шаги #карьера
Show all...
star reaction 1 27
Сгенерировано при помощи Nano Banana.
Show all...
👎 14 3
Обзор возможностей модели Google Gemini 2.5 Nano Banana Смотреть Генерирует изображения с потрясающим реализмом, справляется со сложными промтами. Делает эстетичные детализированные изображения, держит структуру изображения при внесении изменений, таких как смена позы, крупности плана, в чём уделывает Midjourney. Результат более эстетичный и похожий на фото, без лишней стилизации, которым грешит ChatGPT. По стилистике и реализму результаты больше похожи на Firefly. Позволяет брать изображение любого предмета, и легко интегрировать его в финальный результат. Photoshop она в этом конечно не убивает, но однозначно стоит присмотреться. @slashdesigner #первые_шаги #AI
Show all...
10👎 7
1