Пофиксенный Майский дайджест линков — vk.com/@duiux-links-mai-tg

Спасибо, что сообщили о проблемах со ссылками

Кажется дизайнеры из Яндекс.Маркета вдохновились концепцией One UI от Samsung.

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

Помню, когда плагин Anima для Sketch умел просто выравнивать слои сохраняя паддинги. А теперь он обновился до четвёртой версии и научился экспортировать в React код. До этого умел только в HTML.

https://clc.to/0y4LjA

Трансляция дизайн конференции mailru будет тут, подключайтесь — https://youtu.be/HCzmE1FxKhU

Кажется в будущем будем рисовать интерфейсы в Adobe XD голосом.

Дизайнер, продемонстрировал работу над созданием логотипа с помощью VoiceOver в macOS Catalina. Все с помощью голоса, без рук.

Очень классно, что Apple развивает доступность с каждой новой версией систем

https://twitter.com/ckundo/status/1145075598706036736?s=20

Google опубликовала гайдлайны по визуализации данных в Material Design — https://clc.to/JyzPaQ

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

Как вам идея? Пишите в чат t.me/duichat

Обновляемая коллекция интерфейсных веб паттернов https://clc.to/_jtDkw

В CSS расширились возможности по подчеркиванию ссылок:

• text-decoration-offset
• text-decoration-thickness
• text-decoration-skip-ink

https://clc.to/igF1sg

Кажется на этом сайте нарушены все существующие правила интерфейсов.

Осторожно, он вызывает боль https://userinyerface.com/

Вышла Бета Sketch 56.

- Из заметного. Текст в символе можно изменять через двойной клик, как в Фигме.
- Появился автосайз высоты для текстового блока
- Раскиданные слои можно быстро сгруппировать в сетку

https://www.sketch.com/beta/

«Одноклассники» рассказали, как они пришли к редизайну мобильного приложения.

Отказались от цветных шапок, в пользу белых. Обновили основной шрифт и иллюстрации.

Выглядит дружелюбно и по доброму, молодцы! :)

https://clc.to/VSpykA

Теперь в Figma можно вставлять GIF в макет. Возможности прототипирования расширились.

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

Интересно, когда они сделают возможность создания микроанимаций внутри инструмента?

https://clc.to/bGGLfg

Framer анонсировали Framer Motion. React библиотеку с помощью которой дизайнеры смогут создавать анимации, код которых можно будет сразу использовать в продакшене.

Футеры на сайтах

Перевод статьи Терезы Фессенден из Nielsen Norman Group.

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

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

Элементы футера
- полезные ссылки;
- список основных разделов;
- второстепенная информация;
- карта сайта;
- отзывы и награды;
- дочерние компании;
- способы привлечения пользователей: почтовая рассылка и социальные сети.

Варианты футеров
- Бесконечная подгрузка контента и мини-футеры.
- Контекстные футеры.

Ошибки при создании футеров
- Слишком подробная карта сайта. Решение — оставить только ссылки на главные разделы и важные подразделы сайта.
- Непонятные названия ссылок. Давать ясно понять, что откроется по нажатию на ссылку.
- Свалка ссылок. Решение — сгруппировать ссылки.
- Скрытые футеры Решение — не скрывать футер под катом. Он должен быть всегда виден.

Читать статью полностью

Добрался. Собрал дайджест линков за Июнь — https://vk.com/@duiux-links-june-tg

Вышел Sketch 56

- Завезли улучшенное умное выравнивание объектов.
- Возможность редактировать текст прямо внутри символа. Вне панели овверайдов.
- И теперь можно пощупать бету скетч клауд.

Обзор работы Sketch Cloud

Судя по видео, пока это просто наглядная история версий в вебе. Не понял, какой смысл в платном аккаунте?