What if apple design

What’s New

Human Interface Guidelines Updated

Technologies

• SF Symbols now covers new rendering modes in SF Symbols 3 and includes enhanced guidelines for creating custom symbols
• In-App Purchase now includes auto-renewable subscriptions guidance and offers guidelines for using system-provided refund and subscription-management flows
• Widgets now covers Extra Large widgets for iPad and includes enhanced guidance throughout

• Notifications now includes guidance for using new interruption levels to help people manage their notifications

tvOS Apple Design Resources Updated

January 26, 2021

Added new tvOS design kit including a Sketch Library, design templates, components sticker sheet, guides, and more.

• Includes guides for system colors, system materials, and text styles
• Includes all major tvOS components:
  • Content Rows
  • Grouped Section Headers
  • Keyboard
  • Library Rows
  • Notifications
  • Page Divider with Segmented Control
  • Page Headers
  • Page Indicator
  • Picture in Picture (PIP)
  • Row Headers
  • Segmented Controls
  • Sidebar Button
  • Tab Bar
  • Table View Buttons
  • Table View Rows
  • Text Buttons
  • Top Shelf Button
• Includes numerous design templates, mostly mirroring what’s provided by the system and TVML.
  • Alerts
  • Authentication
  • Content Collection
  • Content Compilation
  • Content Library
  • Content List
  • Control Center
  • Form Input
  • Home Screen
  • HUD Panel
  • Loading
  • Menu Bar
  • Parade
  • Picture in Picture (PIP)
  • Product
  • Product Bundle
  • Product Page
  • Rating
  • Search
  • Search Grid
  • Stack
  • Tabbed App
  • Top Shelf
  • TV App
  • Video Player

macOS Apple Design Resources Updated

January 22, 2021

Updated macOS design kit to Big Sur (Sketch only). Includes a Sketch Library, design templates, components sticker sheet, guides, and more.

• Includes all major AppKit components:
  • Alerts
  • Arrow Buttons
  • Checkboxes
  • Circular Slider
  • Color Well
  • Combo Boxes
  • Cursors
  • Disclosure Buttons
  • Group Boxes
  • Help Buttons
  • Image Well
  • Lists
  • Menus
  • Notifications
  • Pop-Up Buttons
  • Popovers
  • Progress Indicators (Circular and Bar)
  • Pull Down Buttons
  • Push Buttons
  • Quick Look
  • Radio Buttons
  • Save Dialogs
  • Search Fields
  • Segmented Controls
  • Sheets
  • Sidebar
  • Sliders (Continuous, Ticked)
  • Stepper
  • Switches
  • Text Fields
  • Title Bars
  • Toggle Buttons
  • Toolbars
  • Tooltip
  • Windows
• Includes guides for system colors, system materials, and text styles.

Источник

Meet the 2021
Apple Design Award Winners

The Apple Design Awards honor excellence in innovation, ingenuity, and technical achievement in app and game design.

Streaming is available in most browsers,
and in the Apple Developer app.

Inclusivity Winners

Winners in this category provide a great experience for all by supporting people from a diversity of backgrounds, abilities, and languages.

HoloVista

Aconite

HoloVista supports a wide variety of accessibility features, including options for motion control, text sizes, text contrast, sound, and visual effect intensity. Purposeful interactions and considerations help achieve gameplay that can be experienced and perceived in more than one way.

Available on iPhone and iPad

Voice Dream Reader

Voice Dream LLC

Voice Dream Reader is a best-in-class text-to-speech app that reads text aloud from just about any digital source, whether it’s a web page or PDF, in more than two dozen languages. Its adaptive features and high level of customizable settings allow anyone to choose a voice with the perfect tone, timbre, accent, and speed for an optimal reading experience.

Available on iPhone, iPad, and Apple Watch

Finalists

1Password

A Monster’s Expedition

Me: A Kid’s Diary by Tinybop

Delight and Fun Winners

Winners in this category provide memorable, engaging, and satisfying experiences that are enhanced by Apple technologies.

Little Orpheus

The Chinese Room

Little Orpheus is an enjoyable platformer that brings easy controls, excellent storytelling, and a console-like experience to a casual game. Throughout its diverse variety of levels, this game packs a clever surprise at every turn while keeping things light with its comical dialogue.

Available on iPhone, iPad, and Apple TV

Pok Pok Playroom

Pok Pok

Pok Pok Playroom is a playful, and beautifully animated app that captivates users with its thoughtful design and mesmerizing interactions. Thanks to its subtle haptics and spot-on sound effects, this app provides endless hours of fun for kids of all ages, while rewarding creativity and experimentation.

Available on iPhone and iPad

Finalists

Poolsuite FM

RakugakiAR

Wonderbox

AQUIRIS GAME STUDIO LLC

South of the Circle

State of Play Games

Interaction Winners

Winners in this category deliver intuitive interfaces and effortless controls that are perfectly tailored to their platform.

Bird Alone

George Batchelor

Bird Alone’s explorative interactions combine gestures, haptics, parallax, and dynamic sound effects that imbues richness into its world. The game is brought to life through clever notification integration, graphics, and music that changes depending on the real-world weather, season, and time of day.

Available on iPhone and iPad

CARROT Weather

Brian Mueller, Grailr LLC

CARROT Weather is known for its humorous forecasts and unique visuals. A recent design update has brought simplicity and elegance to its experience across all Apple platforms. From witty weather projections, to a robust set of customizable widgets and a collection of useful watch faces, this app comes packed with endless entertainment.

Available on iPhone, iPad, and Apple Watch

Finalists

Craft

Luki Labs Limited

Wonderbox

AQUIRIS GAME STUDIO LLC

Social Impact Winners

Winners in this category improve lives in a meaningful way and shine a light on crucial issues.

Alba: A Wildlife Adventure

ustwo games

With a natural reserve being bulldozed by the city to make a hotel, Alba saves local wildlife, repairs the bridge in the reserve, and cleans up trash around town. This game demonstrates the positivity that comes from respecting the environment, while telling a story about family, community, activism, and kindness. For every copy of the game downloaded, one tree will be planted to help a reforestation project in Madagascar.

Available on iPhone, iPad, Mac, and Apple TV

Be My Eyes

Be My Eyes

Be My Eyes enables people who are blind and low-vision to identify objects by pairing them with volunteers from around the world using their camera. The app supports more than 300,000 blind and low-vision users and more than 4.5 million volunteers, across 150+ countries and 180+ languages.

Available on iPhone and iPad

Finalists

Brief

If Found.

Klima

Climate Labs GmbH

Attentat 1942

Charles Games s.r.o.

Visuals and Graphics Winners

Winners in this category feature stunning imagery, skillfully drawn interfaces, and high-quality animations that lend to a distinctive and cohesive theme.

Genshin Impact

miHoYo Limited

Genshin Impact’s heart-pounding battle scenes and far-reaching landscapes push the visual frontier for mobile gaming. Motion blur, shadow quality, and frame rate can be reconfigured on the fly whether players are obliterating slime monsters, summoning earthquakes, flinging lightning, or guiding the wind itself to supercharge flames and blizzards.

Available on iPhone and iPad

Loóna

Loona Inc

Loóna offers gracefully animated sleepscape sessions that combine relaxing activities, storytelling, and atmospheric sounds. Every aspect of its interface — type, color, animation, and 3D content — has been crafted with precision to create a soothing, calming experience.

Available on iPhone and iPad

Finalists

Beyond a Steel Sky

Mission to Mars AR

(Not Boring) Weather

Little Orpheus

The Chinese Room

Innovation Winners

Winners in this category provide a state-of-the-art experience through novel use of Apple technologies that set them apart in their genre.

League of Legends: Wild Rift

Riot Games

League of Legends: Wild Rift takes a complex PC game and delivers its full experience on mobile. The team at Riot Games has reimagined this beloved title from the ground up, giving players total immersion in the League of Legends universe through polished touchscreen controls that have been designed specifically for mobile, an auto-targeting system to help newcomers find their footing, mobile-exclusive camera settings, and much more.

Available on iPhone and iPad

NaadSadhana

Sandeep Ranade

NaadSadhana is an all-in-one, studio-quality music app that helps musicians of all genres and any expertise perform and publish their music without boundaries. After first finding its tune as an app for practicing Indian classical singing, NaadSadhana has expanded to support seven different genres of music. And with the help of artificial intelligence and Core ML, the app listens as a singer improvises a vocal line, provides instant feedback on the accuracy of notes, and generates a backing track to match, all in real time.

Источник

What if apple design

People generally want to be able to use their favorite apps on all of their devices and in any context. To meet this expectation, design an adaptable interface by configuring UI elements and layouts to automatically change shape and size on different devices, during multitasking on iPad, in split view, when the screen rotates, and more.

Device Screen Sizes and Orientations

iOS devices have a variety of screen sizes and people can use them in either portrait or landscape orientation. In edge-to-edge devices like iPhone X and iPad Pro, the display has rounded corners that closely match the device’s overall dimensions. Other devices — such as iPhone SE and iPad Air — have a rectangular display.

If your app runs on a specific device, make sure it runs on every screen size for that device. In other words, an iPhone-only app must run on every iPhone screen size and an iPad-only app must run on every iPad screen size.

Device	Dimensions (portrait)
12.9″ iPad Pro	1024×1366 pt (2048×2732 px @2x)
11″ iPad Pro	834×1194 pt (1668×2388 px @2x)
10.5″ iPad Pro	834×1194 pt (1668×2388 px @2x)
9.7″ iPad Pro	768×1024 pt (1536×2048 px @2x)
7.9″ iPad mini	768×1024 pt (1536×2048 px @2x)
10.5″ iPad Air	834×1112 pt (1668×2224 px @2x)
9.7″ iPad Air	768×1024 pt (1536×2048 px @2x)
10.2″ iPad	810×1080 pt (1620×2160 px @2x)
9.7″ iPad	768×1024 pt (1536×2048 px @2x)
iPhone 13 Pro Max	428×926 pt (1284×2778 px @3x)
iPhone 13 Pro	390×844 pt (1170×2532 px @3x)
iPhone 13	390×844 pt (1170×2532 px @3x)
iPhone 13 mini	375×812 pt (1125×2436 px @3x)
iPhone 12 Pro Max	428×926 pt (1284×2778 px @3x)
iPhone 12 Pro	390×844 pt (1170×2532 px @3x)
iPhone 12	390×844 pt (1170×2532 px @3x)
iPhone 12 mini	375×812 pt (1125×2436 px @3x)
iPhone 11 Pro Max	414×896 pt (1242×2688 px @3x)
iPhone 11 Pro	375×812 pt (1125×2436 px @3x)
iPhone 11	414×896 pt (828×1792 px @2x)
iPhone X S Max	414×896 pt (1242×2688 px @3x)
iPhone X S	375×812 pt (1125×2436 px @3x)
iPhone X R	414×896 pt (828×1792 px @2x)
iPhone X	375×812 pt (1125×2436 px @3x)
iPhone 8 Plus	414×736 pt (1080×1920 px @3x)
iPhone 8	375×667 pt (750×1334 px @2x)
iPhone 7 Plus	414×736 pt (1080×1920 px @3x)
iPhone 7	375×667 pt (750×1334 px @2x)
iPhone 6s Plus	414×736 pt (1080×1920 px @3x)
iPhone 6s	375×667 pt (750×1334 px @2x)
iPhone 6 Plus	414×736 pt (1080×1920 px @3x)
iPhone 6	375×667 pt (750×1334 px @2x)
4.7″ iPhone SE	375×667 pt (750×1334 px @2x)
4″ iPhone SE	320×568 pt (640×1136 px @2x)
iPod touch 5th generation and later	320×568 pt (640×1136 px @2x)

NOTE All scale factors in the table above are UIKit scale factors, which may differ from native scale factors. For developer guidance, see scale and nativeScale.

To learn how screen resolution impacts your app’s artwork, see Image Size and Resolution.

Auto Layout

Auto Layout is a development tool for constructing adaptive interfaces. Using Auto Layout, you can define rules (known as constraints) that govern the content in your app. For example, you can constrain a button so it’s always horizontally centered and positioned eight points below an image, regardless of the available screen space.

Auto Layout automatically readjusts layouts according to the constraints you specify for certain environmental variations, known as traits. You can set your app to dynamically adapt to a wide range of traits, including:

• Different device screen sizes, resolutions, and color gamuts (sRGB/P3)
• Different device orientations (portrait/landscape)
• Split view
• Multitasking modes on iPad
• Dynamic Type text-size changes
• Internationalization features that are enabled based on locale (left-to-right/right-to-left layout direction, date/time/number formatting, font variation, text length)
• System feature availability (3D Touch)

Layout Guides and Safe Areas

A layout guide defines a rectangular region that helps you position, align, and space your content on the screen. The system includes predefined layout guides that make it easy to apply standard margins around content and restrict the width of text for optimal readability. You can also define custom layout guides.

A safe area defines the area within a view that isn’t covered by a navigation bar, tab bar, toolbar, or other views a view controller might provide.

Источник