Figma выпустила UI-кит для iOS и iPadOS 26 от Apple с эффектом «жидкого стекла»! И вместе с этим удобный playground, где этот эффект можно потрогать.

Но вот что интересно... В последних бета-версиях iOS 26 Apple сделала некоторые изменения. Если на старте эффект Liquid Glass был суперпрозрачным и почти не воспринимаемым, то в третьей бета-версии ребята из Купертино решили сделать элементы интерфейса более матовыми и менее прозрачными. Это улучшает читаемость и контрастность — Apple сделала, о чем ее и просили пользователи 😳 В Figma UI-ките для iOS 26 эффект Liquid Glass пока остался в том виде, как его показывали на презентации, и это немного сбивает с толку. Возможно, в реальных проектах придется адаптировать интерфейсы, чтобы они лучше сочетались с текущими обновлениями iOS 26. ❤️ — жидкое стекло, как показали на презентации, кайф! 🔥 — кайф, это когда хоть что-то читается!
Изображение поста

А вы уже заценили glass effect в figma?

после обновления ui apple (ios 26), figma также выпустила бета-версию эффекта стекла с реалистичной глубиной и преломлением света ну круть я считаю, можно классные детальки для оформления придумать, что я сейчас и делаю для скорейшегоближайшего интенсива что? интенсив? 🤔🫢

Нам это айфоновское стекло уже абсолютно понятно

А если вам нет, то вот тут мы разговаривали о новой iOS с нашим главным специалистом по мобилкам — старшим продуктовым дизайнером в британском финтехе Funding Circle и преподавательницей курса «Дизайн мобильных приложений» Аней Матвеевой. Новый UI Kit от Apple появился в Figma, так что каждый желающий может его «потрогать», поругать или восхититься. → Ну а с нас — два коротких курса, чтобы максимально экспертно обсуждать подобные обновления: Узнаете все особенности гайдлайнов iOS и Android и последовательно пройдете весь цикл дизайна — на курсе «Дизайн мобильных прикложений». Научитесть отличать UI-кит от дизайн-системы и узнаете, как организовать эффективное взаимодействие с разработчиками — на курсе «Дизайн-системы».
Изображение поста

Выделители текста из iOS | #графика

Полезные элементы для создания цепляющих визуалов. Не забудь нажать реакцию и поделиться с друзьями ☁️ Скачать Источник Материалы и уроки для дизайнеров — Design Loot
Изображение поста
Export Image for Native
Плагин экспорта графики для Android и iOS. Install 😗 Фигмач
Изображение поста
Коллекция из 1785 стикеров Memoji.
• Самая большая подборка Memoji в Figma Community • 35 персонажей в 51 позе каждый + 6 новых поз из iOS 16 • Векторные стикеры с прозрачным фоном #memoji #stickers #emotions Открыть в Figma
Разный взгляд на новый вид iOS
Это рубрика «Разный взгляд», где начинающий и опытный специалист отвечают на один и тот же вопрос или делятся мнением о событии. → С опытной стороны: Лена Плинер, UX/UI Дизайнер с упором на логику и архитектуру → В роли начинающего: Лера Карелина, UX/UI Дизайнер 🔍 Сегодня обсуждаем самое крупное обновление визуала системы iOS со времён iOS 7 Речь идёт о стиле Liquid Glass, что дословно переводится как «жидкое стекло». Он сочетает в себе эстетику стекла с водой и скоро будет доступен на всех операционных системах Apple. Лена: С появлением Liquid Glass визуальная среда становится чувствительнее к контексту: движению, фону, освещению. Какое распространение эффект получит в продуктах после релиза неизвестно, но можно предположить, что: Для пользователя Пользователь получает единый визуальный язык на всех устройствах. Интерфейс воспринимается более живым: элементы как будто встроены в экран и меняются в зависимости от контента под ними. Пользователь получает больший фокус на содержимом. Для интерфейса В интерфейсах с высокой плотностью данных эффект может нарушить визуальную иерархию, усложнить восприятие. Здесь потребуется локализация эффекта: только в вспомогательных слоях, не затрагивающих ключевой контент. Для дизайнеров Статичный макет не даст полного представления о работе интерфейса. Чтобы показать, как Liquid Glass влияет на интерфейс, потребуется интерактив. Дизайнеру придется заранее продумывать, где прозрачность допустима, определять зону уместности эффекта. Дизайн-системам потребуется не только визуальное обновление, но и новая логика поведения компонентов. Придётся больше работать с состояниями, сценариями и реакцией сред. Возможно, мы получим еще одну точку роста для UI, а судьбу эффектов решит практика применения Лера: Оценю дизайн с двух точек зрения — как пользователь и дизайнер. С точки зрения дизайнера, интерфейс выглядит довольно свежо и предлагает значительные изменения по сравнению с предыдущими версиями. Мне кажется, что Apple не только идёт в ногу со временем, но и несколько опережает его, потому что будущее видится таким, что интерфейс постепенно перейдет с наших экранов смартфонов и ноутбуков в физический мир, где мы, как пользователи, будем взаимодействовать с интерфейсом в нашей реальности (с помощью очков дополненной реальности, например). И вот этот интерфейс, который представляет собой форму жидкого стекла, очень органично будет вписан в физический мир и не будет мешать его восприятию. Apple словно подготавливает нас к такому будущему. С точки зрения пользователя я понимаю, что некоторые изменения могут повлиять на удобство использования. Например, новые визуальные эффекты могут усложнить читаемость и навигацию, особенно в первых версиях. Но так как это бета-версия, возможно, до релиза Apple внесёт какие-то ключевые правки. В целом, как дизайнер, вижу ценность в том, что Apple продолжает экспериментировать с формами, светом, глубиной, задаёт новые тренды. Это вдохновляет искать баланс между эстетикой и функцией, которые являются ключевыми аспектами хорошего интерфейса.
Изображение поста
Introducing Figma’s new glass effect and Apple’s iOS and iPadOS 26 UI kit
There’s a new effect on the block: glass. More details: https://ift.tt/Yfx1PDO @figmareleasenotes
Сегодня в Figma обещали добавить материал стекла, можно будет делать оригинальный эффект Liquid Glass из iOS 26
Scan Thing — приложения для iOS, iPadOS которое позволяет захватывать, вырезать или перемещать любые объекты с изображений или с помощью камеры.
scanthing.app
UI Kit для приложения знакомств.
• 25+ экранов с полным пользовательским сценарием • Готовые компоненты для свайпов, чатов и профилей • Адаптивный дизайн под iOS и Android #app #mobile #ux Открыть в Figma
50 Mobile Bottom Navigation Bar.
Готовые Figma-компоненты 50+ мобильных навигационных панелей с поддержкой темной/светлой темы и адаптацией под iOS/Android. Открыть в figma 🔗 #Файлы
Изображение поста
iOS 18 + iPadOS 18 UI Kit
Дизайн система iOS 18 💾 Открыть Dropzz #UI
Изображение поста
История циклична, в данном случае уже трижды. Тестирую со вчерашнего дня Liquid Glass в бета-версию iOS 26, очередное обновление которой было вчера вечером.
Первые впечатления такие. Не буду пока высказываться по поводу версии рестайлинга Aqua, само по себе возвращение тенденций ничего не значит, если они применяются корректно. Но. Баланс между красотой и читаемостью отсутствует. Контраст крайне не нравится, ощущения хаоса, некомфорта для глаз. Пока не вижу для себя того, что могло бы улучшить взаимодействие с интерфейсом. Все "внешнее" давно не вызывает у меня удовольствия только своим фактом появления: я сразу начинаю думать как это отразиться на использовании и изменениях в работе. Но больше всего у меня вызывает опасения применения Liquid Glass в b2b. Корпоративная аудитория ожидает стабильности, удобства, относительной простоты применения, а не подвижности и внешних эффектах. Стеклянные элементы могут вести себя непредсказуемо при высокой плотности данных. Финальная оценка была бы корректна после финального релиза iOS 26, которая планируется в сентябре и тестирования приложений, подстроенных под . Кто тестировал? Какие у вас мнения? #дизайн #тенденции #ios Дизайнер на всю голову
Изображение поста
Шрифт "Meganek" by Iordanis Passas Узкий шрифт из 2018 года, который точно не потерял своей актуальности. Станет отличным дополнением вашего дизайна, ведь он полностью бесплатен для личного и коммерческого использования, а так же поддерживает кириллицу и латиницу.
Изображение поста
🎥 Полноценный 3D на телефоне - #Урок
Сам пост будет заряжен ссылками на полезные источники и решениями. Пользу выдам - ну и от вас жду реакций, не скупитесь ❤️ Обычно говорят, что Alight Motion - это After Effects для телефонов. Но на самом деле по функционалу ближе оказался герой этого поста - Node Video. Псс… в нём можно даже прописывать экспрешены 🤫 Именно в Node Video можно добавлять 3D-модели в сцену и анимировать их. Также доступны множество функций, которых нет в других редакторах. Большой минус для большинства - непривычный и сложный интерфейс, который отсеет 95% желающих обуздать его. Но не велика проблема - потому что у вас есть я. Я сделаю урок, как можно совмещать его с другими приложениями, не прилагая больших усилий. Дайте 100 реакций - для прилива сил 🏋️‍♂️. 📱 Приложение доступно: для iOS 📱 для Android📱 Если вы из России или хотите подписку дешевле - можно купить её на GGsel 👈🏻 ‼️ Откуда брать 3D-модели? 1. ТОП безусловно — Sketchfab Там огромное количество бесплатных 3D-моделей. Обязательно поставьте галочку Downloadable - тогда будут показываться только те модели, которые можно скачать или купить. 2. Другие источники: https://free3d.com/ https://www.turbosquid.com/ https://www.cgtrader.com/ https://www.cadnav.com/ https://open3dmodel.com/ https://3ddd.ru/ https://zeelproject.com/ https://3djungle.ru/ ___________________ ‼️ Какой формат качать? Node Video поддерживает FBX и OBJ. Если в модели есть текстуры или анимация - качайте архив и указывайте его в файлах. Но я бы не рекомендовал начинать с этого, пока не освоитесь и чтобы просчет превью не замедлять. Лучше всего, если есть возможность, качать GLB-формат - он уже содержит встроенные текстуры. Затем конвертировать его в FBX на этом #convert">сайте: Если модель без текстур - сразу качайте FBX. ___________________ ‼️ Не нашли нужной 3D-модели? Можно сгенерировать на Tripo.ai Получаются неплохие модели из картинки, которые можно использовать в Node Video. Подробнее писал об этом тут 👈🏻 ___________________ Упоминания в этом посте заслуживает мой ученик - Байел, который где то год назад дал наводку на это приложение Заряжено по полной. Пользуйтесь и не забудьте оставить ❤️, если было полезно. 🔎 [Большой пак для монтажа] ℹ️ информация об обучении
Через 1 час начнется воркшоп Шригликраш
Куратор воркшопа — Женя Власова, художница. Работала над проектами Bork, Garage Mca, Peak store, Uber Russia, DVKB, Resume io, Яндекс. А также с изданиями: The Blueprint, Такие дела, The Village, Афиша. Что будет происходить: Нарисовать как Шригли. Воркшоп о том, как говорить рисунком — громко, иронично и не слишком красиво. Будем смотреть на фото, вычленять из них самую простую, но цепляющую мысль — и превращать в высказывание. Ни гармонии, ни композиции, ни страха. Только ты, ручка и немного злого смысла. Запись будет на этом канале 🎁 Интервью с Женей 📌 Ссылка на Zoom
Изображение поста
iOS 18 UI Kit для реалистичных прототипов.
• Готовые экраны с анимациями iOS 18 (разблокировка, запуск приложений) • Нативные жесты: переключение приложений свайпом, контекстные меню с тактильной отдачей • Интерактивная клавиатура с анимацией нажатий • Автолейаут, варианты и Smart Animate — без плагинов #ios #animate #prototype Открыть в Figma