/designer

Вышел выпуск подкаста @design_takoy с моим интервью На протяжении 40 минут поговорили об инструментах для интерактивного дизайна: Фигме, Фреймере, Скетче, о моей книге про Фигму, куда имеет смысл развиваться современному продуктовому дизайнеру и как не быть инфоцыганом. Слушай выпуск в Apple Podcasts → В интервью я сказал, что тот, кто учит дизайну, обязан иметь публичное портфолио. Поэтому, это интервью было бы не до конца честным, если бы я не поделился своим: bit.ly/okunev-portfolio На Дизайн Такой можно подписаться где удобно: Apple Podcasts Castbox Soundcloud Интервью можно обсудить в @designchat2. — #интервью

Гифки в Фигме и как их применять Фигма делает правильный шаг, чтобы добавить нашим прототипам жизни: теперь можно добавлять в макеты гифки. При этом во время работы над макетом они не проигрываются, экономя дизайнеру психику. Это очень важное улучшение, которое давно напрашивалось. Это не про вставку в макеты смешных котиков и мемов. Это совершенно новое измерение прототипа, которое делает его гораздо более убедительным для зрителя. Допустим, ты задумал сделать на сайте видео-фон. Есть огромная разница в восприятии обычного фото-фона и движущегося видео-фона, пусть даже со скидкой на плохое качество GIF-изображения. При помощи ScreenFlow я нарезал из этого видео фрагмент, который использовал в качестве видео-фона в макете размером 1280х720. Я сделал тестовый проект, для которого сохранил гиф-видео в 6 вариантах качества, чтобы можно было подобрать оптимальные настройки. Сделал три размера холста гифки: 100%, 50% и 25%. Два значения FPS: 15 и 8. Самая тяжёлая гифка весит 51 мб, имеет лучшее качество и FPS, но гарантированно заставит зрителя ждать даже на быстром интернете. На моих офисных 20 мбит это ожидание заняло ровно минуту, что отсекает такой вариант. Самая лёгкая гифка весит 2,3 мб. Она загружается почти мгновенно, но она самая уродливая и с низким FPS. Мой выбор пал на вариант 640х360 с FPS 8, которая весит почти 8 мб. По ощущениям просаживаться по FPS легче, чем терять в деталях. Больше идей о том, как применить гифки в прототипах — в посте Фигмы. Исходник в Фигме → Прототип → — #для_профи #UI_анимация

Вторая часть докладов с конференции Mail Conf × Dribbble Meetup 2019, видео и тезисы. В этой подборке: Какой инструмент становится главным конкурентом Фигмы в мире, где Скетч уже не воспринимается всерьёз Как делать смелый экспериментальный дизайн, который не упирается в ограничения клиента Сотни непринятых вариантов логотипа mail ru, смешные гневные комментарии пользователей про Ветрова и слишком электрический синий Об инструменте, который меняет веб-дизайн и развязывает руки дизайнерам, которым не нужно сидеть до ночи с верстальщиками и тюнить анимации на проде О буквах, краске и карте компетенций дизайнера, который должен уметь всё Ну и немного моушн-красот под конец. — #для_профи

Техническое, про адрес VK Ранее занятый каким-то парнем адрес vk.com/slashdesigner совершенно неожиданно освободился и я на него переехал с костыльного slashdesignerru. Уж не знаю, случайно это произошло или специально, но благодарен ему. Киберсквоттинг в соцсетях Вопрос адресов для пабликов и телеграм-каналов становится всё острее и урвать красивый релевантный адрес — исклчительное везение. Занять адрес можно за пару минут. Это бесплатно и навсегда. Но в определённых условиях он несёт в себе огромную ценность и это делает его предметом спекуляций. Увы, сейчас управление адресами в явном виде не регулируется ни Телеграмом, ни VK. Это провоцирует киберсквоттеров охотиться за адресами и перепродавать их. Некоторые же просто регистрируют адреса непонятно зачем и годами не используют их. Пример: @designchat. Хозяин анонимен и такой адрес даже не купить. Поэтому, приходится выкручиваться: @designchat2. Что делать соцсетям 1. Сделать регистрацию адресов платной в пользу соцсети. Тот, кто настроен к своему проекту серьёзно, готов вкладываться. Шаловливые дети, регистрирующие всё подряд, сразу пойдут мимо. 2. Дать возможность занимать адрес только если у блога есть определённое количество просмотренных постов и читателей, которые не являются ботами. Так делает YouTube. 3. Если канал неактивен 2 года, отнимать адрес. 4. Сделать выдачу адресов на конкурсной основе, когда соцсеть может выбирать тех, кто использует адрес для размещения ценного контента.

Первые 6 докладов с конференции: видео и тезисы. В этой подборке: Что делать, если ты хочешь стать электронным музыкантом, но живёшь в Ульяновске. В чём рисуют Тинькофф Банк. В чём опытный UI-дизайнер экспериментирует с 3D. Как бешеные дизайнеро-программисты собирают интерфейс из готовых компонентов прямо в XCode. Как делать визуальный сахар и эпатировать публику криком «фак ю дизайн». Как накладывать логотип на все доступные синие поверхности. В канале для трансляций появилось оглавление. — #для_профи

В этой статье я расскажу об эффективном решении, которое позволит авторам дизайн-статей не допустить воровства их контента со стороны пабликов VK. Увы, это довольно частая ситуация. medium.com/slashdesigner/matvey-cbeec028971b Матвей Правосудов написал в Дизайн-кабак прекрасный исчерпывающий мега-пост про то, как стать дизайнером интерфейсов. Снимаю шляпу, это то что нужно для начинающего. Это огромная работа, в которой он рассказал о своём пути и собрал много годноты. Внизу поста он оставил ссылку на свой пока ещё маленький телеграм-канал @task_to_solution. Автор популярного VK-паблика Мастерская веб-дизайна Андрей Шатило скопировал всю ценную часть поста из Медиума в редактор VK, а ссылку на телеграм-канал не скопировал, что вызвало резонную острую реакцию Матвея. Как защититься: VK позволяет бороться с такими ситуациями, но нужно заранее оформлять посты в виде лонгридов VK, чего Матвей не сделал. Если статья была опубликована VK, можно жаловаться на неоригинальный контент. — #первые_шаги

Взял интервью у Юрия Ветрова по поводу грядущей конференции. О планах, трендах, мерче, дизайне в mail ru и музыкальной программе. — #интервью

Mail ru Design Conference 2019 29 июня 2019 года в офисе Мейла пройдёт 8-я ежегодная конференция по дизайну. Это одно из центральных событий года для продуктовых дизайнеров, которые говорят на русском языке. Событие прошлого года для меня стало вдохновляющим эталоном того как должна проходить дизайн-конференция. С него осталась моя телеграм-трансляция и видео докладов. На сцене в этот раз будут: команды Tinkoff, Geex Arts, Acronis, Avocode, Readymag, Qiwi, Максим Жестков, Павел Лаптев, Андрей Шугальский и другие. Поскольку вход свободный, заявки разлетаются в первые несколько часов после открытия регистрации и попасть непросто. Как и в прошлом году, будем вести телеграм-трансляцию, которая будет в канале @slashlive. На этот раз ведущих будет трое. Вместе со мной будут дизайнеры из Новосибирска Никита Лакеев и Рома Нургалиев. Они ведут подкаст @design_takoy и рассказывают про продуктовый дизайн. → @slashlive — #трансляции #для_профи

Столкновение двух дизайнов Пост про два типажа дизайн-авторов: аристократию и ноунеймов. О зависти, пафосе и кустарных коммерческих дизайн-курсах. medium.com/slashdesigner/battle-for-noname-6f1a902bbb79 С одной стороны — хипстерская столичная элитарная дизайн-тусовка с флёром рок-звёздности, где все друг друга знают, поработали в агентствах или корпорациях. С другой стороны — доморощенная дизайн-тусовка из ноунейм телеграм-каналов и пабликов, с налётом коммерции и инфобиза. — #для_профи #лучшее

Начинающим: список инструментов Ответил на вопрос на Яндекс Знатоках про то, какие программы необходимы веб-дизайнеру и для чего они используются. Дал ссылки на официальные сайты. Получился внушительный список, который на треть состоит из поделок Adobe. Список покрывает проектирование, UI-анимацию, создание графики, видеомонтаж, фронтенд и простейший бэкэнд на CMS. Не нужно знать всё это в совершенстве, но при случае применить в работе полезно. — #первые_шаги

WWDC 2019: что нового Выжимка с главной презентации: • Новый Mac Pro, который похож на тёрку • Новый дисплей диагональю 80 см • macOS Catalina, в которой не будет iTunes, а айпад можно использовать в качестве второго монитора • SwiftUI — удобный декларативный фреймворк, в котором можно командами верстать интерфейсы, не заморачиваясь с AutoLayout и сторибордами https://medium.com/slashdesigner/wwdc-2019-2a2391d3c500 — #для_профи

WWDC 2019: текстовая трансляция сегодня в 20:00 по Москве 10:00 по Сан-Франциско Сегодня вечером в офисе Trinity Digital в Москве буду смотреть стрим с конференции Apple WWDC и комментировать его в канале @slashlive. Конференция проходит с 3 по 7 июня 2019. WWDC 2019 на сайте Apple Apple обещают взорвать мозг, о чём свидетельствует неоновый артворк WWDC и их слоган. Так ли это — выясним вечером. Ожидают выход iOS 13, watchOS 6, macOS 10.15. Подробнее о том, что ожидается, писал Вилса. Он будет вести свою видео-трансляцию на Трубе. Трансляция от Роботов Ещё одну телеграм-трансляцию ведут крутые чуваки из студии RedMadRobot, которые каждый год ездят на WWDC. Их трансляция началась с 1 июня и присоединиться к ней можно на канале @redmadrobot_wwdc_2019. → @slashlive — #трансляции #для_профи

Большая QIWI Кухня для дизайнеров и исследователей #бесплатно 23 мая 18:00. ул. Тверская 7. DI Telegraph Юлия Урасова, руководитель дизайнеров QIWI Расскажет, что дизайнер точно должен понимать в аналитике и даст инструкцию как прокачаться. Владимир Зимин, дизайн-директор Почты России Подскажет, с чего начать менять олдскульные продукты, когда нужно менять ВСЁ. Алексей Дитятьев, CPO QIWI Кошелька Поделится историями о границах между ролями менеджера и дизайнера продукта, как их определять и быть сильнее. Дарья Маткина и Евгений Новичихин из Creative Community Будут рассуждать о границе между шаблонами и творчеством: UX методики или креативные исследования. Елизавета Ревзина, design lead в The Boston Consulting Group Научит, как проводить интервью с пользователями. Поделится гайдом и своими секретами успешного интервью: как задавать вопросы и быстро получать инсайты. Прямо на воркшопе каждый проведет свое интервью. Регистрация: qiwi-events.timepad.ru/event/951376

Ушёл из Газпромбанка Новое место в обозримом будущем не ищу. Не так давно у меня произошли радикальные изменения. Последние два года работы дизайнером в банках были большим стрессом. Они здорово меня прокачали и измотали. Я благодарен моим наставникам, которые были рядом и многому меня научили: Диме Батову, Ксении Толокновой и Андрею Иванову. Но по дороге я забыл куда бегу и зачем. Теперь я восстановил work/life balance, сконцентрировался на iOS-разработке своих приложений и английской версии учебника про Фигму. Что будет дальше с проектом /designer я не знаю. Но я надеюсь встроить его в свою новую реальность. Например, писать инструменты для дизайнеров.

Воркшоп «Скоростное проектирование в Figma» https://medium.com/slashdesigner/figma-workshop-60e11c2fdac8 2 марта 2019 в рамках конференции ProfsoUX в Питере я провёл воркшоп и показал, как в течение получаса можно собрать рабочий прототип сценария регистрации в придложении вымышленного банка. Получившийся проект в Фигме → В этом посте • Описал, в чём минусы классического подхода, когда пишут большое ТЗ • Как быстрое лоуфай-проектирование может заменить ТЗ • Подводные камни при создании прототипов • Показал свой рабочий процесс в Фигме в видео (увы, плохое качество) Тезисы • Прототип создан быть выкинутым • Чем меньше сил затрачено на изготовление — тем лучше. • Если есть цвета и фото, уже воспринимается как страшненький дизайн. Если их нет — как схема • Собирай прототипы за минимум времени и тестируй взаимодействие, а не визуал — #для_профи #Фигма #проектирование

Анимация из Фигмы в Adobe XD за 7 минут Интересный урок о анимации, который показывает, как переносить слои из Фигмы в XD, копируя их как SVG. Автор — один из победителей конкурса Телеграма по дизайну Виталий Яковлев. Урок рассчитан в первую очередь на пользователей Windows, у которых до недавнего времени не было нормальных инструментов для UI-анимации вроде Принципла. Но способ вполне годен и для маководов. Кстати, на днях из беты вышел Инвижн Студио, о котором я когда-то писал. Так что теперь появился выбор. — #первые_шаги #Фигма #XD #UI_анимация