Un rapido Q & A con Jason Pamental

Jason Pamental ha lavorato sul web per molto tempo; tanto tempo infatti, ha persino usato "Netscape". Questa esperienza, unita alla sua passione per il design reattivo e la tipografia del web (tra le altre cose) lo hanno reso un volto noto sul circuito parlante. L'ho raggiunto, poco prima che si dirigesse a Londra per il Future of Web Design, e ha fatto qualche domanda a modo suo.

Sconto del 10% su FOWD per tuts + lettori!

Future of Web Design ha tenuto conferenze Web brillanti per quasi dieci anni. L'evento di quest'anno di Londra (tenuto presso The Brewery) prevede tre giorni di workshop, conferenze, apprendimento e networking, tutti rivolti a persone come te. 

Il programma a due tracce significa che puoi scegliere e scegliere i discorsi ai quali ti piacerebbe partecipare, offrendoti un'esperienza personalizzata e dinamica, tra alcuni dei più grandi nomi del web design.

Andare al sito Web di FOWD per ulteriori informazioni.

E non è tutto! Se desideri partecipare, utilizza il codice coupon Tuts quando acquisti il ​​tuo biglietto e ti godi un 10% di sconto! Questo codice è valido per ogni tipo di pass, ad eccezione di solo officina passa il studente pass, e il gruppo passa.

Il Q & A

Ciao Jason, grazie per aver dedicato un momento a parlare con noi :) Parlaci un po 'di te; tre punti elenco per avvicinare tutti.

Io in 3 punti elenco? 

  • Ho progettato e sviluppato siti web da quando Mosaic & Netscape 1
  • Pensa ogni giorno in cui imparo qualcosa di nuovo non può essere tutto negativo; ancora meglio se riesco a condividerlo!
  • Sono stato chiamato "Froggy" dalla mia figliastra e figliastro da quando avevano 6 e 8 anni (sono ora 16 e 18). Non sappiamo ancora perché.

Cheating with one more: Penso che il più grande valore nell'essere un designer sia nel creare connessioni oblique - trovare nuovi e diversi modi di connettere persone e sistemi per aiutare le organizzazioni a fare cose più incredibili. Ma senza sapere cosa può fare la tecnologia web, non puoi essere altrettanto efficace. Devi portare la conoscenza di entrambi al tavolo. Quindi puoi davvero fare cose incredibili.

La tipografia è una parte importante di ciò che fai. Pensi che derivi dal fatto di aver visto, di prima mano, il settore web crescere dalla stampa / progettazione grafica? Pensi che i progettisti di fuggiasco non riescano a riconoscere la tipografia dell'attenzione merita?

Penso che ci siano due problemi, derivanti da due diversi tipi di designer. Coloro che provengono da un'educazione alla stampa tradizionale / al design hanno molte conoscenze tipografiche, ma spesso non sanno quanto possono essere utilizzate sul web, o non sanno abbastanza come implementarle per portare davvero quella conoscenza. Ma ci sono anche molti web designer che non provengono da un background di formazione di design tradizionale, quindi quei designer spesso non hanno l'educazione sulla tipografia: come può influenzare la voce e il tono, come può riguardare il tempo e il luogo e l'umore . Quindi, anche se potrebbero avere le conoscenze tecniche su come utilizzare i caratteri web, potrebbero non sapere cosa fare e perché. Ho cercato di affrontare entrambi i lati di questo dilemma nei miei discorsi - ma è una vera sfida, e spesso più di quanto tu possa coprire in un discorso di 45 minuti o un'ora.

Se potessi suggerire un "primo passo" che aiuterebbe i designer a migliorare la loro tipografia sul web, quale sarebbe?

Penso 'gioca'. Ci sono tonnellate di grandi risorse là fuori da leggere (ne ho scritte una coppia, e i blog su tutti i siti di servizi di font sono eccezionali, così come il blog Typecast, la rivista .net e la rivista Smashing hanno grandi cose - la lista va da una ). Ma oltre a leggere un po ', basta registrarsi per un account gratuito su uno dei servizi e provarlo. Oppure prova quelli di Google Web Fonts. È un cambiamento totale quello di spostare una pagina da 'media' a 'interessante' semplicemente cambiando la copia del corpo. Abbiamo centinaia di milioni di pagine Web in Arial. Semplicemente cambiando quella dinamica, puoi far risaltare il tuo design.

Allo stesso modo, cosa diresti è un ostacolo classico nella tipografia del web, qualcosa che spesso vedi gente che sbaglia?

Probabilmente esagerando: includendo troppi font e rallentando davvero il caricamento della pagina. La grande tipografia spesso non coinvolge più di 2 o 3 caratteri tipografici, quindi caricare con 8 diversi pesi e varianti può davvero rallentare il caricamento della pagina senza necessariamente far progredire il progetto. Se i caratteri si caricano lentamente, la pagina apparirà davvero spenta, e questo a sua volta può davvero scoraggiare il client. Quindi tutto il tuo duro lavoro nella progettazione sarà compromesso dal non ottenere l'implementazione tecnica giusta. Non è così difficile - devi solo prestare attenzione ai dettagli.

Con gli strumenti e i servizi web che emergono ogni giorno, ciò che diresti è stato il più utile per te (in particolare per quanto riguarda la tipografia) negli ultimi anni?

Sono un po 'innamorato di Typecast che devo ammettere. È davvero bello - puoi prototipare la tua tipografia dal vivo nel browser con migliaia di caratteri da tutti i diversi servizi. Ma ad essere sinceri penso che una delle migliori tecnologie sia stata quella di MENO e Sass. Avere a disposizione matematica e variabili mi ha permesso di creare i miei framework per il design che hanno un sacco di dettagli tipografici integrati, il che rende molto più veloce e affidabile ottenere risultati ancora migliori. Elimina molta reinvenzione delle ruote.

Al giorno d'oggi alcuni sostengono che "Responsive Web Design" è in realtà solo "Web Design" - in altre parole, come dovremmo pensare al web design di default. Diresti che lo stesso è vero per "Tipografia reattiva"?

Ovviamente! :) 

Penso che la verità sia che mentre vorremmo dire che il 'Responsive Web Design' è in realtà solo 'Web Design', che è davvero solo 'Design' - ma non lo è. È più difficile Dobbiamo trasmettere lo stesso messaggio, incoraggiare lo stesso comportamento con il nostro design senza sapere quali siano le dimensioni dello schermo, quali siano le capacità del dispositivo e nella maggior parte dei casi senza sapere nemmeno quale sia il contenuto specifico perché si trova in un CMS. La tipografia è altrettanto difficile: come possiamo impostare i titoli senza sapere per quanto tempo saranno? Come ci assicuriamo che i nostri paragrafi non finiscano con una parola su una riga quando la larghezza di quella pagina / paragrafo / finestra / schermo cambia sempre?

Penso che sia il responsive web design che la tipografia reattiva dovrebbero essere i nostri 'normali', ma suppongo che non voglio minimizzare o non riuscire a riconoscere che fare bene richiede una quantità significativamente maggiore di design e impegno tecnico e conoscenza . Penso sia necessario, ma non è sempre facile!

Cosa possiamo aspettarci dal vostro workshop e parlare a FOWD 2014?

Bene - Mi occuperò di entrambe le parti della domanda precedente! Il workshop è un intenso viaggio di 'inizio in piuttosto avanzato' in Responsive Web Design. Inizia con esercizi che rispecchiano gli argomenti che Ethan Marcotte ha esposto nel suo libro: griglie flessibili, media fluidi e domande sui media. Ma ho aggiunto altro per le fallback, un approccio più "mobile first" alla codifica e alle query sui media basate su em. Quindi entreremo in argomenti più avanzati come le immagini reattive, i modelli di interfaccia utente emergenti e la tipografia reattiva. È davvero un giorno pieno, ma sono stato stupito dall'energia ogni volta che l'ho fatto. È davvero molto divertente.

Il mio discorso di martedì sarà comunque focalizzato sulla tipografia reattiva. È qualcosa a cui sto pensando da diversi anni e alla fine si sta sgretolando (almeno per me) in una buona serie di argomenti che possono davvero significare qualcosa. Performance, progressione, proporzione e lucentezza: le quattro "P". È tutto un equilibrio tra arte e scienza, tipo e tecnologia. È necessario ottenere i caratteri sulla pagina, deve funzionare per tutti e deve adattarsi per i cambiamenti nelle dimensioni dello schermo. E ha bisogno di guardare fatto. È molto da coprire in 40 minuti, ma ho un sacco di campioni e diapositive da portare via e iniziare a giocare!

Altro Jason

Se stai programmando di visitare FOWD a Londra ad aprile, il seminario di Jason "From Sharpie to Sublime: a Responsive Design Intensive" il 7 aprile è già esaurito. Tuttavia, puoi ancora leggere il suo discorso "Digita, in modo reattivo: il design per la leggibilità e il significato su qualsiasi schermo" alle 11:30 dell'8 aprile.

Non dimenticare di utilizzare il codice sconto promozionale Tuts per10% di sconto all'acquisto di un biglietto!

  • www.hwdesignco.com
  • @jpamental su Twitter