{"id":13466,"url":"\/distributions\/13466\/click?bit=1&hash=891d339b00b86120568ea8e4296ded112a42876a976e2fd335004400f35cbd30","title":"\u0427\u0442\u043e \u0441\u043c\u043e\u0442\u0440\u044f\u0442, \u0447\u0438\u0442\u0430\u044e\u0442 \u0438 \u043a\u0443\u0434\u0430 \u0445\u043e\u0434\u044f\u0442 \u0432\u0430\u0448\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"24bb823c-c595-5fc8-be0f-fba9e89237c2","isPaidAndBannersEnabled":false}
Дизайн
Yury Vetrov

Photoshop в браузере и генератор цветовых палитр для Figma: 20 самых важных материалов в продуктовом дизайне за октябрь

Традиционный дайджест директора по бренду и дизайну «Райффайзенбанка» Юрия Ветрова.

Четвёртый год я провожу исследование: «Какие дизайн-команды в отечественных продуктовых компаниях самые сильные?».

Можно сравнить результаты за 2020, 2019 и 2018 годы. Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.

Помимо заметного изменения стилистики, в анонсе есть неплохой обзор важных частей гайдлайнов:

  • Темы оформления с динамическим цветом — самая заметная часть Android 12. Причём можно создавать и более сложные темы. Команда выпустила отличный плагин для Figma, помогающий создавать их.
  • Работа с гибкими экранами описана ещё лучше.
  • Доступен мощный UI Kit для Figma.

На ежегодной мега-конференции было несколько крупных и мелких анонсов:

  • Photoshop и Illustrator могут работать в браузере. Пока с базовыми возможностями, но их будут развивать. Есть также гостевой доступ с просмотром и комментированием макетов.
  • Creative Cloud Spaces — организация проектов и макетов для совместной работы в вебе.
  • XD подзатих, новостей в последнее время мало. Появились связка с Lottie, проигрывание видео и публикация на Behance.

Советы Nora Pekker из IBM по составлению roadmap UX-исследований в продукте или команде.

Группа энтузиастов проанализировала 425 909 фавиконок из интернета. Популярные форматы, размеры, цвета и всё такое.

Kate Kaplan из Nielsen/Norman Group описывает формат воркшопа по описанию миссии дизайн-команды.

Liz Blanchard рассказывает о работе над видением будущего для интерфейсов RedHat (формат описания и воркшопы, на которых его генерировали).

Brad Frost предлагает разделять тёмную тему и инвертированный режим в дизайн-системах. Они могут решать одинаковые задачи (например, смена цвета текста и иконок), но это вызвано разными ситуациями — общая настройка устройства пользователя или конкретный блок в интерфейсе.

Jeff Sauro и Jim Lewis показывают, как измерить прошлый опыт работы пользователя с продуктом. Это комбинация срока использования, частоты и процента востребованных ключевых функций.

Новости инструментов дизайна

  • Cleanup Pictures: простой онлайн-инструмент позволяет моментально убрать объект с фотографии. Просто выделяете его и он сам отрисовывает всё.
  • Lorem Space: сайт даёт картинки для макетов — обложки фильмов, карточки товаров и т.п. Их можно получить по простой ссылке.
  • Mesh Gradients Editor: генератор mesh-градиентов в браузере. Их можно настраивать.
  • Spectrum: генератор цветовых палитр, которые можно быстро применить к любой части макета, включая иллюстрации и картинки. Плагин для Figma.

Page Laubheimer из Nielsen/Norman Group показывает способы организации товаров в интернет-магазинах, которые не укладываются в основные категории.

Riya Chakravarty показывает простой способ напомнить коллегам о том, что вы показываете сырую версию дизайна — водяные знаки на макетах.

Deborah Lindberg рассказывает о регулярных упражнения дизайнеров Atlassian, когда они пробуют создать на дизайн-системе компании известные продукты на рынке. Это позволяет проверить её масштабируемость и отловить потенциальные проблемы.

Nielsen/Norman Group сделали структурированную подборку своих статей о методах полевых и контекстных исследований, а также удалённом юзабилити-тестировании.

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

И ещё одна, Accessibility Maze.

Jennifer Bost и Anna Gregory рассказывают о новых принципах дизайна Microsoft. Они дают пару советов на тему внедрения принципов в рабочие практики.

Creative Navy сделали обзор методов, помогающих упростить первое использование интерфейсов физических устройств (и не только).

Генератор аватаров по словесному описанию с помощью алгоритмического дизайна. Можно смешать разных персонажей и жанры.

Перевод на русский онлайн-книги Ryan Rumsey «Business Thinking for Designers» от InVision.

R.E. Hawley анализирует занятный тренд в дизайне книг — массу однообразных обложек, состоящих из абстрактных цветных пятен.

Anna Niess, Pedro Carmo и Johnny Rodgers рассказывают о проектировании и поэтапном запуске новой функции Slack коротких аудио- и видео-клипов. Они прошли много итераций и показывают, как менялось взаимодействие пользователей.

Maria Rosala из Nielsen/Norman Group даёт ориентиры по выборке респондентов для пользовательских интервью. Она описывает разные ситуации, которые влияют на размер.

Читайте полную версию дайджеста в моём блоге. За свежими ссылками можно следить в группе на Facebook или во «ВКонтакте», а также в Telegram-канале. Спасибо всем, кто помогает наполнять дайджест.

0
11 комментариев
Написать комментарий...
Экспериментальный американец

Спасибо за подборку новостей!

https://cleanup.pictures/ клёвый, но оооооооооооооочень долгий!

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Экспериментальный американец

Хмм, открыл в другом браузере (в чистом edge) и скорость работы выросла кратно! Даже не знаю, что клинапу может не нравится в моём хроме ...

Ответить
Развернуть ветку
Daniyar

пользуюсь edge и хотел было возразить вам, что клинап работает моментально, но прочитал комментарий.

Ответить
Развернуть ветку
Экспериментальный американец

Дорогие @Инспектор и @Патруль , можно дать по рукам товарищу @Лунная Призма , который прошёлся по моим последним девяти комментам из разных тем яростным минусом :)

Ответить
Развернуть ветку
Экспериментальный американец

@Инспектор и да, товарищъ Призма яростно минусует вообще всех подряд, кто когда либо отметился под его комментами :)

Ответить
Развернуть ветку
Любой кавалер

Юрий, у меня из-за твоих дайджестов место в закладках кончилось :-\

Ответить
Развернуть ветку
greg chudnoff
Photoshop и Illustrator могут работать в браузере. Пока с базовыми возможностями, но их будут развивать.

То же, что умеет бесплатный Pixlr.

Ответить
Развернуть ветку
A Tree

Благодарю за отлично выполненную статью, во всех аспектах.

С удовольствием и интересом прочитал, с удовольствием посмотрел, хоть и далёк от темы дизайны, спасибо Юра.

С Уважением, A Tree 🖖

Ответить
Развернуть ветку
Alexey Kletsel

Очень полезно, большое спасибо!

Ответить
Развернуть ветку
Денис Аникин

Кому нужен аналог фотошопа в браузере, можете ещё посмотреть https://www.photopea.com/
В некоторых местах обходит pixlr, psd поадекватнее открывает и всё такое.

Ответить
Развернуть ветку
Читать все 11 комментариев
null