6 suggerimenti per la progettazione con linee
Oggi esamineremo uno degli elementi di design più semplici possibili: una linea. Impareremo come maneggiare le linee correttamente e cosa evitare durante la loro attuazione.
L'aggiunta di alcune semplici linee a un design può portare struttura e stile grafico a un design altrimenti noioso. È un semplice trucco che, se usato in modo efficace, ha l'effetto di aggiungere uno strato di finitura al tuo design.
Esplora Envato Elements
# 1: usa una sottolineatura
Inizieremo con il trucco di base nel playbook della tipografia: una sottolineatura. Un titolo sottolineato è più pesante e offre una separazione più definita tra intestazione e corpo. Tieni presente che questi sono necessariamente attributi positivi o negativi ma sono più neutrali; devi decidere quando la loro presenza è buona o cattiva in base all'aspetto che stai cercando.
Notare come la linea non agisce solo come separatore tra i due elementi, ma aiuta anche a definire la larghezza della colonna.
Una cosa che mi infastidisce con le sottolineature è il disordine visivo creato quando hai lettere che contengono un discensore che si schianta sulla linea. Non esiste una regola ufficiale contro questo, ma trovo solo che sia un po 'troppo distratto e guida l'interesse dello spettatore verso tutti i posti sbagliati.
Quindi, come possiamo affrontare questo problema? L'opzione più semplice è ovviamente quella di evitare di usare discendenti e sottolineature insieme, ma è un po 'troppo restrittivo per i miei gusti. Invece, quello che faccio di solito è creare manualmente la sottolineatura disegnando una linea (invece di fare semplicemente clic sul pulsante sottolineato), quindi mascherare le parti della linea che si schiantano contro i miei discendenti.
Come puoi vedere nell'esempio sopra, questo è molto più bello dell'esempio precedente e contiene molta meno complessità visiva. Se non ti piace quella piccola parte di una linea incagliata dopo l'ultima "g", puoi semplicemente interrompere la sottolineatura all'ultimo discendente (applicabile solo dove la lettera finale contiene un discendente).
Estenderlo
Tieni presente che una sottolineatura non deve conformarsi alla larghezza del testo. A volte è una dichiarazione interessante estendere la sottolineatura fino in fondo o addirittura fuori dalla pagina.
Se estendi la sottolineatura, pensa ai modi in cui puoi divertirti con la linea nello spazio negativo. Puoi dargli un po 'di turbolenza, piegarlo in una forma, tutto ciò che vuoi!
Il designer di seguito ha terminato la sottolineatura estesa con e concluso con un punto. Questo lo fa sentire collegato a qualsiasi contenuto sulla destra e aggiunge un certo interesse sottile ma sottile alla linea semplice.
# 2: spezzare la linea
Non cadere nella trappola di disegnare sempre una linea continua. Puoi usare trattini, punti, triangoli, stelle e qualsiasi altra cosa ti venga in mente per creare la linea che desideri e raggiunge ancora lo stesso obiettivo.
Scopri come questo designer ha utilizzato un lino punteggiato che si allinea al centro di un titolo per creare una sezione chiara. Sebbene il testo sia allineato al centro qui, il design sembra giustificato perché le linee estendono funzionalmente i confini visivi del titolo ai bordi sinistro e destro della colonna.
# 3: fiancheggia il tipo
Se stai cercando un tema formale, ripetere la sottolineatura nella parte superiore del titolo può creare una sensazione di stampa vecchio stile. Quando vedo questo stile, penso sempre all'intestazione di un giornale.
Se si desidera ridurre la sensazione di formalità, sfalsare le linee in diversi modi in modo che appaia meno strutturato. Anche questo è un effetto utile per creare una sensazione di movimento su una pagina statica.
# 4: vai in verticale
Finora ci siamo concentrati su linee orizzontali, ma le linee verticali possono essere utilizzate per inserire un interesse grafico davvero creativo in un design. Il designer qui sotto ha esagerato con le linee verticali nel carattere tipografico per nessun altro motivo se non il fatto che ha un bell'aspetto e crea un tema piacevole e coeso su cui basarsi sul resto della pagina.
Ovviamente, un uso un po 'più tradizionale di una linea verticale sarebbe semplicemente quello di separare due colonne di contenuto. Questo può essere usato in combinazione con il tipo o le immagini e ti consente di mettere molto spazio tra le tue colonne senza avere uno spazio imbarazzante.
# 5: vai in diagonale
Se vuoi davvero che la tua pagina appaia pazza, inclina i contenuti in diagonale. Questo di solito dà l'impressione di un design giovane ed eccitante che infrange le regole e spinge i confini.
Inclinare il contenuto può sembrare un po 'casuale, ma l'estensione delle linee nella grafica aiuta a sembrare intenzionale e spinge davvero l'effetto. Non essere timido, accendi davvero la rotazione e allunga quelle linee abbastanza lontano da fare una dichiarazione.
L'effetto diagonale è particolarmente eccezionale per i disegni di ispirazione retrò come quello sopra.
# 6: Go Nuts
Qui è dove dovrei dirti di prendertela comoda. Una o due linee semplici possono aggiungere molto al tuo design e andare troppo in là con l'effetto può assolutamente uccidere il tuo fascino estetico. Tuttavia, nelle mani giuste, una combinazione dei suggerimenti di cui sopra può risultare in un prodotto finale davvero nitido.
Il design qui sotto di David Fooks utilizza un sacco di linea di lavoro. Combina linee tratteggiate, linee continue, linee rette, linee curve, bordi e linee pari con un diamante all'estremità, tutto in questa piccola area. L'effetto complessivo non è disordinato o brutto, ma è piuttosto elegante e bello!
Il mio consiglio è di usare semplicemente cautela. Come ogni elemento di design, le linee possono essere utilizzate per il bene o il male. Usa la moderazione quando necessario e osserva sempre il tuo design con e senza le linee aggiunte per assicurarti di aggiungere effettivamente valore al design.
Ispirazione
Dai un'occhiata a questi fantastici usi della grafica nel web design per avere alcune idee su come incorporarne alcuni nel tuo prossimo design.
CarbonAds
Per il record
Evan Eckard
Cool e la guida
Il ladro di ananas
DesignSwap
Caravan
Conclusione
Lo scopo di questa discussione è stato quello di incoraggiarti a dare una seconda occhiata al nostro vecchio amico della linea e considerare attentamente dove puoi usare le linee per rafforzare i tuoi progetti esteticamente, strutturalmente o entrambi.
Se hai un design che fa un forte uso di linee semplici, lascia un commento qui sotto con un link in modo che possiamo verificarlo! Facci anche sapere cosa ne pensi degli esempi sopra.
