Surface Duo Design Kit (in Figma)
Surface Duo Design Kit è una risorsa della community figma che consente ai progettisti di app e agli sviluppatori di creare esperienze utente a doppio schermo. I componenti di questo kit sono i blocchi predefiniti di ciò che rende Surface Duo come prodotti Microsoft in Android.
- Frame del dispositivo - Contorni colorati di ghiacciai e obsidiani per presentare screenshot.
- Aree sicure : le aree sicure impediscono al contenuto di inserirsi nell'intestazione dell'app, nella barra di spostamento, nelle schede e nella cerniera.
- Interazioni con penna : come progettare le interazioni per l'input penna.
- Modelli di progettazione e linee guida - I modelli di progettazione nel kit mostrano le possibilità di schermi a doppio schermo per scenari di app diversi e come tutti i componenti si uniscono per un'esperienza di prodotto significativa.
- Linee guida per video e contenuti multimediali : suggerimenti per includere video e immagini in un'esperienza utente piegabile.
- Posture: i dispositivi a doppio schermo possono essere dotati di una gamma di varianti di progettazione hardware e industriale. I dispositivi Surface Duo annunciati di recente, insieme ad altri servizi pianificati, sono utili per definire la categoria, ma è possibile che vengano introdotti altri dispositivi con schermi di dimensioni maggiori o con tipologie diverse di cerniere. Quando progetti le tue app, tieni presente che è consigliabile evitare di progettare in base alle specifiche di particolari dispositivi attualmente disponibili.
- Layout, controlli e plug-in : tenendo presente un fattore di forma a doppio schermo, abbiamo fatto in modo che sia possibile progettare solo il modo in cui si preferisce usare controlli e layout familiari. Vengono inoltre evidenziati i dettagli da tenere presenti durante la progettazione per le app a doppio schermo, ad esempio la cerniera e i layout per la progettazione in modalità on-the-go.
- Componenti : ogni componente viene creato per essere il più semplice possibile, in modo che siano facili da gestire e usare. Alcuni componenti hanno livelli nascosti che è possibile attivare/disattivare per aggiungere varianti senza scollegare.
- Set di componenti: componenti master per la navigazione e altri elementi di progettazione come set raggruppati che consentono di organizzare meglio le varianti contenenti modelli, modalità, conteggi dello schermo e orientamenti diversi.