Perché il negativo è positivo nel web design
Con tutti i termini che ci vengono lanciati durante la nostra educazione al design (sia noi stessi o insegnati istituzionalmente), è facile capire perché alcune terre guardino solo colpi con quasi nessuna penetrazione nella nostra psiche.
Quelli che presto svaniranno dal nostro regno di piena comprensione senza il costante rafforzamento e l'attenzione dedicata a loro. Qual è quello che vogliamo fare oggi, dedicare un po 'di attenzione a un punto fermo del web design, lo spazio negativo.
Cos'è lo spazio negativo?
Per coloro che hanno bisogno di un promemoria, prendiamoci un momento per suddividerlo nelle basi: ci sono due tipi di spazio nel design, spazio positivo e negativo. Lo spazio positivo contiene tutti gli elementi del tuo sito, contenuto, navigazione, immagini, ecc. Lo spazio negativo (spesso definito come spazio bianco) è tutto lo spazio vuoto nel mezzo, lo spazio attorno al contenuto che separa gli elementi e aiuta a strutturare e definire il modo in cui l'utente interagisce con il contenuto nello spazio positivo.
Ora che ce l'abbiamo, andiamo avanti, dobbiamo? Esistono anche due tipi di spazio negativo, micro e macro. Lo spazio micro negativo è lo spazio tra gli elementi più piccoli del design. Cose come lo spazio tra paragrafi, singole righe di testo, fino allo spazio tra lettere e parole. Lo spazio macro negativo è lo spazio tra gli elementi principali del progetto, come l'intestazione e il piè di pagina.
Yeedor
Amicizia Amburgo
Moving Things Design Company
Spazio micro negativo
In primo luogo, daremo un'occhiata all'estremità più piccola dello spettro. Tenendo presente che le dimensioni non designano il lato micro in una posizione di importanza minima. Lontano da esso. Mantenere una buona quantità di spazio bianco all'interno dei nostri blocchi di testo può fare molto per rendere un sito più leggibile, più facile da scansionare e può persino aiutare le persone a comprendere ciò che stanno leggendo meglio.
E stiamo parlando di Micro, quindi questa attenzione e manutenzione devono andare in profondità. Dobbiamo stare attenti a garantire che tutto lo spazio negativo nei nostri blocchi di testo sia stretto. Non in modo affollato, ma stretto in modo esteticamente equilibrato e aperto. Hai ragione? Ciò significa affrontare lo spazio tra intestazioni e paragrafi. Prestare particolare attenzione alle altezze delle righe all'interno dei paragrafi. Assicurati che lo spazio tra gli elementi pubblicitari negli elenchi non sia finito o finito. Anche lo spazio tra parole e lettere.
Questo non è sempre un compito facile. Decidere i margini e l'imbottitura per questo tipo di regolazione dello spazio micro negativo è un'arte delicata. Uno che deve essere realizzato con ogni singolo sito che costruiamo. Ogni sito avrà il proprio equilibrio da trovare. Anche se non vuoi uno spazio troppo piccolo, avere troppa influenza sulla leggibilità altrettanto negativamente.
Informazioni sull'autostrada
digerire
MakeMatter
Macro spazio negativo
Ora facciamo crescere un po 'il nostro scopo e concentriamoci sul lato Macro di questo spettro. Anche se questa parte è quella a cui tendiamo a prestare maggiore attenzione, spesso non le diamo più spazio aperto per respirare. Alle persone piace sistemare le proprie intestazioni con tutto ciò che è in grado di adattarsi poiché è la prima cosa che i visitatori vedono. Invece, cerca di mantenere quest'area su alcuni elementi chiave in modo che gli utenti sappiano esattamente dove si trovano e non siano soffocati non appena entrano nel sito.
Come l'intestazione, è una trappola abbastanza facile cadere nel vedere i footer e le barre laterali di un disegno come qualcosa come un contenuto che cattura tutto. Un posto dove spingere e disporre di quante più informazioni possibili. A differenza dell'intestazione, è vero che si può farla franca con più contenuti in queste aree, ma occorre fare attenzione per assicurarsi di lasciare ampi spazi bianchi sia all'interno che all'interno di questi elementi.
Più lasciamo spazio e spazio adeguati, più le nostre inclusioni sembrano intenzionali. È quando ingombriamo (a meno che non sia fatto stilisticamente, che è facile distinguere da ciò di cui stiamo parlando qui) che spesso diamo l'impressione che non abbiamo prestato abbastanza attenzione alle nostre fasi di pianificazione. Certo, quando ingombriamo, possiamo sicuramente attribuire gran parte della colpa ai nostri clienti, sapendo che gran parte del disordine è fatto per loro volere. Un punto che arriveremo e copriremo a breve.
Quindi vogliamo essere sicuri che lo spazio sia abbondante attorno a ciascun elemento del blocco, attorno all'intera sezione (assicurati che la barra laterale non venga spostata direttamente rispetto al contenuto principale del sito). Prestare particolare attenzione per garantire che ci sia un sacco di spazio intorno a tutte le chiamate all'azione. Lascia che il CTA si distingua.
Viva Audio
Merce
Fai un salto all'indietro
Perché lo spazio negativo è importante
L'uso dello spazio negativo gioca un ruolo enorme nell'usabilità. A cui abbiamo sempre fatto cenno. Gli utenti non devono solo essere in grado di leggere comodamente tutti i contenuti del sito, ma devono anche essere in grado di trovare facilmente ciò che stanno cercando. Clutter lo impedisce di essere un compito facile. Molte persone, in particolare i clienti, tendono a voler riempire ogni pollice disponibile di schermo con le informazioni e poi si chiedono perché il sito sia così ingombrante e poco attraente. E, inoltre, perché gli utenti sembrano avere problemi nella navigazione di detto sito.
Ed è qui che entrano in gioco i nostri poteri di persuasione e fiducia nella nostra sensibilità progettuale. Come designer dobbiamo convincerli a capire perché questo spazio negativo è così essenziale e perché fare scelte su quali contenuti includere nel loro sito è altrettanto importante. Questo non è uno spreco dei loro soldi. Neanche uno spreco di spazio sullo schermo. Ma invece un elemento necessario nel rendere le informazioni importanti già sullo schermo si distinguono in un ambiente pulito e professionale. Dobbiamo convincerli a vederlo.
Possiamo ancora adattare tutto ciò che è necessario all'interno del sito. Assicurati solo di dare tutto lo spazio per respirare. Va bene che le persone debbano scorrere il sito, infatti è previsto. "Above the fold" non detiene più il potere che un tempo aveva. Tuttavia, è ancora importante ricordare che il contenuto (in particolare il contenuto della prima pagina) dovrebbe essere scelto saggiamente. Più opzioni vengono fornite nella pagina iniziale, più difficoltà avrà l'utente a scegliere dove andare dopo senza essere sopraffatto e, probabilmente, rinunciando al sito tutti insieme.
Cicli di riparazione puri
Nurun
Quasi impossibile
Come usi lo spazio negativo nei tuoi progetti? 'Negativo' è il termine corretto per gli spazi bianchi? Fateci sapere che ne pensate nei commenti.