Etisare

💊 Плюшки, которые улучшат удобства использования – Обновлённый AutoLayout. Этого ждали долго, добавили свойство «Wrap», которое позволяет переносить элементы, если они не помещаются в лейаут; настройки «MinHeight» и «MaxHeight», чтобы можно было стандартизировать размеры элементов; обновление транкейшн текста (это «…»), которое позволяет транкейтить текст на основе максимального количества строк – Обновлённый выбор шрифта. Теперь можно смотреть превью шрифтов и быстрее возвращаться, к часто используемым и установленным локально, Figma сама вам подскажет – Обновлённый файловый поиск. Появилась новые вкладки «Общие проекты» и «Общие файлы», которые помогут быстрее находить файлы, с которыми поделились пользователи. ▶️ Более простые и удобные прототипы без паутины – Установка переменных, как полноценное действие. Не нужно вести провода к каждому макету, а достаточно завести переменную и указать, на какой макет ссылается конкретный элемент – Математические выражения. Можно создать динамическую переменную в виде текста или цифры, и использовать такие операции, как Добавить, Вычесть, Умножить и Резделить – Множественные действия и Условные операторы. Если нужно заложить в прототипе логику перехода от макета к макету, то это можно сделать через условные выражения: «Если, то» (Всем понятный If, Else, Then) 🔗 Подробнее о всех обновлениях

⚙️ DevMode – Инспектор. Описание элементов стало ещё более подробным, можно смотреть буквально всё – Спиппеты кода. Можно скопировать CSS, iOS и Android код прямо из Фигмы, или использовать плагин и редактировать код смотря на фигму – Исходники на компоненты. Теперь можно синхронизировать компоненты между Figma и кодом привязывая к ним ссылки (GitHub, тикет в Jira, Storybook или свою ссылку на другой ресурс) – Статус макетов. Статус макетов теперь можно отмечать нажав на лейбл рядом с названием слоя и разработчик будет видеть, в каком состоянии находятся макеты. Мелоч, а невероятно приятно – Сравнивать изменения. Если у вас была жаркая ночка в Figma, то разработчики на утро смогут сравнить, что поменялось на макете просто наложив макет друг и на друга, а также будут написаны какие слои были изменены и какие параметры изменились – Просмотр макетов в VS Code. Можно работать в VS Code, видеть что делают дизайнеры и получать обновления макетов моментально – Песочница. Или же Playground, в котором можно натыкать всевозможные состояния компонента и понять, как он может выглядеть в разных ситуациях 💠Адаптивные макеты и токены – Токены для цветов, чисел, текста и логических переменных. Можно создать константы для привычных нам элементов и переиспользовать их в разных размерах, чтобы макет мог меняться в зависимости от своих размеров – Темизация макетов. Можно забивать токены внутри Figma (аллилуйя) и менять макета со светлой темы на тёмную, да и вообще на какую захотите. Теперь большим командам не нужно писать свои плагины для смены темы, а лишь пользовать внутренним и удобным инструментом – Плагин и REST API. Расширять и управлять токенами, включая импорт и экспорт, можно через API-плагин. Крутая вещь, нужно тестить и сравнивать с Tokens Studio Доступно на Professional Plus плане и выше 🔗 Подробнее о всех обновлениях

Обновки с Config 2023: Режим для разработчиков, Нативные токены, Ещё более прокачанный режим прототипа и много другого У меня, как дизайнера дизайн-систем просто челюсть отвалилась, презентация очень сочная, лучшее обновление фигмы по сравнению с прошлым годом. Невероятно рад за то, что теперь коммуникация с разбами станет ещё более прозрачной. Обязан поделится и рассказать, чего добавили такого. Подъехали Режим для разработчиков, Новые прототипы, Нативные токены, Динамические переменные, Обновлённые автолейауты, куча годноты для разработчиков и многое другое Разделю обновы на два поста, чтобы можно было сохранять и шарить своим ребятам по тематике

Как создавать пространственный дизайн под Apple Vision Pro Apple выпустила серию роликов о том, как управлять очками, проектировать под них интерфейсы, а много других информации, как создаётся пользовательского опыт с должным уровнем погружения На самом деле очки поддерживают многие жесты, знакомые нам: приблизить объект можно щипком пальцев, а печатать и рисовать можно будет прямо по воздуху с помощью виртуальных инструментов. Руки необязательно держать перед собой: можно расслабить, чтобы не затекали Принципы пространственного проектирования (21 мин) Тут рассказывается про основы пространственного дизайна: как проектировать с учетом глубины, масштаба, окон и погружения Проектирование для пространственного ввода (20 мин) Можно узнать, как создавать удобный, интуитивно понятный и приносящий удовлетворение пространственный опыт для глаз и рук Дизайн пространственных пользовательских интерфейсов (22 мин) Можно узнать, как создавать отличные интерфейсы для приложений для visionOS. Тут рекомендации по компонентам, материалам и типографике Размышления, как создавать дизайн для глаз и рук Знания о том, как создать иммерсивный опыт на основе visionOS, учитывающие ограничения нашего зрения и восприятия движения объектов Проектирование пространственного опыта SharePlay (16 мин) Изучение типов совместных активностей, которые можно будет создавать у себя в приложениях Исследование захватывающего звукового дизайна (14 мин) Можно узнать, как дизайнеры Apple выбирают звуки и создают звуковые эффекты для создания эффекта погружения

Библиотека для создания переходов между элементами iOS Если у вас сложно с анимациями или у разрабов нет времени на их реализацию, то тут можно легко и быстро подключить либу и собирать анимации в своих проектах. Покажите своим разработчикам, возможно кому упростите жизнь и взаимодействие с интерфейсов ещё приятнее (если что, Swift поддерживается) 🔗 Ссылка на GitHub

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

Делюсь с вами своим вторым каналом, в котором делюсь портфолио дизайнеров Пару месяцев назад, я создал базу с портфолио дизайнеров, где получил большой отклик и интерес в этой теме (15к+ уникальных юзеров), поэтому постоянно развивал её и решил сделать более удобную и личную историю. Я создал канал, где будут публиковаться портфолио продуктовых, ui/ux и графических дизайнеров Отбирал и буду отбирать лучших из лучших дизайнеров, чтобы вы могли смотреть, как презентуют себя лидеры индустрии и сохранять понравившихся людей. В общем, так я и создал Витрину дизайнеров 💼 Подписать на витрину дизайнеров 💼 Подписать на витрину дизайнеров 💼 Подписать на витрину дизайнеров

Приехал вместе с Люстрой на Дизайн просмотр в Питер. Хоть уже идёт второй день, но всё ровно гоу общаться, сейчас как раз стоим у центрального столика

У Aviasales внезапно появились две вакансии для интернов в дизайн департамент Команду и дизайн А-в-и-а-с-е-й-л-с люблю и ценю. Всегда интересно следить за их развитием, поэтому здесь я не могу не поделиться такой годнотой с теми, кто только идет в продукт Intern Design Ops Intern Product Designer ——— За наводочку спасибо @jun_hi_vacancies

Как внедрить локализацию в продукт на примере Spotify Локализация — высокоинклюзивная дисциплина, которая создает чувство принадлежности. В Спотике локализации уделяется большое внимание: есть отдельная команда, которая отвечает за это, а также проводятся исследования, чтобы улучшать опыт каждого из слушателей Команда по локализации расскажет о том: – С чего начать локализацию – Как локализация работает в Spotify – Ключевые моменты, которых стоит избегать – Как планировать и при этом учитывать хотелки интерфейса – Как ведётся работа с UX-копирайтерами Занимательно: – Романские языки, такие как испанский, занимают примерно на 25% больше места в ширину, а некоторые требуют 40% – В Германии и Франции существуют законы, которые требуют от компаний использовать языки этих стран для рекламы товаров и услуг 🔗 Читать статью (10 мин, язык 🇺🇸)

Нашёл программу для MacOS, которая позволяет контролировать нативный плеер Есть поддержка Apple Music, Spotify и платформ для стрмминга (Яндекса нет, но разработчик внизу оставил форму для поддержку других плаформ) Очень нативная интеграция в интерфейс, приятный сайт и на практике оказывается прям супер-приятной, можно настроить свои шорткаты, увидеть секси-обложки песен полностью контролировать звук. Взаимодействия с прослушиванием музыки стали ещё приятнее мега-приятнее, хоть прила и стоит пару баксов, но стоит того. Называется Sleeve 🔗 Глянуть подробнее

Как проектировать B2B продукты. Это баааза Саша написала статью о том, как проектировать B2B продукты опираясь на материалы Nilsen Norman Group. Внутри статьи рассказывается про специфику аудитории, детальную сегментацию и как выстроен цикл покупки. Также у Саши есть цикл статей про проектированию B2B-продуктов: – Как заинтересовать пользователя – Наполнение страниц на все случаи жизни – Как рассказать о цене О них подробнее в будущих постах и сорьки за поздний пост, отправил без звука, всех обнял 🔗 Читать статью (6 мин)

Как быть крутым дизайнером Большой must-watch от меня, лекция Вадика Мармеладова, создатель сервиса подписки на одежду и гаджеты LOT2046, где он делится об истории и устройстве сервиса, а также поделился своим взглядом на будущее компаний и продуктов. Для меня это лекция захватывает дух, 2 часа смотрятся на одном дыхании, после неё хочется ещё больше творить, создавать продукты, вкладывать смыслы и просто делать всё круто Желаю всем зарядится и хорошо провести выходные ❤️ 🔗 Смотреть и наслаждаться

Как добиться качественной версии продукта Перевод статьи Мартина Спиннангра, о том как правильно выстроить бизнес-процесс product discovery и итерациями добиться работающей версией продукта. В статье описываются 10 процессов, которые помогают быстро качать и прорабатывать продукт. Главные тезисы процессов: – Общение с потенциальными клиентами – Не просто слушать своих клиентов, но и тестировать – Гибко планировать – Полюбить плохие новости и адаптироваться под них – Делать много итераций и вносить изменения – Думать о бизнесе, а не только о продукте – Создать карту "Гипотез" – Быстро тестировать и повышать точность тестов – Оценивать объём рынка – Показывать процесс внутри команды 🔗 Читать статью (10 мин)

Мидл → Арт-дир — внутренний курс студии MAX Дело в том, что ребята не нашли курсов и волшебной таблетки по росту с джуна и дальше и им пришлось делать такой продукт внутри своей студии, прямо для своих же дизайнеров, которые хотят расти. Ребята упаковали знания, которыми растили арт-диров и лидов в студии ранее (их более 40). И в итоге создали методу роста/курс для своих дизайнеров и (важное) сделали этот курс открытым. То есть, если вы засиделись в мидлах или синиорах и хотите выйти на новый уровень — велком. С вами наравне этот курс будут проходить 12 дизайнеров студии MAX, которые сейчас метят в арт-дира или лида. Вы сможете смотреть как все прокачиваются до лидов и арт-диров, сможете общаться, узнавать. Быть на воркшопах и получать фидбек на свои домашки от арт-диров студии. И расти. Детальнее. ❗️Уже сегодня (в 19:00) ребята проведут прямой эфир где расскажут базовый план как вырасти дальше, расскажут как убедить руководителя дать возможность быть старшим/лидом/арт-диром и поднять ЗП (а то вырасти недостаточно же, нужно убедить дать под это инфраструктуру) и презентуют свой курс (там, кстати, осталось всего 18 мест). Трансляция пройдет на канале ребят сегодня в 19:00: @imasenior Велком!

Раз и навсегда про тёмную тему или почему вам «на самом деле» нужна тёмная тема Автор изучил несколько десятков научных статей о том, как наш взгляд воспринимает цветовые схемы и подготовил собственные выводы. Хоть в материале проводился анализ, как старых исследований, так и актуальных, по итогу всё равно хорошо расписаны плюсы и минусы каждого исследования Обожаю подход, когда есть большой и глубокий ресёрч к таким вопросам, с изучением академических знаний, это лучше погружает человека в контекст, ставит перед фактами и даёт под ногами почву для аргументации в проектировании решений, а не просто желания красиво подобрать rgba Саммари статьи, чтобы долго не анализировать: – Среди людей 55–84 лет катаракта распространена у 72,8%, из-за чего люди видят сайты в светлой теме размытыми. При этом с тёмной темой зрачок расширяется и глаз начинает использовать больше прозрачных областей хрусталика, из-за чего изображение воспринимается более чётко. Тем не менее существуют важно помнить, что существует астигматизм и другие нарушения, при которых тёмная тема также плохо читается, поэтому следует важный вывод ниже – Добавлять возможность выбирать тему в продукте и ставить системные настройки по-умолчанию – Тёмная тема облегчает жизнь людям с фотофобией — болезненной чувствительностью глаза к свету – При длительном использовании тёмные цветовые схемы вызывают меньше утомления глаз – Если сайт или приложение требует повышенной концентрации, то светлая тема будет оптимальна. Но важно учитывать, что со временем утомление глаз будет превышать позитивный эффект от концентрации внимания – Хорошо (но не слишком) освещённое рабочее место действительно повышает производительность, поэтому важно не сидеть целый день, как крот 🔗 Читать статью (20 мин)

Маленькие, но важные 32 обновления от Фигмы Давно не выходили посты, но я возвращаюсь сразу с полезностями. Little Big Updates – в течение всего года Figma выкатывает небольшие, но важные обновления, которые оказывают большое влияние на то, как мы работаем (и это обновление не исключение). В этой обнове затронули для работы с шрифтами, изображениями, FigJam, плагинами и прототипами. В числе моих фаритов это: – Sticky scrolling в прототипах – мощь для интерактивности – Обновили API, теперь можно больше придумать и реализовать – Улучшили свой поиск по слоям, чтобы быстрее находить и обновлять Подробнее про все-все новые обновления с анимашками Текстовый релиз обновлений

26 портфолио дизайнеров из команды Figma В добавку к посту выше – я нашёл, прошёлся по каждому, разделил по регалиям и составил список ссылок CV и портфолио дизайн-команды Figma. Конечно же я позаботился и пополнил свою базу с портфолио этими ссылками с превью их сайтов и CV. Некоторые портфолио просто отвал всего, смотрел с огнём в глазах. Sites Heather Tompkins, Product Designer Nick Hiotis, Designer Jenny Wen, Design Manager Noah Levin, VP of Product Designer Ryhan Hassan, Product Designer Nikolas Klein, Product Designer Oscar Nilsson, Product Designer Keeyen, Product Designer Marcin Wichary, Design Manager Jakub Świadek, Product Designer Oscar Dumlao, Product Designer Bettina Chou, Product Designer Chia Amisol, Product Designer Natasha Tenggoro, Product Designer CV Brad Artziniega, Designer Erin Woo, Product Designer Amanda Yeh, Designer Ry Reid, UX Writer Shana Hu, Product Designer Cai Charniga, Design Ops Lead Khalil, Product Designer Madeleine Lee, Product Designer Joel Miller, Product Designer Matt Hodgins, Product Designer Jordan Hsu, Product Designer Kris Mendoza, Product Designer Интересно следить за портфолио крутых дизайнеров? Стоит ли выкладывать лучшие из лучших в канал отдельно?

Программа «максимум»: что важно показать в портфолио, если ищете работу? В статье рассказывается про главные принципы составления портфолио, которое будет удобно и приятно читать. Часто, люди забывают о читателе и впихивают такое количество текста, что завтра можно идти в издательство и выпускать собственную книгу. Важные этапы и принципы построения эффективного портфолио: Этап 0. Запариваться по мелочам Этап 1. Определится с форматом Этап 2. Добавление структуры и навигации Этап 3. Детально раскрыть каждый кейс Этап 4. Опередить ожидания просматривающего 🔗 Читать статью (8 мин)