Scala e proporzione con la tipografia


8

Di recente stavo guardando un video di Lynda.Com su colore e scala in relazione alla tipografia.

Alla fine del corso, l'istruttore ha sfidato lo spettatore a creare un poster di viaggio in 20 minuti usando i concetti che aveva precedentemente descritto e i materiali forniti (copia, sfondo, ecc.). Abbastanza semplice.

Ho pensato a questo:

inserisci qui la descrizione dell'immagine

La sua soluzione allo stesso problema era questa:

inserisci qui la descrizione dell'immagine

La mia domanda è, la sua sembra più professionale e "completa" della mia. Sto facendo fatica a capire perché.

Ho scelto il carattere tipografico serif della lastra perché mi ricordava le rocce del canyon. Ha scelto un carattere simile e un grosso sans serif per abbinarlo. Ho scelto anche un sans serif, ma volevo un contrasto con la lastra, quindi ho scelto helvetica neue condensata regolarmente in tutte le maiuscole.

Volevo che il testo del Grand Canyon fosse a posto, grande, quindi l'ho fatto estendere oltre il bordo dell'immagine come se ci fosse più da vedere di quello che è stato dato.

L'istruttore ha scelto di posizionare il testo solo sopra la parte più alta del muro di roccia.

Non capisco perché le sue scelte in scala e proporzione siano state una scelta migliore delle mie. Penserei che il contesto richiederebbe scritte ENORMI.


4
personalmente, penso che il tuo sia il migliore; Io non credo che il suo aspetto più pro e / o completa. Tornerò con il mio ragionamento tra un po '.
benteh

Noto anche che il tuo pezzo è molto più pallido dei tuoi istruttori; e ciò avrebbe di per sé un grande impatto.
benteh,

Il suo era uno schermo che lo rendeva più saturo. Dovrebbe assomigliare al mio.
Oghma Osiris, il

2
Mi piace anche il tuo. Il tuo è più tabellone per le affissioni o "fuori casa" (pensilina per autobus, ecc.) E il suo è più annuncio di rivista a doppio camion, volantino, dispensa. L' unica cosa che potrei cambiare sul tuo sarebbe una piccola ombra sul tuo grande testo per renderlo più chiaro e rendere l'URL un po 'più grande. Altrimenti, il tuo è molto più attraente.
Lauren-Clear-Monica-Ipsum,

@boblet Hai mai capito il tuo ragionamento? Sono ancora ansioso di ottenere la tua opinione
OghmaOsiris,

Risposte:


4

Presumo che il punto di questo esercizio sia stato quello di utilizzare il principio che l'istruttore ha illustrato nel tutorial. Non sapendo cosa fosse, devo essere molto generale. Era anche un compito di 20 minuti, quindi non prenderlo troppo sul serio in entrambi i modi. Come accennato in precedenza, penso che il tuo sia il poster migliore.

Contesto:

I poster sono spesso, ma non sempre, pensati per essere visti ad una certa distanza, quindi ci sono alcune basi lì. Tutto dipende dalla missione; cosa vuoi trasmettere a chi. I poster non sono solo poster: il contesto in cui devono essere visualizzati è essenziale . Non posso sottolineare abbastanza. Prendi in considerazione una pensilina per autobus: le persone vi staranno relativamente vicine e leggere caratteri piccoli non sarebbe un problema: in effetti direi che i caratteri piccoli potrebbero essere un vantaggio . Dà alle persone qualcosa da leggere mentre aspettano l'autobus. Un URL darebbe anche loro qualcosa da fare. Se si tratta di un poster per pareti "casuali", questa potrebbe non essere una buona idea. Se si tratta di un cartellone stradale le informazioni devono essere fornite molto rapidamente. Vorrei quindi prendere in considerazione la visualizzazione dell'indirizzo Web in modo prominente (e utilizzarne uno facilmente memorizzabile ...). Se il poster dovesse essere utilizzato per più contesti, prenderei in considerazione la possibilità di modificarli leggermente per ciascuno.

URL:

Per quanto riguarda le informazioni non digitali, al giorno d'oggi un url - e in particolare un fiddly - non è essenziale in quanto tale. Dovrebbe esserci, ma le persone sono abbastanza digitali da telefonare online da poter facilmente trovare il sito (a condizione che il responsabile SEO abbia svolto un lavoro decente). Un reindirizzamento dell'URL più memorabile sarebbe stato buono, però :-D come visitGC.gov, grandcanyon.gov ecc.

Generalmente...:

..uno deve decidere quale elemento evidenziare, qual è il nucleo del messaggio. In questo caso è per convincere la gente a visitare il Grand Canyon. Il Grand Canyon è famoso in tutto il mondo. In linea di principio concordo con Scott, anche se non trovo la tua tessitura di caratteri sottili tra necessariamente una cattiva idea. In realtà, basarsi principalmente sull'immagine potrebbe effettivamente funzionare. So che ti è stata data la copia, ma come esercizio mentale potrebbe essere sufficiente con "Grand Canyon". O forse "Grand Canyon" di dimensioni enormi, e il resto più piccolo. Ciò, direi di nuovo, dipende dal contesto in cui il poster deve essere utilizzato.

I caratteri della lastra utilizzati sono associati al college americano, all'armamentario di football americano. Questo potrebbe andare bene, ovviamente, a seconda del pubblico. Ma esserne consapevoli potrebbe essere una buona idea. Per un europeo, questo sembra un po 'esagerato dal lato americano delle cose. Sarebbe interessante vedere come potrebbe essere il poster con un carattere completamente diverso.

tutors:

Mi sembra il poster dei tutor, come sottolinea @Laurem Ipsum, più che altro un volantino. Inoltre, a me sembra datato. Il linguaggio visivo che usa mi ricorda il momento in cui tutti potevano iniziare a usare gli ombretti e se ne andava in mare. Inoltre, avrei posizionato tutto il testo un po 'più in alto: non è necessario mostrare l'intero cielo, abbiamo avuto l'idea. Si spezzerebbe la "monotonia" del testo contenuto solo sullo sfondo della scogliera. Un po 'di tensione in un'immagine, il contrasto non andrebbe male. Seguire la struttura di un'immagine di sfondo è per me, spesso una sorta di pigrizia nella composizione. Limita, rimuove la tensione interessante. Per me parla di "non lavorare davvero con gli elementi a portata di mano".

Il tuo:

Mi piace il fatto che il tuo testo vada fino al limite, che sia gigantesco e che sia semplice (= il Grand Canyon è qualcosa di "puro", è la natura direttamente). Dà un senso di qualcosa di enorme, qualcosa che è al di fuori dell'immagine, qualcosa di "non visto" ("ce ne sono molti altri qui!"). Anche il carattere bianco ha un senso: è un buon contrasto con il terroso, rosso, blu dello sfondo. Un'ombra discendente o un contorno è una possibilità, ma sarei molto, molto attento (i contorni spessi su questi caratteri della lastra accentueranno ancora di più la cosa del football americano). In tal caso, forse prova un colore diverso dal nero. Avrei spostato l'URL, però.

Quindi, nel complesso, penso che la tua sia la soluzione migliore. Certo, tutto ciò è piuttosto soggettivo. Solo i miei due penny.

Ancora una volta, il design di un poster dipende interamente dal contesto.

Ecco un esperimento molto grezzo: inserisci qui la descrizione dell'immagine


4

Leggibilità.

Hai diviso i pensieri e li hai intrecciati l'un l'altro. Questo rende ogni singolo individuo difficile da leggere. È "un grande canyon lungo 227 miglia fino a 18 miglia di larghezza nazionale su un parco profondo un miglio"? Questo è il flusso immediato del tuo pezzo. Il messaggio nel testo dell'istruttore viene immediatamente trasmesso senza la necessità di risolvere prima un puzzle. I tre pensieri separati sono chiaramente definiti visivamente prima di essere letti. Uno spettatore sa immediatamente che si tratta del Grand Canyon, quindi può facilmente dire che il secondo pensiero è il dettaglio e l'ultima nota è dove imparare di più. È una dispersione fluida delle informazioni in un modo che può essere scansionato e immediatamente compreso.

Contrasto

Il tipo inverso è difficile da leggere per natura. Il tipo inverso sottile con poco contrasto è ancora più difficile da leggere. La difficoltà a leggere "227 Miglia di lunghezza" e "Fino a 18 Miglia di larghezza" nel tuo brano è prevalente. Se qualcosa è difficile da leggere, gli utenti tendono a non leggerlo o a concentrarsi sulla "risoluzione del puzzle" delle parole piuttosto che sul messaggio generale che cerca di essere consegnato. Anche se non sono un fan delle ombre in scatola come quelle che ha usato, migliora il contrasto fino a un punto in cui il tipo inverso è facilmente leggibile. Inoltre, nota che si attacca con una faccia audace o nera per il tipo, assicurando ulteriormente che ci sia un contrasto adeguato. L'istruttore ha anche approfondito il contrasto della foto di sfondo, il che rende la foto complessivamente più dinamica: le ombre nere sono nere anziché un tono grigio debole.

Posizione

Il tipo di imballaggio ai bordi si presenta raramente come "spazioso" o "grande / grande". Impacchettando il testo in una forma in realtà trasmetti il ​​contrario: piccolo, angusto, denso, ecc. Se vuoi ritrarre una sensazione di apertura e grandezza, in realtà vuoi usare più spazio bianco, non meno.

Obbiettivo

Qual è l'obiettivo principale del pezzo? Fai in modo che gli utenti stiano caricando il sito web, giusto? Questa dovrebbe essere la prima cosa su cui il pezzo si concentra. L'URL nel tuo pezzo potrebbe anche essere inesistente. È quasi impossibile da leggere e, se viene letto, sicuramente non verrà ricordato - fallendo nuovamente nel campo "risolvere il puzzle" piuttosto che "ottenere il messaggio". Forma vs funzione. Se la funzione è quella di trasmettere il sito Web, questo dovrebbe essere chiaro e facilmente leggibile indipendentemente da qualsiasi altro aspetto del pezzo. Ad essere sinceri, non penso che l'istruttore abbia fatto un ottimo lavoro con questo aspetto, semplicemente considerando l'URL in basso come ripensamento.


Non farei le stesse scelte progettuali né tu né l'istruttore. Ma tutti gli aspetti di cui sopra dovrebbero essere considerati in una certa misura per qualsiasi progetto. Se un pezzo viene creato con lo scopo di vendere qualcosa, deve essere venduto per primo, quindi sembrerà piuttosto secondo. Penso che nel complesso tu sia andato un po 'troppo sul lato "arte" e lei sia andata un po' troppo sul lato "vendite". Non trovo il suo pezzo molto stimolante in termini di design. Al contrario, se pagassi il pezzo, non pagherei il tuo perché non trasmette molto bene l'aspetto delle vendite.


Quando parli di ombreggiature, penso che abbia usato anche un tratto di 1px. Non sono sicuro se questo lo rende migliore o peggiore
Ryan

Ha aggiunto un bordo di 0,75 pt, una solida ombra nera di drow e poi una sfumata ombra sfocata sotto quella.
Oghma Osiris, il

@Scott Sono d'accordo con la tua dichiarazione di leggibilità, vedo che probabilmente il mio non poteva essere letto molto bene da più di uno schermo di computer (motivo per cui pensavo fosse buono quando stavo facendo in lol)
OghmaOsiris

0

La "leggibilità" è ottima. Il bianco che corre fuori dal bordo ha perso i confini di quelle lettere e rallenta la lettura. Il mix tra la dimensione del carattere è anche più difficile o impegnativo per le mie capacità di lettura. Devo tornare a leggerlo una seconda volta e poi lavorare per comprenderlo. L'altro scorre più facilmente.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.