Звуки для сна — комплект пользовательского интерфейса мобильного приложения.

• 40+ экранов.
• Дизайн для ios и android.

#app #mobile #ios #android

Открыть в Figma

Источник

👨 Дизайн-телега

В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Последние годы были про инкрементальные улучшения, но на этот раз выкатили сверх-яркий стилёвый взрыв.

Большие визуально-интерактивное обновление назвали «жидкое стекло» и это одно из ярчайших явлений в профессии за последние годы. «Liquid glass» — динамический материал, который используется для элементов управления и панелей. Логика сборки экранов при этом не сильно поменялась, но по факту это сильно больше, чем просто тема оформления.

Первая реакция у меня и многих обсуждающих этот дроп — откопали виртуальные тренды «стекломорфизм» и «нейроморфизм» прошлых лет, с опозданием скопировали Microsoft Fluent Design и вообще вернули 2007 с Windows Vista, а то и хуже — оттёрли нафталин с MacOS Aqua.

Но потом я посмотрел официальные дизайнерские видео про этот визуальный язык и 20 минут сидел с открытым ртом.
1. Сам материал гораздо сложнее простого матового стекла, даже красиво обрабатывающего цветовые пятна в духе теликов с фоновой подсветкой. Физика преломления света сложная, ближе именно к воде.
2. Это интерактивный брендинг, предназначенный для интерфейсов — а они постоянно находятся в микро- и макро-движении. И тут эта магия преломлений гипнотизирует.
3. Реакция на нажатие вообще с другой планеты — материал деформируется.
4. Панели умеют в мягкие размытие и смену цвета текста плюс иконок в зависимости от фона.
5. Элементы вне фокуса становятся визуально проще, чтобы не отвлекать.
6. Жидкое стекло может краситься в цвет темы оформления и это отдельная магия карамелек.

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

Приземление пока хромает — в реальных демках есть very somnitelnie resheniya или вообще лубок. Бесконечно уродливая идея с тематизацией иконок стала ещё позорнее. Хотя тот же iOS 7 был сыроват на старте, но за пару лет превратился в лучшую версию себя.

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

Дизайн-сообщество уже вовсю изучает, как это всё устроено и пытается повторить кнопки и поверхности в Figma. А вот официальные гайдлайны:
— Обновлённые общие и раздел про материалы
— Внедрение жидкого стекла для разработчиков

iOS 26
(Снова) редизайн приложения фото.

Полезные видео для дизайнеров:
— Get to know the new design system
— Say hello to the new look of app icons
— Design interactive snippets
— Create icons with Icon Composer
— What’s new in SF Symbols 7
— Design foundations from idea to interface
— Make a big impact with small writing changes
— Principles of inclusive app design
— Evaluate your app for Accessibility Nutrition Labels
— Customize your app for Assistive Access

Победители Apple Design Awards.

iPadOS 26
Планшет стал ещё ближе к компьютеру (хотя с ограничениями операционки это всё равно утыкается во много стен): меню и замусоренный окнами рабочий стол как на MacOS. Некогда анти-компьютер с более простым взаимодействием навернул борща, оставшись в рамках ограничений своего форм-фактора.

Полезные видео:
— Elevate the design of your iPad app

watchOS 26
Можно управлять уведомлениями с помощью поворота запястьем.

macOS Tahoe
Полезные видео:
— Make your Mac app more accessible to everyone

visionOS 26
Прокрутка глазами, поддержка контроллеров плойки.

Полезные видео:
— Design widgets for visionOS
— Design hover interactions for visionOS

Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле, а разработчики могут поставить её уже сейчас.

#ios #trends #events

The Survival K for iOS

Бесплатный набор для Figma: гайды Apple, компоненты, шрифты и иконки — всё, чтобы быстро собрать iOS-приложение.

#UIk #iOS

ОТКРЫТЬ

Nucleus: бесплатная библиотека компонентов UI для мобильного приложения.

• Более 300 компонентов (+ варианты)
• Более 50+ категорий компонентов (кнопки, переключатели, текстовые поля и т. д.)
• 36 скринов для примеров
• сетка 4pt

#UIk #iOS #app #UI

Открыть в Figma

Комплект пользовательского интерфейса для iOS 16

В комплект входят всевозможные компоненты, которые помогут вам создавать экраны пользовательского интерфейса для iOS 16 от Apple.

• Есть светлый и темный режим

#UIk #iOS

Открыть в Figma

Источник

UI K IOS 16

• K набор интерфейса в стиле IOS 16

#ios #UIk

Открыть в Figma

Клавиатуры для iOS.

• iPhone SE, 8, 8 Plus, iPhone X, iPad 9,7", iPad 10,5", iPad 12,9.
• В книжной и альбомной ориентации.
• В черно-белой тематике.
• В верхнем и нижнем регистре.

#components #keyboard #mobile #ios

Открыть в Figma

Заказ такси — 55 бесплатных UI экранов для iOS.

• Более 5000 иконок в дизайне iOS.
• Чистый и современный дизайн.
• Структурированные слои.

#uik #ios #app

Открыть в Figma

Бесплатные мокапы для iPhone 14 в минималистичном стиле.

• Темная и светлая темы

#mockup #iphone #iOS

Открыть в Figma

Ресурсы Apple для дизайна — iOS 17 и iPadOS 17

Первый официальный комплект дизайна Apple для Figma содержит полный набор компонентов, системных интерфейсов, стилей текста, цветовых стилей, материалов и руководств по компоновке.

Все основные компоненты, необходимые для быстрого создания высокореалистичных дизайнов приложений для iOS и iPadOS.

#DesignSystem #Uik #Apple #iOS

Открыть в Figma

В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Всё про оптимизацию прошлогоднего запуска «жидкого стекла» и внедрение Apple Intelligence.
 
Оптимизируют и дизайн-решения — можно вручную настроить стилизацию интерфейсов. И производительность работы самой ОС и приложений. На полировку крупного редизайна такой большой платформы нужно полтора-два года, они как раз набегут к осени.
 
Иконки приложений теперь тоже используют «жидкое стекло».
 
Apple Intelligence и новую Siri спустя два года всё-таки запустили и встроили везде. За основу взяли Google Gemini и своих моделей. Она работает через «динамический остров» и новое отдельное приложение в привычном чате. А также интегрирована в стандартные приложения, может искать по файлам и другому контенту, распознавать то что видит камера.
 
Xcode пришёл в ИИ-эпоху — теперь это тоже среда агентной разработки. Видео с разбором возможностей.
 
iOS 27:
Самое интересное в развитии «жидкого стекла» — то, как выглядит работа с Siri. Вид самого пузыря, эффекты нижней границы динамического острова и вся динамика его работы — ещё выглядит ещё тактильнее.
 
В фотографиях можно поменять ракурс — нейронка дорисует недостающие части. И стало проще генерировать Genmoji.
 
Энтузиасты нашли следы поддержки гибких экранов, про которые говорят давно и даже утекал какой-то прототип.
 
Полезные видео для дизайнеров:
— Communicate your brand identity on iOS
— Compose advanced graphics effects with SwiftUI
— Craft clear names for features and labels in your app
— Create UI prototypes using agents in Xcode
— Design intuitive search experiences
— Enhance the accessibility of your reading app
— Principles of great design
 
Победители Apple Design Awards этого года .
 
Официальный UI Kit пока есть только для Sketch. Но энтузиасты уже наклепали шаблонов в сообществе Figma: динамический остров с Siri, жидкое стекло в целом и всякое такое.
 
iPadOS 27, watchOS 27, macOS Golden Gate — всё так же про общий тюнинг и доработки жидкого стекла.
 
visionOS 27:
Полезные видео для дизайнеров:
— Design immersive environments for visionOS apps and the spatial web
— Design no-code games with Reality Composer Pro 3
 
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в конце июня, а разработчики могут поставить её уже сейчас.
 
#ios #trends #events