Il trucco per progettare un grande layout
Perché le riviste e i libri sono sempre presentati allo stesso modo? Anche con un design alternativo, c'è un'armonia nel layout o la testa del lettore esploderà ... o semplicemente smetteranno di leggere e salteranno alla pagina successiva. Il design di successo nel campo dell'editoria, della pubblicità, del web design, dell'illustrazione e di qualsiasi altra cosa che leghi gli elementi dipende dal fatto di attirare il lettore e guidare gli occhi attraverso la pagina.
Alcune persone pensano che non sia un grosso problema e che la progettazione di una pagina avvenga naturalmente a causa delle lezioni culturali che impariamo a crescere e che guardano al design fin dall'infanzia, eppure poche, se non nessuna, capiscono perché funziona come fa. Nella maggior parte delle società, leggiamo da sinistra a destra. Ti sembra ancora semplice? Basta iniziare a sinistra e tutto andrà a posto? Fondamentalmente, ma la sfida è fare in modo che il lettore guardi gli elementi nel giusto ordine, o almeno l'ordine che vuoi che vedano, che è il trucco più impegnativo nella progettazione del layout.
Le regole
Non sono mai stato uno a seguire le regole, ma insegnanti e grandi artisti hanno alcune citazioni memorabili sull'argomento. "Prima di poter infrangere le regole, devi conoscere le regole" e "per creare il tuo mondo devi prima capire il mondo reale".
Se studi gli interruttori delle regole, puoi vedere che tutti hanno avuto la base per imparare dal mondo reale, le basi e evolvere da lì. Le regole sono la comprensione di base di layout, tipo, elementi di colore, illustrazione e fotografia, e come l'occhio le vede, e il cervello decifra tutto quando messo insieme.
Quello che la maggior parte degli insegnanti cerca di comunicare nel layout è chiamato pattern "Z". È lo schema di lettura (culture occidentali) per la collocazione strategica di informazioni importanti. Inizia nell'angolo in alto a sinistra, vai avanti a destra e poi di nuovo in basso a sinistra, andando dall'alto in basso. Standard e semplice.
Devo ridere della seguente inclusione delle "regole di progettazione del layout" degli anni '50 che ho trovato sul web. I principi sono validi, tuttavia, e parlano ancora dei concetti di base del design.
- Usa i bordi quando vuoi inquadrare e attirare l'attenzione sulle informazioni (ad es. Indice, calendari, note speciali).
- Consenti ai bordi delle colonne di testo e alle illustrazioni di creare l'illusione dei bordi.
- Attira l'attenzione su scatole o immagini usando i bordi con un'ombra esterna.
- Attira l'attenzione del lettore su elementi importanti confrontando le dimensioni (scala), il colore e la posizione della pagina. Assicurati che gli elementi abbiano una funzione che supporti il contenuto.
- Utilizzare un tipo di visualizzazione grande e in grassetto e / o una grafica per la creazione dello stato attivo. Usa elementi con peso visivo, intensità o colore per mettere a fuoco.
- Usa una griglia per aiutare a organizzare gli elementi sulla pagina. Assicurati che la griglia sia flessibile, ma che le sezioni della griglia non siano troppo piccole. Dividi la pagina in quattro o cinque colonne per la massima flessibilità.
- Usa più colonne per organizzare il testo e le immagini in blocchi di informazioni più piccoli (più facilmente leggibili).
- Dividi il testo in due o tre colonne uguali per ottenere i migliori risultati su una pagina standard.
- Utilizzare una singola colonna più ampia con una colonna più piccola per le citazioni estraibili e altri tipi di contenuto di supporto.
Bene, quelle sono regole semplici, e continuano a ripercuotersi su ciò che è necessario oggi e in futuro, ma con la nostra cultura del consumo e così tanti grandi rompicapo in questi giorni, le regole evolvono. Un'evoluzione nel design era il "sistema a griglia". Secondo Wikipedia :
Dopo la seconda guerra mondiale, alcuni grafici, tra cui Max Bill, Emil Ruder e Josef Müller-Brockmann, influenzati dalle idee moderniste di Die neue Typographie di Jan Tschichold (La nuova tipografia), iniziarono a mettere in discussione la rilevanza della pagina convenzionale layout del tempo. Hanno iniziato a progettare un sistema flessibile in grado di aiutare i progettisti a raggiungere la coerenza nell'organizzazione della pagina. Il risultato è stata la moderna griglia tipografica che è stata associata allo stile tipografico internazionale. Il lavoro fondamentale sull'argomento, i sistemi Grid in graphic design di Müller-Brockmann, ha aiutato a diffondere l'uso della rete, prima in Europa e successivamente in Nord America.
A metà degli anni '70, l'istruzione della griglia tipografica come parte dei programmi di progettazione grafica era diventata standard in Europa, Nord America e gran parte dell'America Latina. Lo stile grafico della griglia è stato adottato come sguardo per la comunicazione aziendale. Nei primi anni '80, una reazione contro il trinceramento della rete, in particolare il suo uso dogmatico e l'associazione con la cultura aziendale, ha portato alcuni designer a rifiutarne l'uso a favore di una struttura più organica. L'aspetto del computer Apple Macintosh, e la transizione risultante dal tipo impostato dai tipografi ai progettisti che impostano il tipo stesso, ha provocato un'ondata di sperimentazione, in gran parte contraria ai precetti di Tschichold e Müller-Brockmann. La griglia tipografica continua ad essere insegnata oggi, ma più come uno strumento utile per alcuni progetti, non come un requisito o punto di partenza per la progettazione di tutte le pagine.
Costruttori di regole e demolitori
Se non hai sentito parlare Josef Müller-Brockmann , quindi è un must nel tuo elenco di designer da studiare. Müller-Brockmann era più di un semplice uomo che cercava di formare ciò che ora è etichettato come Scuola svizzera; Costruttivismo, De Stijl, Suprematismo e il Bauhaus, tutti hanno spinto i suoi progetti in una nuova direzione che ha aperto le porte per le espressioni creative nel design grafico, influenzandolo. Tra i suoi pari è probabilmente il più facilmente riconoscibile quando osserva quel periodo.
Müller-Brockmann fu presto affermato come il principale professionista e teorico dello Stile svizzero, che cercò un'espressione grafica universale attraverso un design basato sulla griglia, purificato da un'illustrazione estranea e un sentimento soggettivo.
La griglia era la prioritizzazione e la disposizione degli elementi tipografici e pittorici con l'uso significativo del colore, impostato in una parvenza di ordine, basata da sinistra a destra, dall'alto verso il basso. Secondo Wikipedia, il sistema a griglia è "una struttura bidimensionale costituita da una serie di assi intersecanti verticali e orizzontali utilizzati per strutturare il contenuto. La griglia funge da armatura sulla quale un designer può organizzare il testo e le immagini in modo razionale e facile da assorbire. "
Müller-Brockmann è riconosciuto per i suoi disegni semplici e il suo uso pulito della tipografia, in particolare Akzidenz-Grotesk, forme e colori, che ispira molti designer grafici nel 21 ° secolo. Come per i manifesti francesi del 1890, Müller-Brockmann ei suoi colleghi cercarono anche di attirare clienti e vendere prodotti con audacia e semplicità. I poster che servivano ad attrarre un pubblico per gli eventi, in particolare gli eventi musicali e le esposizioni museali, abbracciavano le forme geometriche astratte per cui lo stile è noto; ma sono i manifesti di annunci di servizio pubblico di questo periodo che sono stati più apprezzati che in molti altri periodi di progettazione. I messaggi semplici, puliti e grafici erano, come con i manifesti degli eventi musicali, in grado di essere compresi dagli spettatori con lingue diverse.
Ed Fella , un designer contemporaneo, è un vero e proprio dominatore di regole quando si tratta di layout e design, eppure presta ancora molta attenzione a come l'occhio e il cervello vedono la pagina. Solo guardando il suo lavoro, si potrebbe pensare che sia un pazzo. Costringe la contraddizione ma gioca ancora sulla griglia. Non perché sia lì, ma perché serve al suo scopo di aiutare a tirare l'occhio dappertutto, e comunque a rendere piacevole e leggibile il design. C'è il caos, e l'equilibrio, coesistono fianco a fianco come gemelli siamesi identici - uno buono e l'altro cattivo.
© Ed Fella
Fella si riferì al suo lavoro stilisticamente, "sbagliare". Il suo lavoro è crudo e ossessivo. Ha potere e spontaneità. Nato dalla conoscenza di layout, tipografia, design e teoria, sembra che abbia finito per farlo molto, molto bene. Ha parole ispiratrici che ogni designer dovrebbe leggere:
"Mi interessa il design grafico come arte", dice, "Questo è un tipo di pratica artistica che usa forme che escono dalla grafica, dall'illustrazione decorativa e dal lettering, tutte mescolate insieme: forme che escono dall'arte del XX secolo , fuori da Miró e Picasso - tutto ha una genealogia e un certo aspetto - nello stesso modo in cui oggi gli artisti usano fumetti e graphic novel. Ero un illustratore, quindi vedi gli stili infiniti spuntare dentro e fuori dai libri. I disegni sono una scarica inconscia di tutti gli stili e forme che ho usato come artista commerciale per 30 anni - quella era la mia professione - l'ho fatto ogni giorno. Quindi, il mio inconscio ha tutta questa roba in esso, e ora, perché non devo più dare un significato, posso semplicemente usare le tecniche, come una macchina che ha smesso da tempo di fare widget, ma la macchina è ancora in esecuzione. Sto ancora facendo cose. Adoro il mestiere di farlo - di fare con attenzione una piccola cosa ".
Paul Rand , designer famoso e conduttore di regole lo hanno fatto in modo indiretto. Il signor Rand, da giovane designer, accettò una richiesta per progettare le copertine di una pubblicazione piccola ma importante alla fine degli anni '30 e all'inizio degli anni '40. Mentre il miglior consiglio per i progettisti è di non lavorare mai gratis, ci sono alcune eccezioni. Mr. Rand accettò, ma richiese piena libertà creativa, e lo ottenne. Quando qualcuno ti chiede lavoro gratis, non ha molta scelta, vero?
La scommessa di Rand è stata ripagata. Il suo lavoro per la regia ha attirato la giusta attenzione. Il successo ha portato ad altri successi. Dopo essere stato assunto per progettare il layout di pagina per un numero di anniversario della rivista Apparel Arts, è arrivata l'offerta di assumere il ruolo di art director per le riviste Esquire-Coronet. Inizialmente, Rand rifiutò questa offerta, sostenendo che non era ancora al livello richiesto dal lavoro, ma un anno dopo decise di accettarlo, assumendosi la responsabilità delle pagine di moda di Esquire alla giovane età di ventitré anni.
Il trucco più figo!
Un mio ex insegnante di illustrazione mi ha mostrato uno strumento utile per identificare i punti focali principali su una pagina. Innanzitutto, traccia una linea diagonale dall'angolo in alto a sinistra all'angolo in basso a destra. La pagina può essere verticale o orizzontale. Funziona con qualsiasi orientamento.
Quindi, traccia una linea l'uno dall'altro per unire la linea orizzontale precedente ad angolo retto. Il punto in cui le linee si uniscono è l'area della massima attenzione. Prova un esperimento: prendi un dipinto famoso e disegnalo sopra (no, non in un museo perché verrai arrestato). Vedrai come viene realizzata la grande arte usando questa tecnica di layout.
Ora, prendi una pagina di una rivista o una pagina web e fai lo stesso. Innanzitutto, pensa a come è progettata la pagina. Legge bene? Dove va l'occhio mentre guardi la pagina? Ti senti un po 'ansioso mentre guardi la pagina o sei eccitato? Ora disegna le linee e guarda dove cadono gli elementi.
Le probabilità sono che, se nulla di importante cade nelle aree in cui le linee si incontrano (area generale), ti sentivi ansioso perché il tuo occhio stava combattendo per guardare la pagina, e il tuo cervello era confuso mentre il layout andava controcorrente. Se gli elementi sono disposti bene, ti senti eccitato mentre i tuoi occhi sono guidati attraverso la pagina.
Quando si tratta di trattare con il tuo cliente, o di un comitato deciso a ridisegnare le tue scelte, dai una dimostrazione del perché hai messo gli elementi dove sono. Le persone tendono a capire il posizionamento degli elementi quando si utilizza tale dimostrazione. Quantifica una regola che non vogliono rompere. Mostra preoccupazione per il prodotto finale e coinvolgi il team con entusiasmo per le loro idee e come incorporare tutto nel design, e troverai maggiore margine di manovra nelle commissioni e con i clienti. A volte attenersi alle regole degli altri ti permette di violare regole che non conoscono ... o che non riescono a vedere.
Pensi che questo abbia un senso? Hai mai sentito parlare di questo trucco di layout e se sì, l'hai provato? Funziona? Fateci sapere che ne pensate nei commenti.