iOS 8 potrebbe sembrare simile a iOS 7 a prima vista, ma in realtà presenta una serie di modifiche all’interfaccia che lo rendono unico. Gli sviluppatori e i designer, in particolare, noteranno le differenze più sottili che caratterizzano questa versione. Grazie a un eccellente kit di elementi GUI basato su vettori realizzato dai talenti di Mercury, il lavoro di progettazione diventa molto più semplice. L’intera interfaccia di iOS 8 è stata ricreata come elementi vettoriali, facilitando l’adattamento a diverse dimensioni di schermo.
Questo kit non è solo utile per gli esperti di interfaccia utente, ma anche per chiunque desideri creare uno storyboard o realizzare un mockup di un’app o di un’esperienza iOS 8. È un download zip gratuito e chiunque sia interessato può ottenerlo qui:
- Scarica il kit di interfaccia utente vettoriale iOS 8 di Mercury
Il kit è un file di Illustrator progettato per Adobe Illustrator CC e versioni successive, ma può essere utilizzato anche con la modalità Grafica vettoriale di Pixelmator. Quindi, anche se vuoi solo dare un’occhiata, puoi farlo senza possedere la suite di creatività Adobe.
La cura dei dettagli in questo kit di interfaccia utente iOS è impressionante. Ecco alcune caratteristiche chiave fornite da Mercury:
Pixel Grid Alignment: ci siamo concentrati sul rendere questo file pixel-perfect. Ogni elemento è allineato a un pixel, quando possibile, per garantire che tutte le risorse siano nitide e chiare. Questo include l’uso di riquadri 1px di altezza/larghezza per le linee di divisione e l’attivazione della vista raster durante il ridisegno delle icone, per assicurare la massima accuratezza. Inoltre, abbiamo disattivato «Allinea nuovi oggetti alla griglia dei pixel» nella palette Trasforma, poiché questo potrebbe compromettere i raggi degli angoli e l’allineamento delle icone. Ti suggeriamo di fare lo stesso.
Raggruppamento: abbiamo raggruppato elementi simili per facilitare il tuo lavoro. In questo modo, potrai afferrare rapidamente una risorsa e trascinarla nel tuo file o apportare modifiche isolate. Abbiamo anche raggruppato scatole trasparenti con icone e altri oggetti per evitare disallineamenti.
Campioni globali: se dai un’occhiata alla finestra dei campioni, noterai diversi campioni globali (quelli con piccoli triangoli bianchi negli angoli). Modificando uno di questi campioni (come il colore principale), vedrai che tutti i componenti si aggiornano automaticamente. Ci auguriamo che questa funzionalità ti risulti utile per gestire gli elementi tematici in base alla palette di colori della tua app.
Simboli: anche se abbiamo cercato di limitare l’uso dei simboli, noterai che abbiamo utilizzato alcuni simboli a 9 sezioni per elementi come i pulsanti della tastiera.
Naturalmente, puoi anche scaricare i file mockup in PSD per versioni precedenti di iOS, anche se quello per iOS 7 è probabilmente l’ultimo realmente utile.
Resta aggiornato su The Graphic Mac per altre scoperte interessanti.
Aggiornamenti e tendenze nel design iOS nel 2024
Nel 2024, il design delle interfacce utente per iOS continua a evolversi, con un focus maggiore sull’accessibilità e sull’usabilità. Le nuove linee guida di Apple incoraggiano i designer a creare esperienze più inclusive, integrando funzionalità che facilitano l’uso per le persone con disabilità. Questo significa che il kit grafico di Mercury è non solo una risorsa preziosa, ma anche un punto di partenza per esplorare queste nuove possibilità.
Inoltre, con l’emergere di nuove tecnologie come ARKit e il supporto per la realtà aumentata, i designer hanno la possibilità di sperimentare con interfacce più immersive. La creazione di mockup per esperienze AR richiede nuovi approcci e il kit di elementi vettoriali potrebbe essere adattato per includere risorse specifiche per queste applicazioni innovative.
Infine, i trend di design del 2024 vedranno un incremento nell’uso di colori vivaci e forme organiche, un contrasto con l’estetica più piatta di iOS 7 e 8. Rimanere aggiornati su queste tendenze ti permetterà di rimanere competitivo nel campo del design iOS e di offrire prodotti che non solo siano belli, ma anche altamente funzionali.
