Apple обновили публичные дизайн ресурсы для iOS и iPadOS под Sketch, и Adobe XD — https://developer.apple.com/design/resources/

Тред с подробностями обновлений — https://twitter.com/themikestern/status/1452693313945882624

Один из читателей канала однажды спросил меня, какие инструменты я использую для прототипирования. Решил ответить на это в своем новом видео — https://youtu.be/EN8ovs4NmUU

Microsoft выпустили утилиту для Windows по поиску курсора на экране. Для этого надо нажать несколько раз Ctrl, вся область экрана станет темнее и лишь курсор будет выделен кругом без затемнении. Для отмены действия надо нажать Esc или сделать клик.

В маке найти курсор можно просто быстрым движением мыши / тачпада, тем самым курсор увеличится в этот момент.

Реализация на Windows мне кажется сложной и имеет лишние действия. От Esc можно было бы отказаться и просто после движения курсора, когда он подсвечен выходить из этого режима. Либо добавить небольшую задержку на выход из режима поиска при движении курсора. И никакого дополнительного нажатия для выхода из этого режима не потребуется.

Очень смело для Твитера использовать такой копирайт для подсветки новой фичи. Умение пошутить над собой, очень хорошо и круто 👍

В Pixel 6 интересно обыграли фронтальную камеру в экране с обоями.

​​В Android 12 появилась опция — адаптация иконок приложений к теме устройства. Пока она находится в бете.

Суть фичи — при включении тематических иконок (themed icon), иконки приложений упрощаются до глифа на фоновой подложке с цветом оттенка системы. Эти глифы, как мне кажется и будут проблемой для других продуктов.

Многим продуктам потребуется упростить свою узнаваемую иконку (лого) до простого глифа, отказаться от брендовой уникальности. Таким образом, может пострадать узнаваемость, люди могут начать терять приложение на главном экране, найти его среди одинаковых иконок — сложно. Сейчас мы находим приложение по его цвету, форме. Тут же остается, только считывать по форме символа, так как цвет у всех будет одинаковый — это замедлит скорость обнаружения.

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

Было бы интересно, если бы Android сам смог адаптировать иконки приложений до упрошенного стиля, а пока главный экран будет выглядеть, как оливье.

Google выкатили гайдлайны по Material You. Любопытно, что в title вкладки они называются, как Material Design 3 – https://m3.material.io

Очень сейчас было плохо с UX при настройке режима фокуса в iOS.

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

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

Кинопоиск классно подали смену иконки (лого) в приложении при его запуске

В macOS Monterey можно установить memoji на аватарку пользователя. И при вводе пароля, аватарка будет наблюдать за набором и кивать головой при ошибке.

Люблю иногда просто ради фана ковыряться в Origami studio.

Собрал прототип, в котором в зависимости от значения кольца прогресса, меняется цвет фона, растут полоски по бокам экрана и отображается цифровое значение в центре.

Лайк, если интересно узнать, как создавать подобные прототипы

Твиттер отображает советы в окне переписки

Собрал генератор градиента Origami Studio.

По тапу на экран прототип генерирует значение, выбирает его по значению из списка цветов и применяет их.

Помимо динамической перекраски интерфейса в Material You. Так же иллюстрации адаптируются под общий тон системы — https://m3.material.io/styles/color/dynamic-color/imagery

UX-дизайн — процесс взаимодействия с продуктом или услугой. Компании должны помнить не только о ценности своего продукта, но и о том, каким его увидит конечный пользователь.

На курсе от Contented «UX/UI-дизайнер с нуля до PRO» в течении 15 месяцев:
— вы освоите необходимые инструменты и навыки для продвинутой работы продуктового дизайнера;
— Добавите 15 работ в свое портфолио и наработаете 200 часов практики;
— Примите участие в практикумах совместно с экспертами;
— Пройдете стажировку в IT-компании или студии.

Так же курс поможет прокачать Soft skills, важные навыки для работы в любом IT продукте. Все это даст вам возможность дорасти до уровня middle уже к концу обучения. Передавать свой опыт будут практикующие эксперты рынка из Ozon, Mail.ru и Cuberto — агентства года по версии Awwwards.

Прокачайте свои навыки до 23 ноября со скидкой 55% по промокоду DUIUX по ссылке — https://bit.ly/3cfxuWBDUIUX по ссылке — https://bit.ly/3cfxuWB

#реклама

После того, как недавно я собрал генератор градиента в Origami я подумал, почему бы не попробовать ради практики, собрать его и в коде? В итоге, в воскресенье реализовал эту идею!

Сделал простой сервис, который по нажатию на кнопку, генерирует случайный линейный градиент по двум точкам. Плюс выводит hex-коды этих цветов. По итогам создал свой первый репозиторий в GitHub и запустил приложеньку по ссылке на GitHub pages (незнал про их бесплатный хостинг) — https://astract.github.io/

Думаю, это у меня будет такой пет проджект, на котором буду практиковать навыки JS и верстки, создавая различные фичи и развивая проект. Мне уже предложили, как минимум, добавить копирование хекса в буфер по клику.

Сегодня кайфанул от внимания к деталям в Slack. Когда сидишь в handdle один, то спустя время выключается микрофон и включается музыка ожидания. Такая типичная мелодия, которая бывает, когда ждешь ответа оператора или играет в лифте 🙂

Добавил в свой хобби-код-проект «Генератор градиентов» возможность скопировать значение в буфер c отображением статуса, что оно было «Скопировано».

Со второй фичей (отображением статуса) извернулся через setTimeout. Доволен, что додумался до этого способа сам и оно работает, но думаю это не самое лучшее решение. Поэтому буду рад комментариям, как можно сделать код лучше и правильней, мне это очень поможет в освоении JS.

Ссылочка на сервис тут — https://astract.github.io/

Пул-реквесты фич:
1. Копирование кода в буфер — https://github.com/astract/astract.github.io/pull/2
2. Отображение статуса после копирования — https://github.com/astract/astract.github.io/pull/3

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

К слову, моя личная аватарка тоже была сгенерирована какой-то сеткой