3 novembre 2017, nei negozi arrivano i primi iPhone X. Cosa cambia per sviluppatori e designer con l'arrivo del nuovo smartphone made in Cupertino?
Ecco una panoramica delle caratteristiche principali per quanto riguarda schermo, aspetto, risoluzione e gestione dei componenti fondamentali.
iPhone X - Le caratteristiche tecniche del nuovo device Apple
1. @2017 IQUII SRL. IL CONTENUTO DI QUESTO FILE È DI PROPRIETÀ DI IQUII. NON PUÒ ESSERE, NÉ
TOTALMENTE NÉ IN PARTE, COPIATO, RIPRODOTTO, PUBBLICATO O DISTRIBUITO IN QUALSIASI MODO
SENZA IL PREVENTIVO CONSENSO SCRITTO DI IQUII.
N O V E M B R E 2 0 1 7 / V.1.0 / W W W . I Q U I I . C O M
A c u r a d i :
F E D E R I C O M E L O N I
I O S D E V E L O P E R @ I Q U I I
Tackling iPhone X
2. Tackling iPhone X
2
• CPU: Apple A11 Bionic, hexa-core con GPU proprietaria e Motore neurale
• RAM: 3 GB
• Memoria interna: 64 / 256 GB
• Fotocamera posteriore: doppia fotocamera da 12 megapixel, con aperture f/1.8 (grandangolo) e f/
2.4 (teleobiettivo), con zoom ottico digitale fino a 10X, doppia stabilizzazione dell’immagine e
Quad-LED True Tone Flash. Registrazione video 4K@60FPS e 1080p@240FPS
• Fotocamera frontale: 7 megapixel con apertura f/2.2 con scansione 3D del volto e Portrait Lightning
• Schermo: 5,8” Super Retina Display, risoluzione 1.125 x 2.436 pixel, 458ppi, con HDR, True Tone e 3D
Touch
• Connettività: nano SIM, Wi-Fi 802.11ac con tecnologia MIMO, Bluetooth 5.0, GPS, GLONASS, Galileo
e QZSS, NFC, Lightning
• Dimensioni e Peso: 143,59 x 70,94 x 7,57 mm | 174 grammi
• Certificazione IP: IP67
• OS: iOS 11
Caratteristiche principali
3. Tackling iPhone X
iPhone SE iPhone 8 iPhone X iPhone 8 Plus
Il confronto con le altre versioni di iPhone
3
6. Tackling iPhone X
6
Dimensioni dei componenti fondamentali
Le nuove dimensioni dei componenti
fondamentali sono:
• Status bar: 44 pts
• Navigation bar: 97 pts
• Layout margin: 16 pts
• Tab bar: 49 pts
• Home indicator: 34 pts
7. Tackling iPhone X
7
Gestione della Safe Area
Evitare di mettere bottoni o
elementi interattivi al di fuori della
Safe Area per evitare interferenze
con comportamenti di sistema.
13. Tackling iPhone X
Usando SF nelle applicazioni, iOS gestisce in automatico il passaggio
13
Impostazioni per i font di sistema
• Testi > 20 pt: SF Pro Display
• Testi < 20 pt: SF Pro Text
15. Tackling iPhone X
• [MobileDev] How To Solve The Most Common Interface Problems When Adapting Apps UI
For iPhone X > https://medium.com/@kahseng.lee123/how-to-solve-the-most-common-
interface-problems-when-adapting-apps-ui-for-iphone-x-44c0f3c80d84
• [MobileDev] Building Apps for iPhone X > https://developer.apple.com/videos/play/
fall2017/201/
• [FrontendDev] “The Notch” and CSS > https://css-tricks.com/the-notch-and-css/
• [Design] UI Design for iPhone X: Top Elements and the Notch > http://
blog.maxrudberg.com/post/166045445103/ui-design-for-iphone-x-top-elements-and-
the-notch
• [Design] Designing for iPhone X > https://developer.apple.com/videos/play/fall2017/801/
• [Design + MobileDev + FrontendDev] Human Interface Guidelines > https://
developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/
Reference
15
16. @2017 IQUII SRL. IL CONTENUTO DI QUESTO FILE È DI PROPRIETÀ DI IQUII. NON PUÒ ESSERE, NÉ
TOTALMENTE NÉ IN PARTE, COPIATO, RIPRODOTTO, PUBBLICATO O DISTRIBUITO IN QUALSIASI MODO
SENZA IL PREVENTIVO CONSENSO SCRITTO DI IQUII.
@2017 IQUII SRL. IL CONTENUTO DI QUESTO FILE È DI PROPRIETÀ DI IQUII. NON PUÒ ESSERE, NÉ
TOTALMENTE NÉ IN PARTE, COPIATO, RIPRODOTTO, PUBBLICATO O DISTRIBUITO IN QUALSIASI MODO
SENZA IL PREVENTIVO CONSENSO SCRITTO DI IQUII.
Thank you.
FEDERICO MELONI
I O S D E V E L O P E R @ I Q U I I
EMAIL: INFO@IQUII.COM
TWITTER: @IQUII
FACEBOOK: FACEBOOK.COM/IQUIICOMPANY
N O V E M B R E 2 0 1 7 / V.1.0 / W W W . I Q U I I . C O M