Tendenze moderne nella progettazione di interfacce mobili
Ispirazione / / December 26, 2019
light design
Il design piatto della luce c'è stata una tendenza a estetica. Lo spazio attorno ad un oggetto non viene usato o è incorniciato (utilizzando gradienti, ombre e simili). Questo consente di creare un'interfaccia semplice con un focus solo sulle informazioni importanti. Non recano elementi di disegno di carico semantica vengono rimossi, traccia un chiaro rifiuto delle decorazioni vuote.
Light design non lo fa distrarre troppa attenzione per gli occhi e aiuta tranquillamente scivolare attraverso lo schermo e concentrarsi solo sul contenuto. Questa soluzione permette di spostarsi facilmente l'interfaccia, che è importante per l'utente. estetica moderna ed elegante non solo è piacevole per gli occhi, ma lascia una buona impressione.
Un carattere per tutti
I progettisti si rifiutano tra una vasta gamma di font sullo schermo e prestare attenzione alla tipografia. Invece di usare gestire caratteri differenti o tipi di carattere semplicemente modificare la dimensione del carattere. In questo modo è possibile separare le singole parti di contenuto.
Utilizzando il tipo di carattere massima singolo in tutta l'applicazione funziona non solo il riconoscimento, ma anche per la comunicazione di diversi canali: applicazioni, la versione mobile e web del sito. Ciò consente di raccogliere tutti gli elementi in una singola interfaccia, integrata. Inoltre, gli utenti comoda testo a scorrimento facile da trovare le informazioni.
Moduli e blocchi - Nessuna linea
line prima e separatori utilizzati per identificare una particolare parte o di categoria sullo schermo. Il risultato è una compatta, ma l'interfaccia sovraccarica. Abbandonando le linee, i progettisti iniziarono a blocchi di gruppo, che li separa gli uni dagli altri "aria" - spazio vuoto. Di conseguenza, l'aspetto dell'applicazione diventa più puro libero.
Il desiderio di liberarsi delle linee formali e separatori sembra a causa delle esigenze di aspetto moderno della domanda per la quale, in primo luogo - la funzionalità. Pertanto, per utilizzare lo spazio, per quanto possibile, i progettisti iniziarono a cercare metodi meno intrusivi di isolamento. Ad esempio, invece di linee tracciate utilizzati dimensione o link immagine ingrandita.
Le figure in riflettori
Le preferenze dell'utente vengono sempre più spostando verso interfacce semplici. Pertanto, le informazioni importanti sono presentate alla ribalta: le figure si stagliano (ancora una volta aumentando la dimensione del font e colori vivaci) al fine di attirare l'attenzione del pubblico.
Utilizzando font avanzate e colori ricchi, è più facile per attirare l'attenzione su un particolare, senza comandi aggiuntivi invadente e combinazioni di tasti. L'utente riceve rapidamente le informazioni per la posizione comoda e di facile navigazione.
Mikrointeraktiv
Mikrointeraktiv - sono piccoli elementi, quali l'animazione, che appaiono seconda scenari di utilizzo. Tali scenari in situazioni diverse possono includere operazioni standard, pop-up messaggi sullo schermo, gli elementi che rispondono alla pressione.
Mikrointeraktiv usato come un segnale per l'utente di effettuare qualsiasi azione. Per esempio, regola le impostazioni per se stessi, e aiutarlo a pop-up messaggio di aiuto. Le applicazioni che interattivo è ben organizzato, facile da usare, divertente e facile da ricordare meglio.
Piccolo tavolozza di colori
Dopo propagazione indiscriminata di un disegno aereo nel 2013, quando tutti ispirata chiarezza e semplicità di disegno, incluso l'uso di combinazioni di colori semplici in voga. Oggi, sia i progettisti e utenti preferiscono un piccolo numero di colori.
I colori hanno bisogno di sottolineare l'atmosfera generale, per guidare l'attenzione dell'utente in cui è necessario stabilire una connessione con il marchio. Con un piccolo numero di colori più facile da riflettere l'identità aziendale. Inoltre, gli utenti di questo tipo estetico, perché l'attenzione non è dispersa, come nel caso utilizzando una varietà di sfumature, e quindi è più facile trovare le funzioni chiave e navigare nel flusso informazioni.
Multi-strato di interfaccia
interfacce progettate per principi SCHEUMORFISMO precedenti. E 'stato ipotizzato che il progetto segue la forma degli oggetti reali (come ad esempio un calendario sul computer sembrava un calendario di carta desktop, tutte le icone vengono eseguite in 3D). Ora - con la popolarità di design piatto - si può vedere il ritiro di questo principio sul ciglio della strada, in quanto hanno la possibilità di rappresentare la profondità in altri modi. Principalmente - utilizzando i livelli. Ciò contribuisce a creare un senso di profondità e dimensione per creare un oggetto tangibile.
Questo design piatto rischia di essere "troppo piatta", e la linea è sottile: come un utente di navigare in un'applicazione piatta e usarlo, se viene utilizzato per circondare 3D? C'è una soluzione - strati. Livelli aiuto imporre un oggetto all'altro, a Costruire relazioni tra gli elementi ed evidenziare il più importante.
pulsanti trasparenti
pulsante trasparente - un pulsante senza il colore di riempimento, i cui confini sono indicati ictus molto fine. In questo caso, solo le forme semplici sono utilizzati: rettangolare o quadrata, con angoli retti o arrotondati. pulsanti di testo in così semplice una e minimalista.
pulsanti trasparenti attirare l'attenzione dell'utente, pur rimanendo aspetto ordinato, discreto e moderno. Inoltre, è possibile creare una gerarchia, se si utilizzano diversi tipi di tasti. Così, i pulsanti trasparenti devono scegliere le funzioni aggiuntive o ad azione intermedia, e sono applicate alcune ombre, l'utente può facilmente leggere la relazione gerarchica.
mimica
Con l'introduzione di sensori e dispositivi giroscopi utente diventare movimento intelligenza. interazione umana con il dispositivo è resa possibile non solo mediante rubinetti, ma il vero segno.
La gente intuitivamente a capire come il dispositivo risponde al gesto. Se chiedete l'utente (non importa quello che è il sesso o l'età), come rimuovere un elemento, si tratta solo di un movimento smahnot dalla schermata. Con l'aumentare dell'esperienza degli utenti di cliccare sul pulsante meno e più scorrevole. I metodi di interazione con il dispositivo sono sempre più interattivo, e lo schermo si trasforma in qualcosa di più di una zona per i clic.
mozione
Grazie alle innovazioni nel designer di tecnologia sono stati in grado di controllare il movimento degli strati con gli stili. Spostamento di elementi di design può assumere molte forme, tra cui transizioni, animazioni, e persino le texture che imitano il 3D-profondità. I membri hanno imparato a portare tutto in moto senza chiedere i progettisti o gli sviluppatori. Stanno trasformando i propri contenuti, modificare gli elementi, oggetti, dati, leggere rapidamente il più importante.
Il movimento ha attirato l'attenzione. Ma è importante capire che può aiutare l'utente, e lo può distrarre. E con i movimenti bisogno di sapere quando fermarsi. Ma in generale, una manifestazione visiva della risposta spesso aumenta la loro portata a causa del fattore wow.
scenari utente brevi
Gli utenti non hanno più bisogno di capire la complessa struttura delle pagine. Designer crea una singola pagina, sulla quale, come richiesto, ci sono elementi aggiuntivi. Questa soluzione consente di risparmiare tempo e fatica. Ad esempio, il modulo viene visualizzata o evidenziata quando l'utente raggiunge una determinata zona e scompare quando si muove alla successiva automaticamente.
Smartphone utenti piace quando tutto è facile e semplice nell'applicazione. L'intera esperienza di progettazione è impegnata a garantire per ridurre al minimo sforzo da parte dell'utente e aumentare la velocità di risposta, quindi gli script e diventare più breve.
standard di progettazione - la soluzione migliore
Standard di progettazione - un processo di formazione di un linguaggio visivo in fase di progettazione iniziale. gruppi definiti di norme: il colore, le icone, la presentazione generale del materiale.
Definizione degli standard aiuta a creare un prodotto logico e coerente, senza disadattamento su diverse piattaforme. In questo modo è possibile ridurre a zero la possibilità di errori nella realizzazione del progetto, ed è più facile cambiare in futuro.
prototipazione
Prototipazione - questo è un lavoro preliminare su una prima versione del prodotto. Utilizzando i prototipi per creare un design funzionale, prevedere eventuali modifiche e per rispondere alle richieste degli utenti, senza perdite di tempo e le forze del progettista.
La creazione di soluzioni sperimentali a prezzi accessibili - prototipi che possono essere qualitativamente elaborare i componenti chiave del progetto: le caratteristiche importanti e requisiti tecnici. Questo aiuta a risparmiare tempo e risorse, di imparare dall'esperienza, e per gestire al meglio il processo di creazione del prodotto.