Mail ru Design Conference 2019
29 июня 2019 года в офисе Мейла пройдёт 8-я ежегодная конференция по дизайну. Это одно из центральных событий года для продуктовых дизайнеров, которые говорят на русском языке.
Событие прошлого года для меня стало вдохновляющим эталоном того как должна проходить дизайн-конференция. С него осталась моя телеграм-трансляция и видео докладов.
На сцене в этот раз будут: команды Tinkoff, Geex Arts, Acronis, Avocode, Readymag, Qiwi, Максим Жестков, Павел Лаптев, Андрей Шугальский и другие.
Поскольку вход свободный, заявки разлетаются в первые несколько часов после открытия регистрации и попасть непросто. Как и в прошлом году, будем вести телеграм-трансляцию, которая будет в канале @slashlive.
На этот раз ведущих будет трое. Вместе со мной будут дизайнеры из Новосибирска Никита Лакеев и Рома Нургалиев. Они ведут подкаст @design_takoy и рассказывают про продуктовый дизайн.
→ @slashlive
—
#трансляции #для_профи
29 июня 2019 года в офисе Мейла пройдёт 8-я ежегодная конференция по дизайну. Это одно из центральных событий года для продуктовых дизайнеров, которые говорят на русском языке.
Событие прошлого года для меня стало вдохновляющим эталоном того как должна проходить дизайн-конференция. С него осталась моя телеграм-трансляция и видео докладов.
На сцене в этот раз будут: команды Tinkoff, Geex Arts, Acronis, Avocode, Readymag, Qiwi, Максим Жестков, Павел Лаптев, Андрей Шугальский и другие.
Поскольку вход свободный, заявки разлетаются в первые несколько часов после открытия регистрации и попасть непросто. Как и в прошлом году, будем вести телеграм-трансляцию, которая будет в канале @slashlive.
На этот раз ведущих будет трое. Вместе со мной будут дизайнеры из Новосибирска Никита Лакеев и Рома Нургалиев. Они ведут подкаст @design_takoy и рассказывают про продуктовый дизайн.
→ @slashlive
—
#трансляции #для_профи
Взял интервью у Юрия Ветрова по поводу грядущей конференции. О планах, трендах, мерче, дизайне в mail ru и музыкальной программе.
—
#интервью
—
#интервью
Medium
Юрий Ветров о конференции Mail.ru Design Conf × Dribbble Meetup
В ближайшую субботу (29 июня 2019) в Mail.ru пройдёт ежегодная дизайн-конференция. Я поговорил с Юрием Ветровым, дизайн-директором Mail.ru…
В этой статье я расскажу об эффективном решении, которое позволит авторам дизайн-статей не допустить воровства их контента со стороны пабликов VK. Увы, это довольно частая ситуация.
medium.com/slashdesigner/matvey-cbeec028971b
Матвей Правосудов написал в Дизайн-кабак прекрасный исчерпывающий мега-пост про то, как стать дизайнером интерфейсов. Снимаю шляпу, это то что нужно для начинающего.
Это огромная работа, в которой он рассказал о своём пути и собрал много годноты. Внизу поста он оставил ссылку на свой пока ещё маленький телеграм-канал @task_to_solution.
Автор популярного VK-паблика Мастерская веб-дизайна Андрей Шатило скопировал всю ценную часть поста из Медиума в редактор VK, а ссылку на телеграм-канал не скопировал, что вызвало резонную острую реакцию Матвея.
Как защититься: VK позволяет бороться с такими ситуациями, но нужно заранее оформлять посты в виде лонгридов VK, чего Матвей не сделал. Если статья была опубликована VK, можно жаловаться на неоригинальный контент.
—
#первые_шаги
medium.com/slashdesigner/matvey-cbeec028971b
Матвей Правосудов написал в Дизайн-кабак прекрасный исчерпывающий мега-пост про то, как стать дизайнером интерфейсов. Снимаю шляпу, это то что нужно для начинающего.
Это огромная работа, в которой он рассказал о своём пути и собрал много годноты. Внизу поста он оставил ссылку на свой пока ещё маленький телеграм-канал @task_to_solution.
Автор популярного VK-паблика Мастерская веб-дизайна Андрей Шатило скопировал всю ценную часть поста из Медиума в редактор VK, а ссылку на телеграм-канал не скопировал, что вызвало резонную острую реакцию Матвея.
Как защититься: VK позволяет бороться с такими ситуациями, но нужно заранее оформлять посты в виде лонгридов VK, чего Матвей не сделал. Если статья была опубликована VK, можно жаловаться на неоригинальный контент.
—
#первые_шаги
Medium
Как Матвей столкнулся с человеческой хитростью
Матвей Правосудов написал пост о дизайне, а один паблик его опубликовал как свой. Почему это важно?
Первые 6 докладов с конференции: видео и тезисы.
В этой подборке:
Что делать, если ты хочешь стать электронным музыкантом, но живёшь в Ульяновске.
В чём рисуют Тинькофф Банк.
В чём опытный UI-дизайнер экспериментирует с 3D.
Как бешеные дизайнеро-программисты собирают интерфейс из готовых компонентов прямо в XCode.
Как делать визуальный сахар и эпатировать публику криком «фак ю дизайн».
Как накладывать логотип на все доступные синие поверхности.
В канале для трансляций появилось оглавление.
—
#для_профи
В этой подборке:
Что делать, если ты хочешь стать электронным музыкантом, но живёшь в Ульяновске.
В чём рисуют Тинькофф Банк.
В чём опытный UI-дизайнер экспериментирует с 3D.
Как бешеные дизайнеро-программисты собирают интерфейс из готовых компонентов прямо в XCode.
Как делать визуальный сахар и эпатировать публику криком «фак ю дизайн».
Как накладывать логотип на все доступные синие поверхности.
В канале для трансляций появилось оглавление.
—
#для_профи
Medium
Доклады Mail Design Conf × Dribbble Meetup 2019 (часть 1)
Жестков, Tinkoff, Фролов, Farfetch, Шугальский и Acronis.
Техническое, про адрес VK
Ранее занятый каким-то парнем адрес vk.com/slashdesigner совершенно неожиданно освободился и я на него переехал с костыльного slashdesignerru. Уж не знаю, случайно это произошло или специально, но благодарен ему.
Киберсквоттинг в соцсетях
Вопрос адресов для пабликов и телеграм-каналов становится всё острее и урвать красивый релевантный адрес — исклчительное везение. Занять адрес можно за пару минут. Это бесплатно и навсегда. Но в определённых условиях он несёт в себе огромную ценность и это делает его предметом спекуляций. Увы, сейчас управление адресами в явном виде не регулируется ни Телеграмом, ни VK. Это провоцирует киберсквоттеров охотиться за адресами и перепродавать их. Некоторые же просто регистрируют адреса непонятно зачем и годами не используют их. Пример: @designchat. Хозяин анонимен и такой адрес даже не купить. Поэтому, приходится выкручиваться: @designchat2.
Что делать соцсетям
1. Сделать регистрацию адресов платной в пользу соцсети. Тот, кто настроен к своему проекту серьёзно, готов вкладываться. Шаловливые дети, регистрирующие всё подряд, сразу пойдут мимо.
2. Дать возможность занимать адрес только если у блога есть определённое количество просмотренных постов и читателей, которые не являются ботами. Так делает YouTube.
3. Если канал неактивен 2 года, отнимать адрес.
4. Сделать выдачу адресов на конкурсной основе, когда соцсеть может выбирать тех, кто использует адрес для размещения ценного контента.
Ранее занятый каким-то парнем адрес vk.com/slashdesigner совершенно неожиданно освободился и я на него переехал с костыльного slashdesignerru. Уж не знаю, случайно это произошло или специально, но благодарен ему.
Киберсквоттинг в соцсетях
Вопрос адресов для пабликов и телеграм-каналов становится всё острее и урвать красивый релевантный адрес — исклчительное везение. Занять адрес можно за пару минут. Это бесплатно и навсегда. Но в определённых условиях он несёт в себе огромную ценность и это делает его предметом спекуляций. Увы, сейчас управление адресами в явном виде не регулируется ни Телеграмом, ни VK. Это провоцирует киберсквоттеров охотиться за адресами и перепродавать их. Некоторые же просто регистрируют адреса непонятно зачем и годами не используют их. Пример: @designchat. Хозяин анонимен и такой адрес даже не купить. Поэтому, приходится выкручиваться: @designchat2.
Что делать соцсетям
1. Сделать регистрацию адресов платной в пользу соцсети. Тот, кто настроен к своему проекту серьёзно, готов вкладываться. Шаловливые дети, регистрирующие всё подряд, сразу пойдут мимо.
2. Дать возможность занимать адрес только если у блога есть определённое количество просмотренных постов и читателей, которые не являются ботами. Так делает YouTube.
3. Если канал неактивен 2 года, отнимать адрес.
4. Сделать выдачу адресов на конкурсной основе, когда соцсеть может выбирать тех, кто использует адрес для размещения ценного контента.
Вторая часть докладов с конференции Mail Conf × Dribbble Meetup 2019, видео и тезисы.
В этой подборке:
Какой инструмент становится главным конкурентом Фигмы в мире, где Скетч уже не воспринимается всерьёз
Как делать смелый экспериментальный дизайн, который не упирается в ограничения клиента
Сотни непринятых вариантов логотипа mail ru, смешные гневные комментарии пользователей про Ветрова и слишком электрический синий
Об инструменте, который меняет веб-дизайн и развязывает руки дизайнерам, которым не нужно сидеть до ночи с верстальщиками и тюнить анимации на проде
О буквах, краске и карте компетенций дизайнера, который должен уметь всё
Ну и немного моушн-красот под конец.
—
#для_профи
В этой подборке:
Какой инструмент становится главным конкурентом Фигмы в мире, где Скетч уже не воспринимается всерьёз
Как делать смелый экспериментальный дизайн, который не упирается в ограничения клиента
Сотни непринятых вариантов логотипа mail ru, смешные гневные комментарии пользователей про Ветрова и слишком электрический синий
Об инструменте, который меняет веб-дизайн и развязывает руки дизайнерам, которым не нужно сидеть до ночи с верстальщиками и тюнить анимации на проде
О буквах, краске и карте компетенций дизайнера, который должен уметь всё
Ну и немного моушн-красот под конец.
—
#для_профи
Medium
Доклады Mail Conf × Dribbble Meetup (часть 2)
Avocode, Geex Arts, mail.ru Group, Readymag, Qiwi, Superdesigners.
/designer
Источник видео
Гифки в Фигме и как их применять
Фигма делает правильный шаг, чтобы добавить нашим прототипам жизни: теперь можно добавлять в макеты гифки.
При этом во время работы над макетом они не проигрываются, экономя дизайнеру психику.
Это очень важное улучшение, которое давно напрашивалось. Это не про вставку в макеты смешных котиков и мемов. Это совершенно новое измерение прототипа, которое делает его гораздо более убедительным для зрителя.
Допустим, ты задумал сделать на сайте видео-фон. Есть огромная разница в восприятии обычного фото-фона и движущегося видео-фона, пусть даже со скидкой на плохое качество GIF-изображения.
При помощи ScreenFlow я нарезал из этого видео фрагмент, который использовал в качестве видео-фона в макете размером 1280х720. Я сделал тестовый проект, для которого сохранил гиф-видео в 6 вариантах качества, чтобы можно было подобрать оптимальные настройки. Сделал три размера холста гифки: 100%, 50% и 25%. Два значения FPS: 15 и 8. Самая тяжёлая гифка весит 51 мб, имеет лучшее качество и FPS, но гарантированно заставит зрителя ждать даже на быстром интернете. На моих офисных 20 мбит это ожидание заняло ровно минуту, что отсекает такой вариант. Самая лёгкая гифка весит 2,3 мб. Она загружается почти мгновенно, но она самая уродливая и с низким FPS.
Мой выбор пал на вариант 640х360 с FPS 8, которая весит почти 8 мб. По ощущениям просаживаться по FPS легче, чем терять в деталях.
Больше идей о том, как применить гифки в прототипах — в посте Фигмы.
Исходник в Фигме →
Прототип →
—
#для_профи #UI_анимация
Фигма делает правильный шаг, чтобы добавить нашим прототипам жизни: теперь можно добавлять в макеты гифки.
При этом во время работы над макетом они не проигрываются, экономя дизайнеру психику.
Это очень важное улучшение, которое давно напрашивалось. Это не про вставку в макеты смешных котиков и мемов. Это совершенно новое измерение прототипа, которое делает его гораздо более убедительным для зрителя.
Допустим, ты задумал сделать на сайте видео-фон. Есть огромная разница в восприятии обычного фото-фона и движущегося видео-фона, пусть даже со скидкой на плохое качество GIF-изображения.
При помощи ScreenFlow я нарезал из этого видео фрагмент, который использовал в качестве видео-фона в макете размером 1280х720. Я сделал тестовый проект, для которого сохранил гиф-видео в 6 вариантах качества, чтобы можно было подобрать оптимальные настройки. Сделал три размера холста гифки: 100%, 50% и 25%. Два значения FPS: 15 и 8. Самая тяжёлая гифка весит 51 мб, имеет лучшее качество и FPS, но гарантированно заставит зрителя ждать даже на быстром интернете. На моих офисных 20 мбит это ожидание заняло ровно минуту, что отсекает такой вариант. Самая лёгкая гифка весит 2,3 мб. Она загружается почти мгновенно, но она самая уродливая и с низким FPS.
Мой выбор пал на вариант 640х360 с FPS 8, которая весит почти 8 мб. По ощущениям просаживаться по FPS легче, чем терять в деталях.
Больше идей о том, как применить гифки в прототипах — в посте Фигмы.
Исходник в Фигме →
Прототип →
—
#для_профи #UI_анимация
Вышел выпуск подкаста @design_takoy с моим интервью
На протяжении 40 минут поговорили об инструментах для интерактивного дизайна: Фигме, Фреймере, Скетче, о моей книге про Фигму, куда имеет смысл развиваться современному продуктовому дизайнеру и как не быть инфоцыганом.
Слушай выпуск в Apple Podcasts →
В интервью я сказал, что тот, кто учит дизайну, обязан иметь публичное портфолио. Поэтому, это интервью было бы не до конца честным, если бы я не поделился своим:
bit.ly/okunev-portfolio
На Дизайн Такой можно подписаться где удобно:
Apple Podcasts
Castbox
Soundcloud
Интервью можно обсудить в @designchat2.
—
#интервью
На протяжении 40 минут поговорили об инструментах для интерактивного дизайна: Фигме, Фреймере, Скетче, о моей книге про Фигму, куда имеет смысл развиваться современному продуктовому дизайнеру и как не быть инфоцыганом.
Слушай выпуск в Apple Podcasts →
В интервью я сказал, что тот, кто учит дизайну, обязан иметь публичное портфолио. Поэтому, это интервью было бы не до конца честным, если бы я не поделился своим:
bit.ly/okunev-portfolio
На Дизайн Такой можно подписаться где удобно:
Apple Podcasts
Castbox
Soundcloud
Интервью можно обсудить в @designchat2.
—
#интервью
Правило близости
Читать в Медиуме →
Давно не писал ничего обучающего для самых маленьких. Сегодня поговорим о фундаментальном правиле восприятия. Если понимаешь эту конепцию и видишь косяки в отступах, ты уже сделал огромный шаг от джуна к мидлу.
Моя формулировка:
Восприятие человека группирует друг к другу близкие объекты и отделяет далёкие. Размер объектов и отступы между ними определяют их иерархию.
Если следовать этому принципу, это значительно облегчит жизнь твоим пользователям. Я разобрал на практике как это делать и показал ошибку в дизайне Телеграма.
—
#первые_шаги #вёрстка
Читать в Медиуме →
Давно не писал ничего обучающего для самых маленьких. Сегодня поговорим о фундаментальном правиле восприятия. Если понимаешь эту конепцию и видишь косяки в отступах, ты уже сделал огромный шаг от джуна к мидлу.
Моя формулировка:
Восприятие человека группирует друг к другу близкие объекты и отделяет далёкие. Размер объектов и отступы между ними определяют их иерархию.
Если следовать этому принципу, это значительно облегчит жизнь твоим пользователям. Я разобрал на практике как это делать и показал ошибку в дизайне Телеграма.
—
#первые_шаги #вёрстка
Medium
Правило близости
Очень важный пост для начинающих. Фундаментальное правило восприятия, которое не всегда осознают даже опытные дизайнеры.
❤1
Creative IT Talks — это трансляции-беседы на Ютюбе с креативными людьми из IT.
Первая беседа состоится в пятницу, 26 июля 2019, в 19:00 по Москве и гостем на ней будет иллюстратор и аниматор Настя Абрамова.
Настя училась в Хельсинки, рисовала иллюстрации для Snapchat, Google, The Village и Flow festival. Одна из авторов проекта Good & Bad Stuff — забавный блог двух иллюстраторов о их жизни в Финляндии.
Настя собирается рассказать:
- О начале карьеры иллюстратора
- как попала в веб и стоило ли оно того
- про дизайн-процессы и работу в команде
- как не зависеть от вдохновения
- как найти авторский стиль
- об удалённой работе и путешествиях
Трансляция →
—
#первые_шаги #иллюстрация #анонсы
Первая беседа состоится в пятницу, 26 июля 2019, в 19:00 по Москве и гостем на ней будет иллюстратор и аниматор Настя Абрамова.
Настя училась в Хельсинки, рисовала иллюстрации для Snapchat, Google, The Village и Flow festival. Одна из авторов проекта Good & Bad Stuff — забавный блог двух иллюстраторов о их жизни в Финляндии.
Настя собирается рассказать:
- О начале карьеры иллюстратора
- как попала в веб и стоило ли оно того
- про дизайн-процессы и работу в команде
- как не зависеть от вдохновения
- как найти авторский стиль
- об удалённой работе и путешествиях
Трансляция →
—
#первые_шаги #иллюстрация #анонсы
Что могут и не могут плагины в Фигме
Читать в Медиуме →
Я нашёл интереснейший текст в документации к API плагинов — What’s Supported и разобрал его в статье.
Он написан для разработчиков плагинов и раскрывает, что Фигма может им разрешить, не допустив при этом крэша клиента, тормозов и утечки персональных данных.
Кратко: Плагин имеет доступ только к структуре локального файла, открытого в Фигме.
Плагины могут менять его структуру, но с ограничениями. Могут рисовать и автоматизировать рутины.
Не могут работать в реальном времени, работать в браузере, менять интерфейс самой Фигмы и выходить за рамки локального файла.
—
#для_профи #плагины
Читать в Медиуме →
Я нашёл интереснейший текст в документации к API плагинов — What’s Supported и разобрал его в статье.
Он написан для разработчиков плагинов и раскрывает, что Фигма может им разрешить, не допустив при этом крэша клиента, тормозов и утечки персональных данных.
Кратко: Плагин имеет доступ только к структуре локального файла, открытого в Фигме.
Плагины могут менять его структуру, но с ограничениями. Могут рисовать и автоматизировать рутины.
Не могут работать в реальном времени, работать в браузере, менять интерфейс самой Фигмы и выходить за рамки локального файла.
—
#для_профи #плагины
Medium
Что могут и не могут плагины в Фигме
Что произошло с выходом плагинов: анализируем новые возможности.
Временно бесплатен: Complete ARKIT 2.0 : Build 15 Apps for iOS12 with Scenekit
Записаться на Udemy →
Делюсь годнотой. Это курс для разработчиков про то, как использвоать дополненную реальность в своих приложениях. Если ты в общих чертах освоил Xcode и Swift, надо срочно кликать Enroll.
Автор выложил в App Store демо-проект, который показывает, чему научимся.
Кстати, в этом году вышел большой апдейт — ARKit 3, подробнее о котором можно узнать в докладе Introducing ARKit 3 c WWDC 2019.
И курс и доклад на английском.
—
#для_профи #AR
Записаться на Udemy →
Делюсь годнотой. Это курс для разработчиков про то, как использвоать дополненную реальность в своих приложениях. Если ты в общих чертах освоил Xcode и Swift, надо срочно кликать Enroll.
Автор выложил в App Store демо-проект, который показывает, чему научимся.
Кстати, в этом году вышел большой апдейт — ARKit 3, подробнее о котором можно узнать в докладе Introducing ARKit 3 c WWDC 2019.
И курс и доклад на английском.
—
#для_профи #AR