SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
@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
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
Tackling iPhone X
iPhone SE iPhone 8 iPhone X iPhone 8 Plus
Il confronto con le altre versioni di iPhone
3
Tackling iPhone X
4
Aspect Ratio
• iPhone 8: 16:9
• iPhone X: 19:9
iPhone 8 iPhone X
Tackling iPhone X
Il confronto tra
iPhone 8 e iPhone X
5
Dimensioni schermo
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
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.
Tackling iPhone X
8
Gestione della Safe Area
Tackling iPhone X
9
Gestione della Safe Area
Tackling iPhone X
Reference: https://css-tricks.com/the-notch-and-css/
Prima
Dopo
10
Gestione della Safe Area per siti web
Tackling iPhone X
11
Do & Dont’s: Notch edition
Tackling iPhone X
12
Do & Dont’s: Notch editionDo & Dont’s: Notch edition
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
Tackling iPhone X
14
Confronto tra risoluzioni dello schermo
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
@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

Más contenido relacionado

Similar a iPhone X - Le caratteristiche tecniche del nuovo device Apple

Define & design apps for success
Define & design apps for successDefine & design apps for success
Define & design apps for successAcrmnet s.r.l.
 
Tech webinar: iOS Get Started
Tech webinar: iOS Get StartedTech webinar: iOS Get Started
Tech webinar: iOS Get StartedCodemotion
 
Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)Alessandro Bogliolo
 
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7Salvatore Laisa
 
Programmiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouchProgrammiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouchStefano Ottaviani
 
Tecnologopercaso 2013 jul aug lug ago
Tecnologopercaso 2013 jul aug   lug agoTecnologopercaso 2013 jul aug   lug ago
Tecnologopercaso 2013 jul aug lug agoEdward Voskeritchian
 
Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...
Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...
Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...Codemotion
 
Sim Smartphone Packing MediaTek's Helio X10 Chipset
Sim Smartphone Packing MediaTek's Helio X10 Chipset
Sim Smartphone Packing MediaTek's Helio X10 Chipset
Sim Smartphone Packing MediaTek's Helio X10 Chipset dullfixation170
 
SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7
SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7
SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7Whymca
 
Tecnologopercaso Magazine october 2013 ottobre
Tecnologopercaso Magazine october 2013 ottobreTecnologopercaso Magazine october 2013 ottobre
Tecnologopercaso Magazine october 2013 ottobreEdward Voskeritchian
 
Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto
 Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto
Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progettoMicrosoft Mobile Developer
 

Similar a iPhone X - Le caratteristiche tecniche del nuovo device Apple (20)

Lenovo Thinkpad_x250
Lenovo Thinkpad_x250Lenovo Thinkpad_x250
Lenovo Thinkpad_x250
 
Define & design apps for success
Define & design apps for successDefine & design apps for success
Define & design apps for success
 
MonoTouch, un anno dopo
MonoTouch, un anno dopoMonoTouch, un anno dopo
MonoTouch, un anno dopo
 
Tech webinar: iOS Get Started
Tech webinar: iOS Get StartedTech webinar: iOS Get Started
Tech webinar: iOS Get Started
 
Apple
AppleApple
Apple
 
Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)
 
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
 
Tpc Mag july august
Tpc Mag july augustTpc Mag july august
Tpc Mag july august
 
Tobii ceye-webSR Labs - Healthcare - Tobii C12- CEye
Tobii ceye-webSR Labs - Healthcare - Tobii C12- CEyeTobii ceye-webSR Labs - Healthcare - Tobii C12- CEye
Tobii ceye-webSR Labs - Healthcare - Tobii C12- CEye
 
Programmiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouchProgrammiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouch
 
iOS Programming
iOS ProgrammingiOS Programming
iOS Programming
 
Tecnologopercaso 2013 jul aug lug ago
Tecnologopercaso 2013 jul aug   lug agoTecnologopercaso 2013 jul aug   lug ago
Tecnologopercaso 2013 jul aug lug ago
 
Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...
Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...
Sviluppare applicazioni per iOS: Vantaggi e svantaggi dei vari framework, by ...
 
Passare A Mac
Passare A MacPassare A Mac
Passare A Mac
 
Sim Smartphone Packing MediaTek's Helio X10 Chipset
Sim Smartphone Packing MediaTek's Helio X10 Chipset
Sim Smartphone Packing MediaTek's Helio X10 Chipset
Sim Smartphone Packing MediaTek's Helio X10 Chipset
 
Sviluppare Per Apple iPhone
Sviluppare Per Apple iPhoneSviluppare Per Apple iPhone
Sviluppare Per Apple iPhone
 
Acquisizione forense di dispositivi iOS
Acquisizione forense di dispositivi iOSAcquisizione forense di dispositivi iOS
Acquisizione forense di dispositivi iOS
 
SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7
SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7
SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7
 
Tecnologopercaso Magazine october 2013 ottobre
Tecnologopercaso Magazine october 2013 ottobreTecnologopercaso Magazine october 2013 ottobre
Tecnologopercaso Magazine october 2013 ottobre
 
Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto
 Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto
Le basi per lo sviluppo su Windows Phone tool, SDK, il primo progetto
 

Más de IQUII

Strategie di profilazione dei fan e l'engagement in varie discipline sportive
Strategie di profilazione dei fan e l'engagement in varie discipline sportiveStrategie di profilazione dei fan e l'engagement in varie discipline sportive
Strategie di profilazione dei fan e l'engagement in varie discipline sportiveIQUII
 
"The European Football Club" Report *20th edition* | #SportInsight
"The European Football Club" Report *20th edition* | #SportInsight"The European Football Club" Report *20th edition* | #SportInsight
"The European Football Club" Report *20th edition* | #SportInsightIQUII
 
Tech & Digital Trends 2019
Tech & Digital Trends 2019Tech & Digital Trends 2019
Tech & Digital Trends 2019IQUII
 
IQUII > Culture Code - ENG
IQUII > Culture Code - ENGIQUII > Culture Code - ENG
IQUII > Culture Code - ENGIQUII
 
IQUII > Culture Code - ITA
IQUII > Culture Code - ITAIQUII > Culture Code - ITA
IQUII > Culture Code - ITAIQUII
 
Tech & Digital Trends 2018
Tech & Digital Trends 2018Tech & Digital Trends 2018
Tech & Digital Trends 2018IQUII
 
Enterprise App Ecosystem: the benefits of a mobile, scalable and flexible ec...
Enterprise App Ecosystem: the benefits of a mobile,  scalable and flexible ec...Enterprise App Ecosystem: the benefits of a mobile,  scalable and flexible ec...
Enterprise App Ecosystem: the benefits of a mobile, scalable and flexible ec...IQUII
 
Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...
Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...
Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...IQUII
 
Tech & Digital Trend 2017
Tech & Digital Trend 2017Tech & Digital Trend 2017
Tech & Digital Trend 2017IQUII
 
Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...
Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...
Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...IQUII
 
Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...
Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...
Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...IQUII
 
Mobile App Engagement: come attivare il comportamento degli utenti - Social M...
Mobile App Engagement: come attivare il comportamento degli utenti - Social M...Mobile App Engagement: come attivare il comportamento degli utenti - Social M...
Mobile App Engagement: come attivare il comportamento degli utenti - Social M...IQUII
 
Mobile App Marketing @ Social Media Week 2016
Mobile App Marketing @ Social Media Week 2016Mobile App Marketing @ Social Media Week 2016
Mobile App Marketing @ Social Media Week 2016IQUII
 
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...IQUII
 
#QuriosityCamp: le app progettate dai bambini
#QuriosityCamp: le app progettate dai bambini#QuriosityCamp: le app progettate dai bambini
#QuriosityCamp: le app progettate dai bambiniIQUII
 
Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...
Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...
Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...IQUII
 
Mobile Engagement [#openIQUII - Workshop]
Mobile Engagement [#openIQUII - Workshop]Mobile Engagement [#openIQUII - Workshop]
Mobile Engagement [#openIQUII - Workshop]IQUII
 
Top Tech & Digital Trends 2016
Top Tech & Digital Trends 2016Top Tech & Digital Trends 2016
Top Tech & Digital Trends 2016IQUII
 
Growth Hacking - [#shareIQUII - Workshop]
Growth Hacking - [#shareIQUII - Workshop]Growth Hacking - [#shareIQUII - Workshop]
Growth Hacking - [#shareIQUII - Workshop]IQUII
 
Software Engineering Practices - [#OpenIQUII - Workshop]
Software Engineering Practices - [#OpenIQUII - Workshop]Software Engineering Practices - [#OpenIQUII - Workshop]
Software Engineering Practices - [#OpenIQUII - Workshop]IQUII
 

Más de IQUII (20)

Strategie di profilazione dei fan e l'engagement in varie discipline sportive
Strategie di profilazione dei fan e l'engagement in varie discipline sportiveStrategie di profilazione dei fan e l'engagement in varie discipline sportive
Strategie di profilazione dei fan e l'engagement in varie discipline sportive
 
"The European Football Club" Report *20th edition* | #SportInsight
"The European Football Club" Report *20th edition* | #SportInsight"The European Football Club" Report *20th edition* | #SportInsight
"The European Football Club" Report *20th edition* | #SportInsight
 
Tech & Digital Trends 2019
Tech & Digital Trends 2019Tech & Digital Trends 2019
Tech & Digital Trends 2019
 
IQUII > Culture Code - ENG
IQUII > Culture Code - ENGIQUII > Culture Code - ENG
IQUII > Culture Code - ENG
 
IQUII > Culture Code - ITA
IQUII > Culture Code - ITAIQUII > Culture Code - ITA
IQUII > Culture Code - ITA
 
Tech & Digital Trends 2018
Tech & Digital Trends 2018Tech & Digital Trends 2018
Tech & Digital Trends 2018
 
Enterprise App Ecosystem: the benefits of a mobile, scalable and flexible ec...
Enterprise App Ecosystem: the benefits of a mobile,  scalable and flexible ec...Enterprise App Ecosystem: the benefits of a mobile,  scalable and flexible ec...
Enterprise App Ecosystem: the benefits of a mobile, scalable and flexible ec...
 
Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...
Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...
Enterprise App Ecosystem: i vantaggi di un ecosistema mobile scalabile e fles...
 
Tech & Digital Trend 2017
Tech & Digital Trend 2017Tech & Digital Trend 2017
Tech & Digital Trend 2017
 
Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...
Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...
Automatizzare il Customer Care con Chatbot e Intelligenza Artificiale - Talk ...
 
Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...
Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...
Mobile App Analytics: misurare le performance e individuare i KPI utili al bu...
 
Mobile App Engagement: come attivare il comportamento degli utenti - Social M...
Mobile App Engagement: come attivare il comportamento degli utenti - Social M...Mobile App Engagement: come attivare il comportamento degli utenti - Social M...
Mobile App Engagement: come attivare il comportamento degli utenti - Social M...
 
Mobile App Marketing @ Social Media Week 2016
Mobile App Marketing @ Social Media Week 2016Mobile App Marketing @ Social Media Week 2016
Mobile App Marketing @ Social Media Week 2016
 
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
 
#QuriosityCamp: le app progettate dai bambini
#QuriosityCamp: le app progettate dai bambini#QuriosityCamp: le app progettate dai bambini
#QuriosityCamp: le app progettate dai bambini
 
Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...
Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...
Ubiquitous Advertising: i nuovi touchpoint del People-Based Marketing [#openI...
 
Mobile Engagement [#openIQUII - Workshop]
Mobile Engagement [#openIQUII - Workshop]Mobile Engagement [#openIQUII - Workshop]
Mobile Engagement [#openIQUII - Workshop]
 
Top Tech & Digital Trends 2016
Top Tech & Digital Trends 2016Top Tech & Digital Trends 2016
Top Tech & Digital Trends 2016
 
Growth Hacking - [#shareIQUII - Workshop]
Growth Hacking - [#shareIQUII - Workshop]Growth Hacking - [#shareIQUII - Workshop]
Growth Hacking - [#shareIQUII - Workshop]
 
Software Engineering Practices - [#OpenIQUII - Workshop]
Software Engineering Practices - [#OpenIQUII - Workshop]Software Engineering Practices - [#OpenIQUII - Workshop]
Software Engineering Practices - [#OpenIQUII - Workshop]
 

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
  • 4. Tackling iPhone X 4 Aspect Ratio • iPhone 8: 16:9 • iPhone X: 19:9 iPhone 8 iPhone X
  • 5. Tackling iPhone X Il confronto tra iPhone 8 e iPhone X 5 Dimensioni schermo
  • 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.
  • 10. Tackling iPhone X Reference: https://css-tricks.com/the-notch-and-css/ Prima Dopo 10 Gestione della Safe Area per siti web
  • 11. Tackling iPhone X 11 Do & Dont’s: Notch edition
  • 12. Tackling iPhone X 12 Do & Dont’s: Notch editionDo & Dont’s: Notch edition
  • 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
  • 14. Tackling iPhone X 14 Confronto tra risoluzioni dello schermo
  • 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