Incontra "Art Direction For The Web", un nuovo fantastico libro di Andy Clarke

Una pagina sul Web non è come una pagina stampata. Molti di noi lo hanno imparato a proprie spese quando abbiamo abbandonato i layout a larghezza fissa e abbiamo abbracciato la flessibilità e la reattività intrinseche del Web. Leggi il capitolo estratto.

Le moderne tecnologie web come CSS Grid, Flexbox e Shapes ci hanno permesso di implementare i design spesso distintivi della stampa e il web è ora pieno di tutorial su come usarli. Ma la domanda più importante non è "come" possiamo usare le tecniche di direzione artistica per migliorare i nostri progetti per il web, ma "quando" e "perché".

Questo è il motivo per cui Andy Clarke ha scritto il suo nuovo libro Art Direction for the Web. Questo è un libro sul perché l'art direction è importante e su come puoi creare art-direct esperienze avvincenti ed efficaci su dispositivi e piattaforme.

Andy esplora il lavoro di alcuni dei più influenti art director, luminari come Alexey Brodovitch, Bea Feitler e Neville Brody. Non ci incoraggia semplicemente a imitare il lavoro di un'era e un mezzo precedenti, ma a capire il loro pensiero e imparare come applicare quella conoscenza alla direzione artistica per il web.

Andy scrive,

“Non avresti dovuto frequentare una scuola d'arte per imparare e applicare i principi che ti insegno. Proprio come la direzione artistica stessa, sono qualcosa che tutti, indipendentemente dal tuo background e dall'attuale area di competenza, possono utilizzare ogni giorno per migliorare l'efficacia del design di un prodotto o di un sito Web".

L'obiettivo di Andy è insegnare alle persone l'importanza dell'art direction per il web e spiegare come l'art direction può aiutare le persone a raccontare storie usando il design. In questo modo, i prodotti e i siti Web si collegheranno al pubblico e riusciranno anche a mantenerli coinvolti. Dopo un'approfondita indagine sulla metodologia dell'art direction, Andy insegna come realizzarla abbracciando il web utilizzando i moderni CSS.

Art Direction per il Web ti aiuterà a rendere i tuoi siti più efficaci nel comunicare, persuadere e vendere. Se sviluppi prodotti, questo libro li renderà più avvincenti e più divertenti da usare. Leggi il capitolo estratto →

Sommario

Parte 1: Spiegazione della direzione artistica

• Cosa significa direzione artistica
  Chiedete cosa significa l'art direction per gli sviluppatori e loro potrebbero rispondere: usando l'elemento <picture> o l'attributo sizes in HTML per immagini reattive; presentando ritagli, orientamenti o dimensioni alternative a varie dimensioni dello schermo. Ma c'è di più.
• Cent'anni di direzione artistica
  Bradley, Brodovitch, Brody e Feitler - insieme, i loro nomi suonano come un'agenzia pubblicitaria dell'era di Mad Men. In questo capitolo daremo uno sguardo alle loro opere iconiche, dagli anni '30 agli anni '80.
• Esperienze di direzione artistica
  Sia che scriviamo fatti o finzione, vendiamo o realizziamo prodotti, il modo per coinvolgere le persone, creare desiderio, renderle felici e incoraggiarle a rimanere tali è creare narrazioni. Quindi cosa dobbiamo considerare quando lo facciamo?
• Direzione artistica e team creativi
  Diamo un'occhiata a come possiamo abbracciare la collaborazione e formare team che seguono strategie basate su obiettivi comuni.

Parte 2: Progettazione per la direzione artistica

• Principi di progettazione
  I principi che guidano la progettazione in altri media da generazioni sono rilevanti per il mondo dei prodotti digitali e dei siti web? Certamente! In questo capitolo esploreremo i principi di simmetria, asimmetria, rapporti e scala.
• Griglie Direzionali
  Le griglie hanno una storia lunga e variegata nel design, dai primi libri, attraverso movimenti come il costruttivismo fino alla popolarità odierna delle griglie in strutture come Bootstrap e il design dei materiali. Questo capitolo spiega l'anatomia e la terminologia della griglia e come utilizzare le griglie modulari e composte.
• Tipo di regia
  Lo spazio bianco, la scala tipografica e gli usi creativi dei caratteri sono al centro di questo capitolo.
• Dirigere le immagini
  Le immagini e il modo in cui le mostriamo hanno un enorme impatto sul modo in cui le persone percepiscono i nostri design, sia che si tratti di un sito Web commerciale o editoriale, sia all'interno di un prodotto. In questo capitolo imparerai come posizionare e disporre le immagini per dirigere lo sguardo.

Parte 3: Sviluppo per la direzione artistica

• Sviluppo di layout con griglie CSS
  CSS Grid, oltre a contenuti mirati e diretti all'arte, ci offre le migliori possibilità di creare siti Web che riescano a comunicare meglio con il nostro pubblico. In questo capitolo, Andy spiega le proprietà e le tecniche più appropriate per la direzione artistica.
• Sviluppo di componenti con Flexbox
  Mentre Grid è l'ideale per implementare layout art-directed, Flexbox è spesso più adatto per lo sviluppo di molecole e organismi come collegamenti di navigazione, immagini, didascalie, input di ricerca e pulsanti. Questo capitolo esplora come utilizzarlo.
• Lo sviluppo della tipografia
  Dal layout a più colonne e dalla disposizione dei caratteri con modalità di scrittura all'orientamento del testo e alla tipografia decorativa, questo capitolo approfondisce il lato codice del testo.
• Sviluppare con le immagini
  Come si adattano le immagini dirette alla grafica al viewport di un utente? E cosa hanno in serbo le forme e i percorsi CSS per il tuo design? Scopriamolo in questo capitolo finale.

Webinar TV strepitosi

Per accompagnare questo libro, Andy terrà anche una serie di webinar su Smashing TV. I webinar sono gratuiti con Smashing Membership, che costa un paio di tazze di caffè al mese (cancella in qualsiasi momento).

Circa l'autore

Andy Clarke è un noto designer, consulente di design e mentore. È stato chiamato un sacco di cose da quando ha iniziato a lavorare sul web. Al suo ego piacciono termini come "Ambasciatore per CSS", "profeta del settore" e "ispirante", ma è molto orgoglioso che Jeffrey Zeldman una volta lo abbia definito un "bastardo dal triplo talento".

Con sua moglie, Sue, Andy ha fondato Stuff & Nonsense nel 1998. Hanno aiutato le aziende di tutto il mondo a migliorare i loro progetti fornendo consulenza ed esperienza di progettazione.

Andy ha scritto diversi libri popolari sulla progettazione e lo sviluppo di siti Web, tra cui Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design e Transcending CSS: The Fine Art Of Web Design . È un oratore popolare e tiene discorsi su direzione artistica e argomenti relativi al design in tutto il mondo.

Testimonianze

Il nostro obiettivo era rendere il libro il più stimolante, pratico e utile possibile e ci sentiamo onorati di aver già ricevuto recensioni così positive.

“Con 'Art Direction for the Web', Andy fornisce una struttura per sfruttare il potenziale del web. Con il contesto storico e gli esempi di vita reale, Andy ispira ognuno di noi a essere più propositivo riguardo alle scelte che facciamo. E fedele alla forma, segue tutta quell'ispirazione con demo e le conoscenze pratiche necessarie per vedere le nostre idee manifestarsi online".

— Trent Walton, co-fondatore di Paravel Inc.

Perché questo libro è per te

Il contenuto di questo libro si basa sull'esperienza ventennale di Andy nel lavorare con i clienti, oltre all'esperienza degli art director e dei designer che ha intervistato. Imparerai :

1. Cosa significa direzione artistica, perché è importante e chi può farlo.
2. Come far funzionare la direzione artistica per prodotti digitali e siti web.
3. Come migliorare le conversioni e dare vita ai viaggi dei tuoi clienti.
4. Come mantenere i valori del marchio e i principi di progettazione collegando i punti di contatto tra marketing, design del prodotto e siti Web.
5. Come utilizzare i principi della direzione artistica come layout, tipografia, proporzioni, proporzioni e griglie in un modo più fantasioso per comunicare molto meglio ciò che stai cercando di fare.
6. Come implementare i tuoi progetti su qualsiasi piattaforma con gli ultimi HTML e CSS.
7. …Inoltre, esploreremo design eccezionali da 100 anni di media e editoria cartacea per qualche ispirazione in più per la direzione artistica.

Dettagli tecnici

• 344 pagine, 14 × 21 cm ( 5,5 × 8,25 pollici)
• ISBN: 978-3-945749-76-0 (stampa)
• Copertina rigida di qualità con rilegatura cucita e un segnapagina a nastro.
• L' eBook è disponibile in PDF, ePUB e Amazon Kindle.
• Spedizione gratuita per posta aerea in tutto il mondo dalla Germania. A partire da metà aprile . (Vedi tempi di consegna.)
• Disponibile come carta stampata, con copertina rigida di qualità ed eBook.