Design Digest #25: головне з WWDC’23, дизайн поза часом і темні патерни

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Цей дайджест склали Олег Ідолов, Анастасія Бугаєнко, Захар Кривошия та Hamza Haj Taieb з Awesomic.

Обговорюйте дайджест у коментарях, а також в окремій спільноті ;)

🦄 Продуктовий та UI/UX дизайн

Найголовніше з WWDC 2023

Гайдлайни з visionOS | Apple Developer

• Prepare for visionOS
• Educational videos
• Spotlight on developing for visionOS
• Principles of spatial design
• Design for spatial interfaces
• Design for spatial input

iOS17

• iMessages: нові функції, зокрема анімовані стікери, покращений автокорект та нові методи обміну будь-яким контентом;
• Налаштування екрана дзвінка для окремих контактів;
• Новий горизонтальний режим ‘StandBy’ для екрана блокування;
• Інтерактивні віджети;
• Трекінг ментального здоров’я та Journal, новий застосунок-щоденник;
• Покращена автокорекція та предикативне введення.

iPadOS 17

• Інтерактивні віджети;
• Перероблений екран блокування з новим, персоналізованим виглядом. Ви можете додавати віджети, змінювати шрифти та вибирати з безлічі стилів;
• Покращена робота з PDF-файлами: нові функції, які спрощують розмітку, нотатки та підписування документів. Тепер ви можете додавати коментарі, виділяти текст і малювати в PDF-файлах за допомогою Apple Pencil;
• Ділитися файлами, фотографіями та відео у Messages тепер ще простіше.

watchOS 10

• Нові Віджети — Smart Stack;
• Нові функції для фітнесу, сну та здоров’я серця: показники тренувань, у тому числі показники бігової форми, допоможуть вам тренуватися розумніше та підвищити продуктивність;
• Новий застосунок “Medications” полегшує відстеження ваших ліків і стеження за вашими рецептами;
• Новий трекінг стадій сну та дані про частоту дихання під час сну, що допомагають краще зрозуміти ваш режим сну та визначити області для його покращення.

macOS Sonoma

• Персоналізація: віджети та заставки тепер доступні на робочому столі;
• Safari: Live Text, ключі доступу та покращений захист конфіденційності;
• Відеодзвінки: FaceTime отримує портретний режим і режим з сіткою;
• Ігри: Metal 3 забезпечує до 10 разів кращу продуктивність з графікою;
• Безпека: режим Lockdown та покращений GateKeeper.

Матеріали та шаблони для дизайнерів:

The official Apple iOS 17 and iPadOS 17 Kit, now on Figma Community

Make features discoverable with TipKit

Design dynamic Live Activities

Design Shortcuts for Spotlight

Design Spatial UI — Apple Vision Pro UX analysis | Malewicz

Статті та кейс-стаді

Error-Message Guidelines | NN/group

Practical Design Tips And Guidelines For Beginner Designers | Smashing Magazine

UX Features That Boost Revenue of Top Brands | by Vikalp Kaushik, UX Planet

The Shifting Landscape of UX Design: Embracing Generalists in the Era of Evolving Skills| by Erik Torres, Bootcamp

How Screen-Reader Users Type on and Control Mobile Devices | NN/group

Leveraging LLMs in product design: opportunities and challenges | by Irina Nik, UX Collective

Designing Sticky Menus: UX Guidelines | Smashing Magazine

The era of disappearing interfaces | Sabina Sujecka, Bootcamp

How I use ChatGPT as a UI/UX Designer | Vikalp Kaushik, UX Planet

🇺🇦Дизайн-патерни, що спричиняють цифрову залежність | telegraf.design

Проєкти

Apple announces winners of the 2023 Apple Design Awards

Behind the Design:

👁 Any Distance | App Store

👁 Universe | App Store

👁 Flighty | App Store

👁 Headspace | App Store

👁 SwingVision | App Store

* * *

👁 Diagram — Unleash your creativity with Diagram’s AI-powered design tools

👁 Now in Android — Case Study | Instrument

👁 VRTL WRLD | HOLOGRAPHIK, Ilja van Eck

👁 zajno

👁 Olga Prudka | obys

👀 Візуальна комунікація

Статті та кейс-стаді

How I used Midjourney to design a brand identity | Matty Brownell, UX Collective

I M Internazionale Milano, Magazines and Munich: we have a quick catch-up with Bureau Borsche | The Brand Identity

Neville Brody on authenticity, outrage, and his thoughts on AI | Creative Boom

How the Ragged Edge and Wise teams came together to craft a pivotal rebrand for ‘The World’s Money’ | The Brand Identity

Brand Shift, the evolution of brands and creativity in the age of AI | Rei Inamoto, UX Collective

Branding a city: What makes a successful design? | It’s Nice That

Designing the Future: How the Bauhaus Transformed Popular Culture | Elaine McKimm, Bootcamp

The Test of Time: How are designers creating long-lasting, impactful work? | It’s Nice That

Pentagram’s latest project lets you play the world’s most famous synthesizer online | Creative Boom

TfL shakes up its safety messaging with striking 3D posters from Andrew Hudson | It’s Nice That

Studio Xuxa draws attention to Spain’s heatwave crisis with retro travel posters | Creative Boom

🇺🇦Жовта Стрічка. Як символ громадського спротиву наближає деокупацію | telegraf.design

🇺🇦"Блекаут: Хроніки нашого життя під час війни росії проти України": Yakaboo презентує документальний комікс | telegraf.design

Проєкти

👁 Celebrate Pride Month with Behance

👁 Team GB Gears Up For 2024 Paris Olympics With A New Visual Identity | DESIGNTAXI

👁 Andrea Reza creates a nostalgic, lucid and lovable identity for yum cha restaurant Easy House

👁 zendesk | brand identity update

👁 wisl | brand identity by andstudio

👁 The Best in Packaging From 2023: Dieline Awards Winners Revealed

The Dieline’s Best of May 2023

+
👁 Skittles Partners With LGBTQ+ Designers For Limited-Edition Pride Packs | Dieline

👁 Marks | brand identity by Young Jerks

👁 Rise | brand identity by Gemma Mahoney

👁 ABSURDLY POSITIVE COFFEE | brand identity by Earthling Studio

👁 Pérgamo | brand identity by Jose Manuel Vega

👁 ARK | brand identity by OMSE

👁 Bloom | brand identity by Parsons

🇺🇦Kovalska Group | spiilka

👩‍🚀 Дизайн менеджмент, лідерство і кар’єрне зростання

How can ChatGPT make you a better manager? | Slava Shestopalov, Design Bridges

Design Risks: How to Assess, Mitigate, and Manage Them | NN/group

Shaping Future Interactions: AI, Ethics, and Robo-Utopia | UX Magazine

DesignOps from the ground up: paving the way in your first 60 days | UX Collective

Efficiency over craftsmanship. When the principles of design place a greater emphasis on optimizing efficiency over nurturing craftsmanship, a notable shift occurs toward industrialization | UX Collective

🇺🇦Коли настає час звільняти та звільнятися: як працівнику та компанії розійтися мирно | telegraf.design

🔠 Typography

People are mad about TikTok’s (great) new font | FastCompany

Graduation typefaces | of Type Media 22

May’s font — Lab DJR | Font of the Month Club

ROM typeface — a confident fusion of styles channeling ’60s conceptual art | Seb McLauchlan, Dinamo Typefaces

🇺🇦Docudays custom typeface | Дмитро Растворцев

🇺🇦Megogo custom typefamily | Дмитро Растворцев

🚀 Інструменти та продукти

Figma

Config Figma — Figma’s global annual conference. Join us, June 21-22 in San Francisco, and virtually.

FigJam updates: Discover new ways to bring your team’s templates, tools, and personalities into FigJam, so you can stay aligned from the first idea to the final delivery.

Adobe

Experience the future of Photoshop with Generative Fill

Sketch

Sketch v97 — Selection Improvements, Collections, Redesigned Save Dialog, Multi-Layer Renaming and overall improvements.

Також

MyMind — a private place to save your most precious notes, images, quotes, and highlights.

SVG Grabber — get all the SVG’s from a site.

Maccy — clipboard manager for macOS which does one job — keep your copy history at hand. Period.

Shottr — a free macOS screenshot app with scrolling screenshots, OCR, annotation and measurement instruments.

Randoma11y — Get random, accessible color combinations.

🤪 Меми: WWDC

Apple Vision Pro: українська версія

Приєднуйтесь до ком’юніті дизайнерів Awesomic! Відкриті позиції UI/UX Designer (US timezone), Senior Full-Stack Developer та інші.

Для дизайнерів з України Awesomic пришвидшено валідує профайл перед початком роботи із закордонними клієнтами. Відновимо економіку країни разом! 🇺🇦

Долучайтесь до нашої дизайн-спільноти, обговорюйте найгарячіші кейси та надсилайте свої меми ;)