Come configurare smartphone e PC. Portale informativo
  • casa
  • Recensioni
  • Un minimalismo così sofisticato. Segreti di design Apple

Un minimalismo così sofisticato. Segreti di design Apple

Il desktop del mio iPhone sembrava un disastro. Tutti questi programmi, che seleziono per eventuali revisioni, lo gonfiano a 4-5 schermi e, in combinazione con sfondi colorati, capovolgerli potrebbe causare un attacco epilettico :)

Il problema ha richiesto una soluzione per molto tempo e ho trovato un'opzione accettabile che potrebbe esserti utile. CON il rilascio di iOS 12, la tecnica è migliorata, quindi ho deciso di parlarne ancora una volta e di dirti come è configurato il mio iPhone.

1. Rimuovi tutte le applicazioni non necessarie

Una regola banale che da sola non funziona. Tutto ciò che devo usare di tanto in tanto è un casino in sé e per sé. Ma, continua a scorrere l'elenco e rimuovi il software discutibile.

2. Rimuovere le icone non necessarie dal desktop

In iOS 7, non ci sono più restrizioni sul numero di applicazioni nelle cartelle, quindi puoi creare una sorta di spazio di archiviazione Cestino e nascondere lì tutto ciò che non ti serve. Prima di tutto, sono finiti sotto i ferri applicazioni standard che non utilizzo: Orologio, Promozioni, Meteo, Promemoria, ecc. Ho anche nascosto tutto ciò che viene usato raramente lì: client di Webmoney, Ebay, Privat24, ecc.

Tutti questi programmi sono sempre rapidamente disponibili da Spotlight quando necessario.


Solo come risultato di queste azioni sono riuscito a sbarazzarmi di 17 (!) Icone, ovvero ho liberato più di uno schermo.

3. Lascia vuota l'ultima riga

Questo trucco renderà il desktop "più arioso". Inoltre, lo spazio vuoto coincide con il punto in cui si sfogliano gli schermi con il dito, il che di per sé è molto comodo. Nel tempo, ho iniziato a tenere vuote non una, ma due righe contemporaneamente.


4. Ordina per colore

Le immagini adoreranno l'ordinamento delle applicazioni per colore, che una volta mi ha suggerito Sasha Zolotova. La sua essenza è creare diverse cartelle e nominarle come "ciliegie", "arance", "prugne" e disegnare lì le icone corrispondenti. Il risultato è un minimal completo, che mi si addice perfettamente.


5. Sfondo minimalista per iPhone

V Di recente Mi è piaciuto un programma che genera in stile iOS da qualsiasi foto sul tuo telefono. Scarica automaticamente anche foto casuali da Flickr, il che ti offre possibilità illimitate.


Infine

Come risultato di tutte queste manipolazioni, il lavoratore iPhone da tavolo ridotto a tre schermi... Il primo contiene i programmi principali, il secondo e il terzo sono per il nuovo software, che provo per le recensioni.

“Se non ti sei mai imbattuto in un design di icone iOS, dai un'occhiata e vedrai che hanno la forma di un quadrato con bordi arrotondati. Se sei un designer front-end, sai che questa forma si chiama squircle - un ibrido di un quadrato e un cerchio. Se sei un designer industriale, sai che questa forma è il segno distintivo dei prodotti Apple ", scrive Mark Stanton.

Con rilascio della versione sistema operativo iOS 7, continua, le icone hanno assunto una forma più complessa rispetto a un quadrato con i bordi arrotondati. “Tutti sanno che Apple presta attenzione ai minimi dettagli, ma non nota l'ovvia logica dietro questo piccolo cambiamento. La risposta è la coerenza. Apple ha concordato la progettazione del proprio software e hardware".

Le icone Apple non sono rettangoli arrotondati. Così come i suoi dispositivi.

“Apple ha un design minimalista, ma non confondere il minimalismo con la semplicità. Non c'è semplicità nel design di Apple ", spiega l'autore dell'articolo. "Il segreto dei prodotti hardware dell'azienda è che i progettisti evitano forme in cui il filetto incontra un bordo dritto in un punto - e crea transizioni fluide tra i bordi”. Questo principio è chiamato Continuità di curvatura.

Stanton cita come esempi due dispositivi dai bordi arrotondati. “Nota come appare nitido l'angolo sul primo gadget. Questo è il risultato di una tale transizione dal filetto alla faccia stessa ", spiega.

“Guarda il Macbook: è un altro dispositivo che utilizza lo stesso principio. Il laptop ha un bell'aspetto non solo per la sua finitura opaca(anche se aiuta, ovviamente). L'intera forma del dispositivo si presta a questo principio di transizioni fluide - e questo è uno dei motivi per cui amiamo così tanto. Prodotti Apple"- continua il designer.

Stanton illustra la sua affermazione con un diagramma. Nei due grafici, le barre blu rappresentano la quantità di curvatura nei punti da cui emergono. Nell'immagine a sinistra, l'indicatore di curvatura cambia bruscamente in un punto e non cambia sull'intero raggio:

Nell'immagine a destra, la curvatura cambia costantemente, da zero al suo estremo.

Allo stesso modo, a partire da versione iOS 7, scrive il designer, la forma delle icone su Smartphone Apple... “Sembra che la differenza sia piccola e piuttosto difficile da rilevare, ma è lei che determina il linguaggio disegno di mela».

Allo stesso tempo, l'autore delle note materiali, Apple non ha un brevetto per tale forma di hardware o Software- e chiunque può usarlo se lo desidera. Ma le aziende no. "Come mai? Hanno centinaia di scuse. Strumenti CAD scomodi, incompatibilità di design simili e capacità del dispositivo. Alcune persone pensano che non importi affatto".

Non è sempre colpa del designer: molti designer industriali vorrebbero applicare questo principio ai prodotti che creano, ma sono limitati dalle esigenze del cliente.

Per i designer che desiderano saperne di più su questo strumento, Stanton consiglia di leggere i tutorial su Autodesk Alias ​​​​- secondo lui, questa funzione consente di attenuare le transizioni tra i bordi del dispositivo nel modo descritto.

Il minimalismo ha regnato a lungo e con successo nel mondo del design, ma cosa ci aspetta in futuro?

Negli ultimi mesi, i principali innovatori del design hanno portato il "design minimalista" a un livello superiore. Facebook, Airbnb e Apple hanno sempre avuto una tattica comune quando si tratta di semplificare grandi prodotti da comunicare alle persone. nuova moda"Semplificazioni dell'interfaccia" nel design mobile.

Cos'è la riduzione della carnagione?

Diciamo che non hai mai sentito parlare di "Semplificazione dell'interfaccia"? Bene, questo è tutto perché mi è appena venuta in mente questa frase. Il fatto è che non molto tempo fa ho notato una nuova tendenza che non può essere attribuita né al design piatto né a quello minimalista: vive la sua vita di contrazione progressiva. Alcuni diranno che questo fenomeno non è altro che passo successivo nello sviluppo del design minimale applicato nel regno applicazioni mobili, ma lo classificherei comunque come un ramo separato e indipendente. Quindi ho deciso di dare un nome a questo fenomeno - dopotutto, mi è permesso, giusto?

Quindi, le caratteristiche distintive di questo caldo trend, che ha già catturato l'intera Silicon Valley:

  1. Titoli più grandi e audaci
  2. Le icone sono più semplici e generalizzate
  3. Liberarsi dei fiori

Cosa otteniamo alla fine? Alcune delle app che tutti amiamo stanno lentamente ma inesorabilmente assumendo l'interfaccia utente di un marchio.

Prova

Ho iniziato a notare questa tendenza all'inizio di maggio, quando Instagram ha ridisegnato la loro interfaccia utente (UI).

La riprogettazione ha incluso una serie di modifiche, come la rimozione di tutte le sfumature di blu e grigio scuro da tutte le parti delle pagine; modifica delle intestazioni per ulteriori informazioni carattere in grassetto così come la semplificazione del menu in basso e delle icone. Ciò che è rimasto di questo, infatti, è un'interfaccia in bianco e nero con intestazioni dedicate, mentre il contenuto si è distinto e la funzionalità è diventata notevolmente più semplice. Personalmente, mi è piaciuta questa interfaccia meno ingombrante, che mi ha anche ricordato una piattaforma di cui sono un conoscitore da parecchio tempo.

medio

L'app Medium è sempre apparsa efficace in bianco e nero da quando è stata lanciata nel 2012, semplificando gradualmente l'interfaccia utente e, ad ogni riprogettazione, diventando inavvertitamente il fondatore di CR (Interface Simplification). Continuate così!

Dopo che le persone hanno iniziato a parlare su Facebook del nuovo look di Instagram dentro e fuori, ho aperto l'app di Airbnb e sono rimasto colpito dalle sorprendenti somiglianze tra le due app. Questa è stata la prima volta che ho guardato il loro prodotto dalla riprogettazione dell'app ad aprile. Tuttavia, non ho lasciato la sensazione di aver visto tutto prima.

La riprogettazione dell'interfaccia utente di Airbnb non ha ricevuto molta pubblicità, a differenza di Instagram un mese dopo (in parte perché non è stata fornita con un nuovo logo dell'app brillante), ma tuttavia il design ha seguito la stessa tattica.

La riprogettazione includeva caratteristiche come titoli audaci e più grandi, l'assenza di oggetti visivi e colori non necessari e la semplificazione delle icone il più possibile per renderle il più versatili e riconoscibili possibile. Quello che resta è bianco e nero interfaccia utente con contenuti accattivanti e funzionalità quanto più semplici possibile.

Apple è un esempio recente di designer ispirati al movimento per la semplificazione delle interfacce. All'inizio di questo mese, al famoso WWDC di Apple, il gigante della tecnologia ha annunciato una serie di interessanti funzionalità in arrivo per gli utenti nel prossimo futuro. Tra questi c'è il rilascio di iOS 10, che promette di essere "The Greatest iOS Release Ever!" (in poi almeno, dal rilascio di iOS 8, per il quale si diceva lo stesso).

Ma una pubblicità in particolare che ha attirato la mia attenzione è stata la riprogettazione Apple Music... Mentre la parte più importante è considerata la riprogettazione degli aggiornamenti e degli extra UX, la prima cosa che ha attirato la mia attenzione è stato l'aspetto estetico. Anche Gaitlin McGarry, giornalista e scrittrice di Macworld, ha spiegato il look aggiornato:

È perfetto nuovo design, con enormi icone di album, altro grande stampa e uno sfondo bianco discreto che consente agli album di risaltare.

Suona familiare? Il design è leggermente diverso dalle tattiche utilizzate da Instagram e Airbnb (utilizzano icone a tinta unita! Che diavolo è Apple?), ma elementi chiaveè rimasto lo stesso: intestazioni in grassetto ingrandite e un'interfaccia in bianco e nero.

Cosa volevo dire con tutto questo?

Come ho notato prima, questo significa che tutte le nostre applicazioni preferite diventano simili tra loro. Come mai? Come la NFL, la tecnologia è imitazione. Queste riprogettazioni sono state generalmente soddisfatte recensioni positive... Sebbene ci siano quelli che affermano che l'individualità è stata persa in questo trambusto in bianco e nero, presto verranno a patti con esso. Dopotutto, in un'applicazione, abbiamo tutti bisogno di funzionalità, non di individualità. Quindi mi aspetto nel prossimo futuro un salto per abbinare questo pettine da altre applicazioni.

Ciò significa che le home page dei tuoi iPhone presto si trasformeranno in nient'altro che un colorato mosaico di portali vibranti direttamente nella città con lo stesso nome del film Pleasantville.

Quindi, che ti piaccia o meno questa orgia monocromatica, questa è sicuramente segno sicuro progresso. Il processo di progettazione dell'app sta migliorando e si sta evolvendo, mettendo da parte le vecchie norme con una serie di elementi ridondanti e sostituendole con un processo più olistico incentrato al massimo sull'utente. Il precedente processo di progettazione del prodotto ha spinto i progettisti dell'interfaccia utente nel quadro rigido "rendilo bello" impostato dai progettisti. Così, il designer potrebbe passare ore, o addirittura giorni, a selezionare ogni tipo di combinazione di colori, la loro selezione, eliminazione, modifica, fino a disegnare il risultato finale... oh, quei telai rigidi!

Poiché i confini tra i designer di UX e UI stanno gradualmente sfumando nel processo più integrato di oggi, i designer di oggi sono meno preoccupati delle loro responsabilità specifiche (come rendere le cose belle), consentendo loro di concentrarsi su aspetti importanti come la creazione miglior prodotto per i loro utenti.

Istruzioni per semplificare l'interfaccia:

Quindi, se alla fine decidi di essere coinvolto in questo processo di creazione di un design dell'applicazione e di svilupparlo ulteriormente, segui queste regole e ti verrà garantito un prodotto degno di tutti i tipi di premi in questo settore.

  1. Rimuovi i colori. Un colore è ancora accettabile, ma usalo con la massima parsimonia possibile, esclusivamente per indicare un'azione specifica. Tutto il resto è meglio in bianco e nero. Lascia che i tuoi contenuti siano l'unico vettore di colore.
  2. Titoli più grandi, più audaci, più neri. Vedi questo titolo? Impostalo su una dimensione compresa tra 20 e 30 px e, soprattutto, rendilo in grassetto.
  3. Icone semplici, sottili, riconoscibili.È meglio che siano universali, senza sfumature. E per un bonus, disponili da sinistra a destra in questo ordine: casa, ricerca, azione primaria, azione secondaria, profilo.
  4. Raddoppia, no, triplica il tuo spazio bianco. Forse anche quattro volte più grande. È impossibile esagerare qui, credimi.
  5. Illumina il logo dell'app. Dove brillare di creatività e colori è qui. Fallo risaltare!

I fan di IOS che non approfondiscono le complessità del design dell'interfaccia della piattaforma potrebbero pensare che le icone delle app in Prodotti Apple sono solo quadrati con bordi arrotondati. In effetti, le icone hanno di più forma complessa... Il designer Mark Stanton ha spiegato perché questo è il caso.

In contatto con

Se sei un designer, probabilmente hai già incontrato il termine squircle (squircle, superellisse), e se sei un designer industriale, probabilmente capirai che questo termine è segno distintivo Prodotti "Mela".

Con il rilascio di iOS 7, le icone delle app hanno smesso di essere quadrati arrotondati e si sono trasformate in qualcosa di più complesso e sofisticato. Tutti sanno che Apple presta grande attenzione alle piccole cose, ma solo pochi comprendono la logica dietro questi cambiamenti apparentemente minori. Se ti prendi il tempo per impostare le curve in Autodesk Alias ​​Studio (software utilizzato da Apple), capirai immediatamente cosa sta succedendo. Si tratta di coerenza. Apple crea un design unificato per prodotti software e hardware.

Le icone di Apple non sono quadrati arrotondati, poiché la forma dei prodotti hardware Apple non è un quadrato arrotondato.

Le soluzioni dell'azienda sono spesso descritte come minimaliste, tuttavia non confondono il minimalismo con la semplicità. Non c'è niente di semplice nelle superfici del suo "ferro". Utente medio dispositivi Appleè improbabile che si noti la differenza se non viene evidenziata.

Segreto dispositivi fisici Apple è che non hanno un punto "touch" (dove il raggio incontra una linea in un punto) e tutte le superfici sono create nella cosiddetta "curvatura continua".

Buona guida di superficie

L'immagine mostra due prodotti, che sono essenzialmente scatole quadrate con bordi arrotondati... Ma guarda l'inizio e la fine bordo arrotondato nella foto a sinistra. Vedi come risalta la transizione improvvisa? Questo è il risultato del tocco.

Il MacBook Pro a destra è un prodotto con due angoli uniti da una superficie arrotondata. Vedi come cade morbida la luce?

Perché sono diversi?

Dai un'occhiata alle creste (raggi) di curvatura (questo è un modo per rendere la curvatura). Ogni linea del pettine rappresenta la quantità di curvatura nel punto di piegatura. A sinistra, la curvatura aumenta istantaneamente da zero a un certo raggio di curvatura. Cambiamenti improvvisi di curvatura = effetto improvviso.

I designer Apple creano l'effetto, seguito dalla forma

Nell'immagine a destra, puoi vedere cos'è la "curvatura continua". Il pettine stesso è una curvatura, che inizia da zero. Non ci sono transizioni improvvise e, di conseguenza, l'effetto è più uniforme. Questa differenza di curvatura è più difficile da vedere nelle icone, ma la cosa più importante è che icone e dispositivi condividano lo stesso design.

Apple non ha brevettato il suo design. Qualsiasi azienda può portare le proprie superfici a questo livello di qualità, ma i produttori no. Le aziende hanno molte scuse. Forse usano sistemi CAD che non prestano attenzione a queste cose, o non hanno dipendenti qualificati in grado di lavorare in questo settore. Ci possono essere molte scuse.

Un numero significativo di designer industriali possiede alto livello competenze, ma molti sono limitati dalle risorse e dagli impegni delle aziende per cui lavorano.

Se vuoi approfondire l'argomento, leggi la relativa letteratura tecnica e scoprirai che in realtà esistono due livelli di curvatura continua. Per ulteriori informazioni, consultare il manuale di Autodesk Alias ​​(uno dei tanti strumenti che consentono di lavorare con la curvatura continua).

Principali articoli correlati