Дизайнерости

60fps — библиотека анимаций и визуальных эффектов из мобильных приложений Есть поиск по коллекции — правда, чтобы им воспользоваться, нужно заплатить 50 $ 60fps.design #awd_ui

Новый Icon Composer – суперлайк. Очень быстро можно сделать иконку сразу для всех платформ и одним файлом передать разработчикам. Советую посмотреть доклад с WWDC, скачать бету Xcode и попробовать (Xcode → Open Developer Tool → Icon Composer).

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

Отключил автообновление приложений. Всё-таки чтение релизноутсов важнее комфорта.

Мой дебют в комьюнити Figma! Собрал гайд по Safe Area в iOS. Давно заметил, что многие дизайнеры либо используют неправильные размеры (особенно в лендскейпе), либо вообще забывают про Safe Area. Зачастую просто вставляют первый попавшийся компонент статус-бара и используют его в качестве отступа, хотя между iPhone 14 и 14 Pro верхний инсет отличается на 12 поинтов (шок). Казалось бы, мелочи, но не для тех команд, которые принципиально делают pixel-perfect. В комьюнити уже есть похожий файл, но там не хватает лендскейпа и нет iPhone 16. Также в планах добавить iPad, WatchOS и Android, но это уже как сложится. Ссылка на Figma

👀 Управлением умным домом с помощью AR-очков Cтудия Around показала проект управления домом через AR. Используя Unity с Magic Leap 2, они сделали возможным включать свет, управлять шторами и даже запускать пылесос – просто глядя на устройство или используя жесты и голос. Например, для активации чего-либо можно произнести turn on на устройство, выбранное взглядом. Фича с морганием пока вызывает фейлы, но выглядит перспективно. Выделенная область для управления пылесосом — класс. Пока всё это не для массового рынка и представить, как ты ходишь в ML2 и двигаешь шторы довольно тяжело, но это точно стильный proof of concept, который показывает, как мы будем взаимодействовать с устройствами в будущем. @theaugmentedreality

Наткнулся на полезную шпаргалку по устройствам Apple. Например, по каждому iPhone можно посмотреть поддерживаемые версии OS, чип, функционал, размер экрана, сайз-классы, типы виджетов, формат скриншотов в AppStore и т.д. В общем, это та же информация из официальной документации, но в удобном и систематизированном виде. screensizes.app

До сегодняшнего дня в Telegram нельзя было сворачивать миниаппы, из-за чего сильно страдал UX. Ты можешь совершать транзакцию в Wallet, но миниаппку придётся закрыть, если необходимо воспользоваться мессенджером. А по возвращению в кошелёк увидишь главный экран, ведь у миниаппов нет кеша. Решение не самое элегантное, но рабочее. И, как это умеют в Telegram, выглядит очень нативно (посмотрите приложение почты на iOS).

Большое обновление Figma 2024 26-27 июня на конференции Config2024 показали масштабное обновление Figma. В частности: — Сделали новый интерфейс — Встроили ИИ-ассистента, который помогает делать прототипы, адаптивные макеты, генерировать картинки, иконки, удалять фон, писать и переводить тексты, массово переименовывать слои и многое другое — Добавили редактор презентаций Figma Slides — Улучшили режим для разработчиков Dev Mode — Сделали авто-лейауты более интуитивными — Добавили редактируемые наборы интерфейсных элементов Apple iOS, Google Material Design 3 и Simple Design System от Figma прямо на панель Assets — Теперь в FigJam вместо одного большого холста есть страницы Посмотреть все обновления: figma.com/blog/config-2024-recap #awd_news #awd_figma #awd_webtool #awd_tool

🥈Занял серебро на конкурсе от @wallet Стараюсь не пропускать подобные конкурсы/хакатоны, ведь это всегда челлендж и буст скиллов. Заодно те, кто ушёл в менеджерство, могут освежить навыки и поработать руками (не совсем про меня, я всё ещё ремесленник). За несколько дней можно разобраться в том, на что обычно уходят недели или до чего не доходят руки вовсе. В этот раз хорошенько прокачался в Telegram Mini Apps, жадно изучив документацию и все возможные материалы. В Design Competition 2024 от Telegram – наконец-то усилился в моушне, который всегда обходил стороной и старался делегировать. https://t.me/wallet_news/309

Виджеты люблю, виджеты использую, виджеты делаю. Держите мой прошлогодний доклад.

На яблоках очень сложно мотивировать и онбордить юзеров к установке виджета. Слишком долгий флоу, в отличие от Android. Я часто сталкивался с тем, что опытные юзеры вообще не знают, как их устанавливать. В iOS 18 произошло удобство: иконку можно быстро превратить в виджет, а также менять его размер из контекстного меню. + Гораздо проще будет выглядеть инструкция, если вы хотите показать, как установить ваш виджет. + Юзер начинает удалять приложение, но видит, что можно поставить виджет. Это поможет не потерять маленький процент юзеров. + Юзер хочет поменять размер виджета и не запутается в процессе.

🔭

Долго ломал голову, как в интерфейсе visionOS делать «прозрачное на прозрачном», например secondary-текст или фон для кнопки. Всё встало на свои места, когда вспомнил про материалы, из которых, собственно, и построен стеклянный UI. Это похоже на то, как поверхность грунтуют перед покраской: нижний слой – базовый, верхний слой – нужного цвета. Заодно для базы можно указать размытие, если это необходимо. Какой можно сделать вывод: палитру вашего iOS-приложения скорее всего не получится переиспользовать для visionOS без серъёзных доработок. Придётся либо сразу закладывать новую палитру, снованную на материалах (что окажется не так просто), либо пойти на компромисс и взять системные цвета.

Google удивили, накосячив со временем прямо на главной material.io

площадь Юмора в интерфейсах

Apple полностью пересобрали раздел Human Interface Guidelines на сайте! Переделана навигация, больше контента, разбор лучших практик по дизайну частых паттернов. В будущем обещают добавить еще и чейнджлоги, которые раньше собирались чуть ли не вручную отдельными сервисами.