Получи случайную криптовалюту за регистрацию!

/designer

Логотип телеграм канала @slashdesigner — /designer D
Логотип телеграм канала @slashdesigner — /designer
Адрес канала: @slashdesigner
Категории: Дизайн
Язык: Русский
Страна: Россия
Количество подписчиков: 15.91K
Описание канала:

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

Рейтинги и Отзывы

2.00

2 отзыва

Оценить канал slashdesigner и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

0

3 звезд

1

2 звезд

0

1 звезд

1


Последние сообщения 7

2022-11-15 12:20:08 Навыки дизайнера презентаций: 10 шагов

Задали вопрос о том, как стать дизайнером презентаций и что важно. Ответ превратился в большой пост. Делюсь.

Погружаться в сферу дизайна из презентаций типично, потому что у этой специализации относительно лёгкий порог входа и большой рынок заказчиков.

Почему-то делать презентации не учат в школе. Даже если ты не собираешься делать их в качестве основной работы, презентовать со слайдами — это важный навык для любого человека, который стремится построить карьеру и доносить свои идеи до других.

Шаг 1. Изучить инструмент. Я разделяю инструменты для дизайна (Figma) и инструменты для показа (Keynote, PowerPoint, Prezi, Canva, Google Slides и тд).

Для базового создания дизайна слайдов я бы использовал только Figma, потому что этот редактор позволяет использовать нормальные сетки, стили и компоненты для повторяемых элементов. Кстати, для през очень удобен формат 1920 х 1080 и сетка c шагом 40. В такой среде слайды могут быть по-настоящему pixel-perfect. Дальше можно экспортировать в PDF и на этом остановиться.

Но можно пойти дальше и готовые слайды перенести в специализированный инструмент для презентаций, будь то PowerPoint или Keynote.

Не стоит изначально делать презы в них, поскольку это отрицательно скажется на визуале.

2. Изучить основы дизайна: особое внимание типографике. Дизайнер презентаций обязан уметь верстать тексты. Композиция может быть очень типичной, например, стоит попробовать начать с вёрстки в две колонки. Умение работать с цветом позволит делать презентации более выразительными.

3. Язык для таких дизайнеров особенно важен. Инфостиль, «Пиши, Сокращай» — метко формулировать мысли, писать внятно и прозрачно.

4. Нарратив. Как выстраивается логика повествования. Например, «от проблемы к решению»: формулируем проблему → описываем варианты решения → выбираем предлагаемый вариант → спасибо/вопросы/контакты. Бывают и другие виды нарративов.

5. Иллюстрации. Умение визуализировать данные в виде красочных графиков будет ценным расширением. Искать визуальные референсы, перерисовывать то, что нравится. Набить руку на 10 примерах и просить компетентной критики, например, в нашем @designchat2.

6. Насмотренность на крутые презы, от тех же Bonnie and Slide (не реклама, просто вспомнились) и от презентаций крупных брендов.

На начальном этапе не стоит увлекаться артом в презентациях, накручивать яркие цвета и пытаться втиснуть как можно больше графики, потому что она смотрится прикольно в других местах. Важно понимать, в чём изначальный посыл презентации и ради чего мы используем выбранные иллюстрации.

Проще начинать с чистого контента, а не с выбранного шаблона. Шаблоны стоит использовать только в качестве референсов по стилю и заимствовать из них нужные подходящие ходы.

Много хороших шаблонов можно найти на сайте онлайн-редактора canva.com/q/presentations/. Сам редактор серьёзным инструментом не считаю.

7. Сделать портфолио из 3 през слайдов на 7-12. Этого будет достаточно для демонстрации твоего текущего уровня. Можно сделать это в формате Тильды или на Squarespace. Делать список ссылок на прототипы в Фигме или загружать PDF в Dropbox или Яндекс Диск не круто.

8. Взять платную консультацию у того, кто ими прицельно занимается. Сам в данный момент приостановил консультации. Или более оптовый вариант: пройти специализированный курс про презентациям, сразу настроит твой фокус.

9. Софт-скилы. Обычно презентацию нужно сделать срочно и быстро. Поэтому, при поиске исполнителя смотрят на то, умеешь ли ты работать в жёстких дедлайнах. В презентациях лучше «грязно и быстро», чем «очень красиво, но уже не надо».

10. Искать работу в агентствах, отделах маркетинга крупных IT-компаний или уже сформировавшихся фриланс-командах с опытными дизайнерами. Не шабашить в одиночку самому без присмотра старших. Дизайн в одиночку = выкинутые годы.

Если среди читателей кто-то занимается презентациями профессионально, пожалуйста, пишите в комментарии, что могли бы порекомендовать начинающему.

@slashdesigner #первые_шаги #презентации
1.9K viewsСаша Окунев, edited  09:20
Открыть/Комментировать
2022-10-13 12:32:30
Нужен ли более подробный урок про накат апдейтов?
Anonymous Poll
65%
Да, хочется увидеть самому в виде видео, текстом непонятно
13%
Да, текстом, нужны пошаговые скриншоты
8%
Нет, всё понятно
5%
Сама задача не интересна, не работаю с библиотеками
9%
Результаты
464 voters3.5K viewsСаша Окунев, 09:32
Открыть/Комментировать
2022-10-13 12:28:49 Как безопасно накатывать обновления из библиотек в Figma

Проблема: прилетели обновления в файл из библиотеки, нажали Update All, слетел контент и графика в оверрайдах по всему файлу и теперь непонятно, где искать косяки в макетах.

Придумал решение через ветки. Работает только на тарифе Organization.

1. Откатиться через Version History на версию до наката изменений.

2. Создать ветку версии файла до изменений, назвать её как удобно, например Updated. Версия до изменений сохранится в главной ветке.

3. Накатить изменения в ветке Updated, затем сравнить ветки Updated и главную командой Review and merge changes.

4. В окне Branch review в виде удобных карточек отследить, что именно слетело, сделать скриншоты для дальнейшего ручного исправления. Так мы отслеживаем малейшие изменения в структуре файла.

5. Сделать мёрдж ветки Updated в главную. Так мы доносим все изменения из Updated.

6. Если есть, что исправлять: по скриншотам из шага 4 исправляем всё, что слетело.

@slashdesigner #Figma #для_профи
3.9K viewsСаша Окунев, edited  09:28
Открыть/Комментировать
2022-09-26 10:14:45
Самый простой способ проверки на доступность в Фигме — наложить на макет прямоугольник в режиме Saturation. Это обесцветит все цвета, которые попадут под прямоугольник.
1.9K viewsСаша Окунев, edited  07:14
Открыть/Комментировать
2022-09-26 10:14:24
О важности проверок на доступность

Цветовое кодирование отлично позволяет различать между собой объекты, несущие разный смысл. Но при использовании такого паттерна важно не полагаться на один лишь цвет. Есть большая категория людей, которые не различают цвета. В данном примере синий и оранжевый для них могут выглядеть практически идентично, что усложняет восприятие инфографики.

Самый простой способ проверки — обесцветить макет, наложив вспомогательный слой в режиме Saturation.

В данном случае сделать значки более считываемыми можно было при помощи разницы опасити. Даже при значении 20% значки оставались бы читаемыми на карте, но при этом кардинально отличались бы от аналогичных значков с значением 100%. Альтернативным решением было бы использовать другую иконку.

Всегда помни о доступности и слабовидящих.

Источник инфографики

@slashdesigner #первые_шаги #инфографика #доступность
2.0K viewsСаша Окунев, edited  07:14
Открыть/Комментировать
2022-09-24 13:59:28
Стал мобильнее?
Anonymous Poll
12%
Стал/стала, вне зависимости от повесток, планирую выезд, не до дизайна
4%
Стал, купил билет и выехал в безопасную страну, всё круто. Снова могу думать о работе
1%
Стал, иду воевать, канал читаю ради развлечения или чтобы сохранить форму
18%
Не грозит, но думскролю и не до дизайна
11%
Не грозит, у меня всё хорошо, работаем дальше. Где контент про дизайн?
12%
Доброго вечора, ми з України
42%
Результаты
1.2K voters2.3K viewsСаша Окунев, 10:59
Открыть/Комментировать
2022-09-21 16:19:31 Мобилизация

1. Медуза: Куда бежать из России прямо сейчас.

2. Холод: Гайд по экстренной эмиграции. Зеркало.

3. Список из 100+ локальных эмигрантских чатов: @tele_360chat.

4. Напоминаю, что у /designer есть маленький канал @designopenings с вакансиями за рубежом. Все вакансии актуальны и их качество проверено мной лично.

5. Также есть хороший проект про карьеру на международном рынке: @agilefluent. Помогают с резюме и с получением оффера.

Уезжающим
Куда ты планируешь? Какие вопросы у тебя сейчас? Какая информация о выбранной стране тебе могла бы помочь?

Уехавшим
Куда удалось выехать? Как прошла адаптация? Можешь ли оказывать какую-либо помощь тем, кто едет только сейчас? Давай координироваться и помогать другим.

Не про эмиграцию, но в тему: если тебе пришла повестка, юрист Павел Чиков из Агоры составил FAQ для мобилизуемых. Про отсрочки.

Обращаю внимание на то, что комментарии публичны и следует проявлять осторожность.

@slashdesigner #эмиграция
4.9K viewsСаша Окунев, 13:19
Открыть/Комментировать
2022-09-15 17:40:09 Adobe покупает Figma

Сегодня CEO Figma Дилан Филд объявил о том, что подписал с дьяволом Adobe соглашение о продаже Figma.

Adobe в рамках соглашения приобретает компанию за 20 миллиардов долларов. Ожидается, что транзакция завершится в 2023 году. До этого момента Figma будет функционировать независимо от Adobe. Условия сделки ещё могут поменяться.

Пост в двух словах: Figma как продукт может и не пострадает, но в долгосрочной перспективе платить Adobe мы все будем больше, потому что это Adobe, детка.

По моему мнению, Adobe — это абсолютное корпоративное зло, альтернативой которому долгое время были Sketch и Figma. Лицензии очень дорогие, а продукты имеют устаревший UI, крайне медленно развиваются и имеют ужасную програмную оптимизацию. Платная подписка на полный пакет Creative Cloud для одного пользователя стоит 54$ в месяц, а для команд — 84$.

Figma — это большая компания со своей культурой, во главе которой по-прежнему остаётся Дилан, и это вселяет определённые надежды, что продукт не будет испорчен быстро. Во всяком случае, пока Дилан и Figma имеют автономию. Как руководитель он вряд ли будет делать что-то, что явно вредит Фигме как бизнесу, который он развивал последние 10 лет. Я доверяю Дилану, потому что он сделал тот самый редактор, который мы так любим. Но абсолютно не доверяю корпоративной культуре Adobe. И рано или поздно мы почувствуем дух Adobe в Figma, теперь это неизбежно.


По кому это может ударить?

Главный вопрос, который интересует маленьких фрилансеров, не желающих платить за Фигму — останутся ли бесплатные аккаунты. По заверениям Дилана, они не планируют менять тарифные планы. Но есть важное дополнение, что Figma останется бесплатной в образовательных целях. Учитывая, как Adobe любит деньги, мы можем легко оказаться в Фигме без привычных нам фич, которые могут оказаться за рамками определения «образовательные цели». Например, можно легко отрубить возможность экспорта ассетов или ввести лимит на количество фреймов в файле. Не буду плодить слухи, это только примеры того, что можно сделать, оставив аккаунт номинально бесплатным.

Другая большая группа людей, которая может пострадать от такого приобретения — это россияне. Как известно, из-за войны в Украине Adobe приостановила продажи новых лицензий россиянам. Действуют только ранее оформленные. Если Figma станет одним из продуктов Adobe, очень вероятно, что они будут использовать основной адобовский платёжный шлюз и политику дистрибуции. Сейчас со стороны Figma никаких ограничений на использование продуктов для россиян нет, а у Adobe, насколько заявлено, есть.


Кто от этого выиграет?

Стратегически выиграет Adobe, потому что серьёзных альтернатив парочке Figma + Experience Design на текущий момент на рынке нет. Однако, такое не может продолжаться долго и новые свежие продукты смогут составить конкуренцию.

Пользователи с платными аккаунтами Figma категории Professional и выше получат гораздо лучшую интеграцию между Figma и динозаврами Adobe: Photoshop, Illustrator, Premiere Pro, Lightroom, InDesign и After Effects. Очень вероятно, что растровые слои в Фигме можно будет на лету открыть в Photoshop для фото-манипуляций или перекинуть на анимацию в Афтер без всяких костылей вроде Figma2AE. Для дизайнеров может быть также важно, что в рамках Creative Cloud им будут доступны хорошие кириллические шрифты.

Очень вероятно, что Figma будет доступна в рамках Adobe Creative Cloud и те, кто уже сидят на этой подписке, перестанут отдельно платить за Фигму.

Вывод: на ближайшем горизонте ничего не изменится и даже станет лучше. Мы получим интеграцию Фигмы в экосистему Adobe. В долгосрочной перспективе мы будем вынуждены пользоваться продуктами Adobe и платить за Фигму больше.

@slashdesigner #для_профи #Figma #Adobe
8.6K viewsСаша Окунев, edited  14:40
Открыть/Комментировать
2022-09-08 16:29:21 FFDDFD Design Conf 2022

30 сентября Тинькофф проведёт бесплатную конференцию о дизайне в продуктовой компании.

Дизайнеры соберутся в Москве, в Collector Gallery по адресу: Михайловский проезд, 5. Это обширное индустриальное пространство на месте бывшего хранилища воды.

Будет онлайн-трансляция из главного зала.

Темы
- Дизайн-менеджмент: почему не всем нужно становиться дизайн-лидами
- Карьера: почему дизайнеры не могут найти работу
- Процессы: о консистентности в дизайне Aliexpress
- 3D: Как в Тинькофф автоматизировали работу с 3D-иллюстрациями
- Брендинг инхаус: Зачем большим компаниям бренд-дизайнеры

Получить билет или ссылку на трансляцию:
Зарегистрироваться →

Регистрация открыта до 25 сентября.

@slashdesigner #полезная_реклама #для_профи #анонсы
6.2K viewsСаша Окунев, edited  13:29
Открыть/Комментировать
2022-09-08 16:28:30
Зарегистрироваться →

Подробности
4.9K viewsСаша Окунев, 13:28
Открыть/Комментировать