/designer. Страница 4
9209
@slashdesigner
Канал о дизайне интерфейсов в Скетче, анимации и дизайн-системах, который ведёт дизайнер из Газпромбанка.
-
/designer
Техническое, про адрес VK
Ранее занятый каким-то парнем адрес vk.com/slashdesigner совершенно неожиданно освободился и я на него переехал с костыльного slashdesignerru. Уж не знаю, случайно это произошло или специально, но благодарен ему.
Киберсквоттинг в соцсетях
Вопрос адресов для пабликов и телеграм-каналов становится всё острее и урвать красивый релевантный адрес — исклчительное везение. Занять адрес можно за пару минут. Это бесплатно и навсегда. Но в определённых условиях он несёт в себе огромную ценность и это делает его предметом спекуляций. Увы, сейчас управление адресами в явном виде не регулируется ни Телеграмом, ни VK. Это провоцирует киберсквоттеров охотиться за адресами и перепродавать их. Некоторые же просто регистрируют адреса непонятно зачем и годами не используют их. Пример: @designchat. Хозяин анонимен и такой адрес даже не купить. Поэтому, приходится выкручиваться: @designchat2.
Что делать соцсетям
1. Сделать регистрацию адресов платной в пользу соцсети. Тот, кто настроен к своему проекту серьёзно, готов вкладываться. Шаловливые дети, регистрирующие всё подряд, сразу пойдут мимо.
2. Дать возможность занимать адрес только если у блога есть определённое количество просмотренных постов и читателей, которые не являются ботами. Так делает YouTube.
3. Если канал неактивен 2 года, отнимать адрес.
4. Сделать выдачу адресов на конкурсной основе, когда соцсеть может выбирать тех, кто использует адрес для размещения ценного контента. -
/designer
Первые 6 докладов с конференции: видео и тезисы.
В этой подборке:
Что делать, если ты хочешь стать электронным музыкантом, но живёшь в Ульяновске.
В чём рисуют Тинькофф Банк.
В чём опытный UI-дизайнер экспериментирует с 3D.
Как бешеные дизайнеро-программисты собирают интерфейс из готовых компонентов прямо в XCode.
Как делать визуальный сахар и эпатировать публику криком «фак ю дизайн».
Как накладывать логотип на все доступные синие поверхности.
В канале для трансляций появилось оглавление.
—
#для_профи -
/designer
В этой статье я расскажу об эффективном решении, которое позволит авторам дизайн-статей не допустить воровства их контента со стороны пабликов VK. Увы, это довольно частая ситуация.
medium.com/slashdesigner/matvey-cbeec028971b
Матвей Правосудов написал в Дизайн-кабак прекрасный исчерпывающий мега-пост про то, как стать дизайнером интерфейсов. Снимаю шляпу, это то что нужно для начинающего.
Это огромная работа, в которой он рассказал о своём пути и собрал много годноты. Внизу поста он оставил ссылку на свой пока ещё маленький телеграм-канал @task_to_solution.
Автор популярного VK-паблика Мастерская веб-дизайна Андрей Шатило скопировал всю ценную часть поста из Медиума в редактор VK, а ссылку на телеграм-канал не скопировал, что вызвало резонную острую реакцию Матвея.
Как защититься: VK позволяет бороться с такими ситуациями, но нужно заранее оформлять посты в виде лонгридов VK, чего Матвей не сделал. Если статья была опубликована VK, можно жаловаться на неоригинальный контент.
—
#первые_шаги -
Реклама
-
/designer
Взял интервью у Юрия Ветрова по поводу грядущей конференции. О планах, трендах, мерче, дизайне в mail ru и музыкальной программе.
—
#интервью -
/designer
Mail ru Design Conference 2019
29 июня 2019 года в офисе Мейла пройдёт 8-я ежегодная конференция по дизайну. Это одно из центральных событий года для продуктовых дизайнеров, которые говорят на русском языке.
Событие прошлого года для меня стало вдохновляющим эталоном того как должна проходить дизайн-конференция. С него осталась моя телеграм-трансляция и видео докладов.
На сцене в этот раз будут: команды Tinkoff, Geex Arts, Acronis, Avocode, Readymag, Qiwi, Максим Жестков, Павел Лаптев, Андрей Шугальский и другие.
Поскольку вход свободный, заявки разлетаются в первые несколько часов после открытия регистрации и попасть непросто. Как и в прошлом году, будем вести телеграм-трансляцию, которая будет в канале @slashlive.
На этот раз ведущих будет трое. Вместе со мной будут дизайнеры из Новосибирска Никита Лакеев и Рома Нургалиев. Они ведут подкаст @design_takoy и рассказывают про продуктовый дизайн.
→ @slashlive
—
#трансляции #для_профи -
/designer
Столкновение двух дизайнов
Пост про два типажа дизайн-авторов: аристократию и ноунеймов. О зависти, пафосе и кустарных коммерческих дизайн-курсах.
medium.com/slashdesigner/battle-for-noname-6f1a902bbb79
С одной стороны — хипстерская столичная элитарная дизайн-тусовка с флёром рок-звёздности, где все друг друга знают, поработали в агентствах или корпорациях.
С другой стороны — доморощенная дизайн-тусовка из ноунейм телеграм-каналов и пабликов, с налётом коммерции и инфобиза. -
/designer
Начинающим: список инструментов
Ответил на вопрос на Яндекс Знатоках про то, какие программы необходимы веб-дизайнеру и для чего они используются.
Дал ссылки на официальные сайты. Получился внушительный список, который на треть состоит из поделок Adobe. Список покрывает проектирование, UI-анимацию, создание графики, видеомонтаж, фронтенд и простейший бэкэнд на CMS.
Не нужно знать всё это в совершенстве, но при случае применить в работе полезно.
—
#первые_шаги -
/designer
WWDC 2019: что нового
Выжимка с главной презентации:
• Новый Mac Pro, который похож на тёрку
• Новый дисплей диагональю 80 см
• macOS Catalina, в которой не будет iTunes, а айпад можно использовать в качестве второго монитора
• SwiftUI — удобный декларативный фреймворк, в котором можно командами верстать интерфейсы, не заморачиваясь с AutoLayout и сторибордами
https://medium.com/slashdesigner/wwdc-2019-2a2391d3c500
—
#для_профи -
/designer
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
—
#трансляции #для_профи -
/designer
Ушёл из Газпромбанка
Новое место в обозримом будущем не ищу.
Не так давно у меня произошли радикальные изменения. Последние два года работы дизайнером в банках были большим стрессом. Они здорово меня прокачали и измотали. Я благодарен моим наставникам, которые были рядом и многому меня научили: Диме Батову, Ксении Толокновой и Андрею Иванову. Но по дороге я забыл куда бегу и зачем.
Теперь я восстановил work/life balance, сконцентрировался на iOS-разработке своих приложений и английской версии учебника про Фигму.
Что будет дальше с проектом /designer я не знаю. Но я надеюсь встроить его в свою новую реальность. Например, писать инструменты для дизайнеров. -
/designer
Анимация из Фигмы в Adobe XD за 7 минут
Интересный урок о анимации, который показывает, как переносить слои из Фигмы в XD, копируя их как SVG.
Автор — один из победителей конкурса Телеграма по дизайну Виталий Яковлев. Урок рассчитан в первую очередь на пользователей Windows, у которых до недавнего времени не было нормальных инструментов для UI-анимации вроде Принципла. Но способ вполне годен и для маководов. Кстати, на днях из беты вышел Инвижн Студио, о котором я когда-то писал. Так что теперь появился выбор.
—
#первые_шаги #Фигма #XD #UI_анимация -
/designer
По мотивам поста. 
-
/designer
Фигма обновила дизайн
Вчера вечером Фигма раскатали новый дизайн на всех пользователей. Не сказать, что это прошло безболезненно. Чат жалуется, но судя по голосованиям, дизайн людям понравился: 68% за, 32 против. Несмотря на месяцы исследований, о которых Расмус Андерсон говорит в посте, косяков немало.
Новый акцентный цвет
Сразу бросается в глаза более насыщенный акцентный синий в интерфейсе.
Вкладка Assets вместо Components
Вкладку Components зачем-то переименовали в Assets. Вкладки Layers и Assets теперь переключаются сверху, а не снизу, но это, в общем-то не столь важно.
Team Library
Кнопка Team Library уехала из правого угла шапки в левую боковую панель во вкладку Assets, чтобы быть ближе к компонентам. Логично. Также добавили пункт Libraries в основное меню. Учитывая, что библиотеки — одна из функций, ради которой имеет смысл покупать платную подписку, с точки зрения маркетинга решение о её переносе фиговое. Меньше людей узнает, что библиотеки в принципе существуют.
Косяк с именами страниц
Реальный фэил этого апдейта в том, что имя выбранной страницы теперь пишется в той же строке, что и вкладки Layers/Assets. Имя страницы больше не занимает целую строку, а безжалостно рубится многоточием. Единственный способ с этим бороться — расширять боковую панель, что на маленьких экранах отожрёт рабочую область.
Список страниц больше не тянется
По вертикали список страниц подстраивается под их количество, но максимально может быть высотой в 9 пунктов.
Косяк со сглаживанием шрифтов
На не-ретина мониторах плохо стали читаться шрифты. Некоторые буквы темнее других.
Невнятные поля ввода
Всё стало миниатюрным и аккуратным, но с минимализмом переборщили. Увы, поддались дурацкой моде на поля без видимых контуров, как у Adobe Experience Design. И если у последнего в полях хотя бы есть линия подчёркивания, у Фигмы поля выглядят read-only. В пустоте висят числa. Теперь без наведения указателя невозможно определить, является ли текст полем ввода или подписью. Особенно это критично в маленьких полях, таких как размеры объекта и координаты.
Комментарии теперь белые
И совершенно незаметны на белом фоне. Чем они думали?
Call to action: голосуй за багфиксы
Если тебе как и мне не нравится, когда поля ввода не имеют контуров, давай завалим их просьбами вернуть контуры или хотя бы настраивать их вид. Заодно исправим обрезающиеся имена страниц и цвет пинов у комментариев. Команда Фигмы учитывает голоса пользователей за фичи и по ним приоретизирует исправления. Если запросов будет достаточно, мы сможем побороться за вид нашего любимого инструмента.
Куда: [email protected]
Текст письма:
Hello, Figma team!
1. Please, bring back visible borders of inputs or make their visibility adjustable.
2. A page name is very important content and shouldn't be cut. It should fill the whole sidebar. Since last update, it was moved to the tabs line where there is no space for it.
3. The pages container isn't adjustable anymore. Please, fix it.
4. Comments should be notable. Please, make them red again.
—
#для_профи #Фигма -
/designer
Новый видеокурс по Figma
Видимо, идея сделать что-то про Фигму витала в воздухе и теперь у новичков нет больше никаких отговорок. Вышел офигенный бесплатный видеокурс на 15 уроков от @naukadsgn. С качественным звуком и внятными объяснениями Романа Горелика. Здорово наблюдать альтернативу моему подходу о том, как нужно рассказывать о Фигме. Отличная работа, снимаю шляпу. Думал записывать видеокурс по книге сам, но теперь это вряд ли нужно.
Курс даст хороший верхнеуровневый обзор инструмента и вполне сочетается с книгой. Раскрыты темы, которых ещё нет у меня: прототипы, слайсы и экспорт. В курсе меньше про рисование и горячие клавиши, и больше про веб-дизайн.
1. Обзор интерфейса 11:42
2. Манипуляция объектами 10:32
3. Фреймы и слайсы 10:27
4. Векторные объекты 24:37
5. Кривые и перо 8:35
6. Слои и маски 12:04
7. Текст 9:08
8. Цвет 8:50
9. Сетки и направляющие 7:26
10. Стили 5:16
11. Ограничители 4:38
12. Компоненты 12:44
13. Выравнивание и умное распределение 5:51
14. Прототипирование 16:44
15. Интеграция и экспорт 5:37
Плейлист на YouTube, общее время: 2 часа 34 мин.
На этой ноте обещаю больше не мучать профи учебниками и курсами про азы. Впереди у нас знакомство с Lottie, немного AE, новые разборы UI-анимации, а также видео с моего воркшопа.
—
#первые_шаги #Фигма -
/designer
Руководство по Figma v.1.2 Beta
Редактировать посты старше двух дней в Телеграме нельзя. Поэтому, я сделал постоянную ссылку на свежую версию книги. Теперь при выходе новых версий ссылка не будет меняться. Актуальная версия — 1.2.
bit.ly/figma-guide-latest
Большинство вопросов о книге задают про то, почему я выбрал формат PDF, а не сайт. PDF удобен тем, что позволяет углубиться в книгу, не отвлекаясь на посторонние вкладки. Его удобнее листать и хранить. Сам по себе PDF воспринимается ценностью, а сайт нет. Сайт может лечь, а PDF самоустраниться с диска не может. В виде сайта своё руководство я тоже планирую выпустить, когда будут дописаны главы про прототипы и стили.
Также хочу поблагодарить тех, кто прислал донаты. С момента выхода книги мне прислали 2 293 ₽ (34$) и это вдохновляет. Я всегда воспринимал свой проект как способ тратить деньги, а не зарабатывать. Модель монетизации через рекламу всегда избегал. Интерфейсы приносят достаточно. Мне близка модель Википедии, когда я способен делать что-то важное, а сообщество поддерживает это. Спасибо!
—
#первые_шаги #Фигма -
Реклама
-
/designer
Стартовали финал Mail Design Cup 2018 в формате баттла. Онлайн-трансляция для тех, кто не дошёл — https://www.youtube.com/watch?v=ZEsiF2xkkWk.
12 дизайнеров предложат свои концепты памятки для космических туристов. В зале жюри — Сергей Попков (Skillbox / AIC), Георгий Квасников (Fantasy), Юрий Ветров (Mail.ru Group), Лена Аникеева (Pixies Design Studio), Максим Павлов (Notamedia).
Параллельно с баттлами можно будет посмотреть мастер-классы по дизайну интерфейсов от OKTAEDER, PINKMAN и Skillbox. Ну и поучаствовать в дизайн-ревью от арт-директоров AIC: Николай Иванов, Саша Мельбурн и Кирилл Глоба.
В течение 3 часов финалисты конкурса будут решать задачу в прямом эфире. Работы появятся к концу баттла на сайте https://russiandesigncup.ru/.
#maildesigncup
-
/designer
Как сделать простую афишу
Я ответил на вопрос в Яндекс Знатоках о том как начинающему дизайнеру сделать простую афишу для спектакля. О главных вопросах: Что и Когда, о фото-иллюстрациях и как выкрутиться без них. О типографике и блоке с датой.
Вот проект с тремя простейшими вариантами. Не перестаю восхищаться, как хорошо подходит Фигма для обучения дизайну: дал ссылку в посте и у всех уже есть исходник, который ты всё ещё можешь дорабатывать.
—
#первые_шаги #Фигма -
/designer
Телеграм объявляет о конкурсах для UI-дизайнеров
Конкурс №1: редизайн окна чата
Призовой фонд: 15 000 $
Задача в том, чтобы сделать редизайн окна чата и меню вложений для Android. Чтобы принять участие, пришли макеты в PNG боту @design_bot. Кроме того, нужно записать видео, в котором продемонстрировать, как это решение должно работать. Сделать акцент на шеринг фото и видео.
В оценке работ Телеграм ценит простоту, удобство и консистентность. При необходимости можно менять цвета интерфейса, включая стандартный фон.
—
Конкурс №2, для UI-аниматоров
Призовой фонд: 10 000 $
Задача: создать простую и стильную анимацию, которую Телеграм сможет использовать, чтобы объяснить следующие концепции:
• Телеграм можно использовать на компах
• Двойная галочка означает, что сообщение прочитано
• Можно переключаться между записью голосовых и видео-сообщений
Предложи анимированного персонажа или оставь решение простым, насколько это возможно. Чтобы участвовать, присылай один или несколько JSON-документов в формате Lottie и сопутствующую им GIF-анимацию боту @design_bot. Лотти-джейсоны обычно делают в After Effects.
—
В обоих конкурсах работы принимаются с 10 по 24 марта включительно. Хочу напомнить, что в конце декабря Телеграм уже устраивал конкурс и сейчас в нём объявлен победитель, который выиграл 5 000 $. Следим за каналом @designers. Победители будут объявлены в конце марта.
Удачи всем нам!
—
#для_профи #анонсы