Share
I progettisti sul web hanno avuto un tempo notoriamente difficile con la tipografia. Per uno, la maggior parte dei web designer non sono addestrati come "tipografi" come lo sono i grafici più tradizionali. Un'altra ragione è che la tipografia sul web non è stata in circolazione da più di 15 anni? e molti di noi non hanno progettato per nemmeno la metà di quel tempo.
Foto di anteprima di Stephen Coles di Typographica.org. Il font è FF Unit.
Come tale, il nuovo mezzo più potente nella storia del mondo è tristemente carente nella formazione formale per la singola disciplina più importante che un designer può padroneggiare: la tipografia. Questo articolo è il primo di una serie che cerca di compilare un compendio di serie lezioni di tipografia web.
Prima di iniziare, questo articolo introduttivo è parte dell'educazione e della parte editoriale. È pensato per essere un post immediato su alcuni dei principi che i web designer devono prendere sul serio. Farò del mio meglio per evitare di rendere questo un "10 modi ovvi per migliorare la tua tipografia" tipo di articolo? ne abbiamo abbastanza di quelli già sul web e, se mai decidessimo di eseguirne uno, ci assicureremo di farlo nel modo giusto. Questa serie riguarderà più la creazione di processi logici e logici per lo sviluppo di sistemi di tipi efficaci piuttosto che un'infarinatura di suggerimenti casuali. In primo luogo, affronteremo alcuni ostacoli culturali che si presentano ai web designer.
Ammettiamolo, confrontato con la grande quantità di libri e anni di risorse là fuori per i designer di stampa, il web ha un'esperienza relativamente breve con la tipografia. Siamo molto simili agli adolescenti con la loro nuova patente di guida: un sacco di potere e responsabilità senza una grande esperienza da attingere. Poiché il web è così giovane, i designer sono stati lasciati con una delle due scelte: 1) provare a ricreare un'estetica di stampa sullo schermo o 2) vagare nel grande vuoto nero? sperando di scoprire la perfezione del web type.
Il problema con la prima scelta è che la stampa non si traduce direttamente sul web. Il problema con il secondo è che è un po 'come lanciare le freccette? certo, avremo qualche successo, ma sarà a costo di un sacco di flop.
Ci sono delle risorse sorprendenti già là fuori sull'argomento? Si assolutamente? e li elenco alla fine di questo articolo. Ma resta il semplice fatto che, per un giovane web designer che spera di tagliarsi i denti sull'argomento, è spesso difficile fare testa o croce sull'argomento senza spendere ore e ore a setacciare blog casuali. In effetti, parte del problema è che tanto la tipografia web viene presentata come informazione "soggettiva". L'unico principio guida su cui molte persone possono essere d'accordo è che "il tipo dovrebbe essere leggibile"? ma dopo, c'è un sacco di opinioni e non molti fatti.
Questo mi porta al mio primo punto "culturale" per chiunque sia seriamente impegnato a migliorare le proprie capacità di tipografia web?
Affrontiamo il primo vero ostacolo tra un designer e la grandezza tipografica: Incolpare qualcosa o qualcun altro. Se avessi un dollaro ogni volta che ho sentito un web designer lamentarsi del modo in cui i browser rendono il tipo in modo diverso - o che un editor di contenuti casuali ha rovinato il suo layout - o che un cliente semplicemente si è rifiutato di vedere la ragione, sarei un centenario (il minore noto cugino del miliardario? non so, molte persone!).
Questi sono tutti quelli che io chiamo "rischi professionali": li conosci quando entri nel settore e li incontri quasi quotidianamente fino a quando una seria standardizzazione professionale si stabilizza sul web (cosa che non prevedo in qualsiasi momento presto). Non sto cercando di dire che questi problemi non esistono (lo fanno, e sono un rompicapo), ma di buttare tutte le nostre inadeguatezze tipografiche sul retro di Internet Explorer 6 o in qualche caso di copia casuale $ 8 all'ora sta evitando il problema.
La cosa bella è che un serio tipografo del web può aggirare questi problemi. I browser possono essere testati per; I layout possono essere resi "a prova di idiota", e i clienti possono esserlo detto di andare a? gentilmente istruito a vedere la ragione.
Nell'epoca delle macchine da stampa, delle lettere di legno e del tipo di set di mani, esisteva un ordine gerarchico chiaramente stabilito per chi era responsabile di fare le cose correttamente (tipograficamente parlando). Non sorprendentemente, quella persona era di solito il tipo che era gomito in profondità con inchiostro nero e l'unica persona in città che sapeva come usare l'enorme aggeggio. Diamine, nella maggior parte delle città, potrebbe essere l'unico ragazzo che sapeva davvero come leggere, quindi hai creduto sulla sua parola quando ti ha detto come pubblicare la tua pubblicazione.
I clienti hanno portato il contenuto, le stampanti hanno gestito il layout e il design. Nessuno ha fregato il sistema.
Al giorno d'oggi, sembra che soffriamo di "troppi cuochi in cucina". Poiché tutti hanno accesso a Microsoft Word e una tastiera, i progettisti devono attraversare un oceano di "tipografi instabili" durante la fase di progettazione?
Non fraintendermi, ricevere feedback da un cliente è una parte cruciale del processo creativo? ma non è un sostituto per un processo decisionale reale ed esperto a livello tipografico. Questo è il tuo lavoro, il designer. Se stai scivolando attraverso un progetto, solo aspettando e sperando che un cliente decida su un particolare tipo di carattere o linea, potresti anche licenziarti. In questo modo, ti riduci a poco più di un corpo attaccato al mouse.
Mi ripeterò solo per essere al sicuro qui - questo non significa che dovresti diventare un coglione scontroso che si fa beffe di un prezioso feedback. Quello che sto cercando di dire è che se nessuno è d'accordo a "possedere" il lavoro di tipografia durante un progetto, finirai con un tipo mediocre, annacquato e semi-assed che non rende giustizia al Infatti, abbiamo secoli di ricerca tipografica a portata di mano. Stendere una colonna di testo e sperare che qualche altro designer, sviluppatore o cliente tornerà e farlo sembrare giusto è un poliziotto.
Sii il progettista, possiedi la responsabilità. La tipografia è il tuo lavoro.
Quando pensi a un'interfaccia utente, cosa ne pensi? Menu di scorrimento classico di un iPod? Il display del cruscotto per la tua auto? Qualche HUD del videogioco di fantascienza? Questi sono forse tutti esempi di interfacce utente? ma mi piacerebbe che tu riconsideri cosa significa per i web designer. Esaminiamo brevemente le tendenze dello stile dell'interfaccia nell'ultimo decennio:
Queste sono tutte grandi mode (e sì, ci sono ovviamente molte eccezioni a queste generalizzazioni)? ma considera alcuni dei marchi guidati dal web che sono esistiti in tutti questi anni (e si rifiutano ancora di morire). Qui - ti mostrerò come sono:
Qualcuno di questi è ciò che considereresti come "grandi interfacce utente"? Probabilmente no? Ma hanno tutti un successo ridicolo (e piaccia o no, utilizzabile) disegni. Quindi, perché i web designer si stanno piegando all'indietro per creare disegni che sembrano niente di niente come loro?
La mia modesta opinione: è perché la nostra industria / commercio è ancora relativamente immatura. Speriamo tutti di trovare il "prossimo grande stile", quindi evitiamo di proposito disegni noiosi ma funzionali. Detestiamo l'idea che qualcosa progettato nel 2005 abbia ancora utenti. Abbracciamo l'idea che, rifuggendo i nostri progetti con tecniche e trame difficili, li renderà in qualche modo più utilizzabili.
Forse una migliore analogia si trova nelle auto? Stiamo tutti cercando di progettare una Ferrari tipografica quando il 98% dei progetti richiede solo una Honda Civic (o in alcuni casi una bicicletta). Finché funziona per ottenere persone dal punto A al punto B, va bene. Nel secondo iniziamo a cambiare la funzionalità del sito con le nostre fantasiose nozioni su come dovrebbe apparire una "fantastica interfaccia utente", rischiamo di rompere la bici.
Il semplice fatto è che il semplice vecchio testo, senza tutti gli effetti delle bolle, la lucentezza e altre schifezze che abbiamo gettato intorno ad esso, è altrettanto utilizzabile da solo come se fosse tutto in stile come se fosse andando a camminare sul tappeto rosso.
Perché? Perché il testo è l'interfaccia utente! Prima di prendere lo strumento sfumatura, ricorda che - il testo è l'interfaccia. Non è possibile avere un'interfaccia utilizzabile senza che il testo sia leggibile e significativo. I navigatori del Web si adatteranno a qualsiasi foglio di stile che passi su un design, ma gli elementi principali di un sito (navigazione + contenuto) devono funzionare prima di ogni altra cosa.
Nota a margine: questo concetto di "testo come interfaccia utente" è originariamente attribuito a Khoi Vinh - ma ho avuto difficoltà a rintracciare dove ha effettivamente scritto su questo - quindi dovrai credermi sulla parola.
Il tipo va sempre all'interno di un layout e i layout sul Web non esistono mai, mai senza codice.
L'ultima regola che ho intenzione di affrontare oggi è la roba che costituisce la tipografia del web: CSS. Con un CSS ben scritto, l'intero sito Web deve essere stilizzato in modo logico: ogni pagina sarà simile, creando una presentazione del sito unificata e coerente. Con CSS ben scritto, è possibile indirizzare più browser e dispositivi. Diamine, con un CSS ben scritto, impedirai ai redattori di copiare i tuoi capelli di infrangere i tuoi bei disegni.
Il punto su cui sto guidando è questo: se ti piacciono i web designer, ma sei davvero bravo a montare i mockup di Photoshop, ti manca metà di ciò che significa progettare per il web. Il tipo va sempre all'interno di un layout e i layout sul Web non esistono mai, mai senza codice.
Non dirò molto qui perché, francamente, sono desideroso di iniziare a scrivere le prime parti di questa serie - ma vorrei concludere con una manciata di link che voi ragazzi / ragazze potete controllare nel frattempo. Il mio obiettivo per questa serie sarà quello di compilare un fantastico compendio di esercitazioni di tipografia web reali e pratiche? ma ho intenzione di trarre informazioni da una varietà di altri autori, articoli e libri. Quindi, ecco la mia lista:
Accentsconagua