Faceți cunoștință cu „Art Direction for the Web”, O nouă carte zdrobitoare de Andy Clarke

O pagină de pe Web nu este ca o pagină tipărită. Mulți dintre noi am învățat că pe calea grea când am abandonat aspectele cu lățime fixă ​​și am îmbrățișat flexibilitatea și capacitatea de răspuns inerente ale web-ului. Citiți capitolul extras.

Tehnologiile web moderne, cum ar fi CSS Grid, Flexbox și Shapes, ne-au făcut posibil să implementăm design-urile adesea distinctive ale tipăririi, iar web-ul este acum plin de tutoriale despre cum să le folosim. Dar cea mai importantă întrebare nu este „cum” putem folosi tehnici de direcție artistică pentru a ne îmbunătăți design-urile pentru web, ci „când” și „de ce”.

Acesta este motivul pentru care Andy Clarke a scris noua sa carte Art Direction for the Web. Aceasta este o carte despre motivul pentru care este importantă direcția artistică și despre cum puteți dirija experiențe convingătoare și eficiente pe dispozitive și platforme.

Andy explorează munca unora dintre cei mai influenți directori de artă, persoane luminate precum Alexey Brodovitch, Bea Feitler și Neville Brody. El nu ne încurajează să imităm doar munca dintr-o epocă și un mediu anterioare, ci să le înțelegem gândirea și să învățăm cum să aplicăm aceste cunoștințe în direcția de artă pentru web.

Andy scrie,

„Nu trebuia să fii la școala de artă pentru a învăța și a aplica principiile pe care ți le predau. La fel ca și direcția artistică în sine, sunt ceva pe care toată lumea – indiferent de antecedentele și domeniul actual de expertiză – îl poate folosi în fiecare zi pentru a îmbunătăți eficacitatea designului unui produs sau al site-ului web.”

Scopul lui Andy este de a-i învăța pe oameni despre importanța direcției de artă pentru web și de a explica modul în care direcția de artă îi poate ajuta pe oameni să spună povești folosind design. În acest fel, produsele și site-urile web vor intra în legătură cu publicul și, de asemenea, vor reuși să le mențină implicate. După o investigație amănunțită a metodologiei direcției de artă, Andy învață cum să o realizeze prin îmbrățișarea webului folosind CSS modern.

Art Direction pentru Web vă va ajuta să vă faceți site-urile mai eficiente în comunicare, convingere și vânzare. Dacă dezvoltați produse, această carte le va face mai convingătoare și mai plăcut de utilizat. Citiți capitolul extras →

Cuprins

Partea 1: Explicarea direcției artistice

• Ce înseamnă Art Direction
  Întrebați ce înseamnă direcția artistică pentru dezvoltatori și aceștia ar putea răspunde: folosind elementul <picture> sau atributul sizes în HTML pentru imagini receptive; prezentând culturi, orientări sau dimensiuni alternative la diferite dimensiuni de ecran. Dar este mai mult.
• O sută de ani de regie artistică
  Bradley, Brodovitch, Brody și Feitler — împreună, numele lor sună ca o agenție de publicitate din epoca Mad Men. În acest capitol, vom arunca o privire asupra lucrărilor lor iconice, din anii 1930 până în anii 1980.
• Experiențe de regie artistică
  Indiferent dacă scriem realitate sau ficțiune, vindem sau facem produse, modul de a implica oamenii, de a crea dorință, de a-i face fericiți și de a-i încuraja să rămână așa, este prin a crea narațiuni. Deci, ce trebuie să luăm în considerare atunci când facem acest lucru?
• Direcția artistică și echipele creative
  Să aruncăm o privire la modul în care putem îmbrățișa colaborarea și forma echipe care urmează strategii construite în jurul obiectivelor comune.

Partea 2: Proiectare pentru direcția artistică

• Principii de proiectare
  Sunt principiile care au ghidat designul în alte medii pentru generații relevante pentru lumea produselor digitale și a site-urilor web? Desigur! În acest capitol, vom explora principiile de simetrie, asimetrie, rapoarte și scară.
• Grile de direcție
  Grilele au o istorie lungă și variată în design, de la cele mai vechi cărți, prin mișcări precum constructivismul până la popularitatea actuală a grilelor în cadre precum Bootstrap și design material. Acest capitol explică anatomia și terminologia grilei și modul de utilizare a grilelor modulare și compuse.
• Tip de regie
  Spațiul alb, scara tipografică și utilizările creative ale tipului sunt accentul în acest capitol.
• Regia de imagini
  Imaginile și modul în care le afișăm au ​​un impact enorm asupra modului în care oamenii percep design-urile noastre, fie că este pe un site web comercial sau editorial, fie în interiorul unui produs. În acest capitol, veți învăța cum să poziționați și să aranjați imaginile pentru a direcționa privirea.

Partea 3: Dezvoltarea pentru direcția artistică

• Dezvoltarea layout-urilor cu grile CSS
  Grila CSS plus conținutul atent, orientat către artă, ne oferă cea mai bună șansă de până acum de a crea site-uri web care sunt mai bune în comunicarea cu publicul nostru. În acest capitol, Andy explică proprietățile și tehnicile care sunt cele mai potrivite pentru direcția artistică.
• Dezvoltarea componentelor cu Flexbox
  În timp ce Grid este ideal pentru implementarea machetelor orientate către artă, Flexbox este adesea mai potrivit pentru dezvoltarea moleculelor și organismelor, cum ar fi link-uri de navigare, imagini, legendă, intrări de căutare și butoane. Acest capitol explorează cum să îl folosiți.
• Dezvoltarea tipografiei
  De la aspectul cu mai multe coloane și aranjarea tipului cu moduri de scriere până la orientarea textului și tipografia decorativă, acest capitol se afundă adânc în partea codului tipului.
• Dezvoltarea cu imagini
  Cum vă potriviți imaginile orientate către artă în fereastra unui utilizator? Și ce au pregătit formele și căile CSS pentru designul tău? Să aflăm în acest capitol final.

Webinarii Smashing TV

Pentru a însoți această carte, Andy oferă și o serie de seminarii web pe Smashing TV. Webinarile sunt gratuite cu Smashing Membership, care costă câteva cești de cafea pe lună (anulează oricând).

Despre autor

Andy Clarke este un designer binecunoscut, consultant de design și mentor. A fost numit o mulțime de lucruri de când a început să lucreze pe web. Egoului său îi plac termeni precum „Ambasador pentru CSS”, „profeț al industriei” și „inspirator”, dar este cel mai mândru că Jeffrey Zeldman l-a numit cândva un „nemernic cu triplu talent”.

Împreună cu soția sa, Sue, Andy a fondat Stuff & Nonsense în 1998. Au ajutat companiile din întreaga lume să-și îmbunătățească design-urile, oferind consultanță și expertiză în design.

Andy's a scris mai multe cărți populare despre design și dezvoltare de site-uri web, inclusiv Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design și Transcending CSS: The Fine Art Of Web Design . Este un vorbitor popular și susține discuții despre direcția artistică și subiecte legate de design în întreaga lume.

Mărturii

Scopul nostru a fost să facem cartea cât mai inspirată, practică și utilă posibil și ne simțim onorați că am primit deja recenzii atât de pozitive.

„Cu „Art Direction for the Web”, Andy oferă un cadru pentru valorificarea potențialului web. Cu context istoric și exemple din viața reală, Andy ne inspiră pe fiecare dintre noi să fim mai intenționați cu privire la alegerile pe care le facem. Și fidel la formă, el urmărește toată această inspirație cu demonstrații și cunoștințele practice necesare pentru a vedea ideile noastre manifestându-se online.”

- Trent Walton, co-fondator al Paravel Inc.

De ce această carte este pentru tine

Conținutul acestei cărți se bazează pe experiența de 20 de ani a lui Andy în lucrul cu clienții, plus expertiza directorilor de artă și a designerilor pe care i-a intervievat. vei invata :

1. Ce înseamnă direcția artistică, de ce contează și cine o poate face.
2. Cum să faci direcția de artă să funcționeze pentru produse digitale și site-uri web.
3. Cum să îmbunătățiți conversiile și să dați viață călătoriilor clienților dvs.
4. Cum să mențineți valorile mărcii și principiile de design prin conectarea punctelor de contact în marketing, design de produs și site-uri web.
5. Cum să utilizați principiile direcției artistice, cum ar fi aspectul, tipografia, proporțiile, raportul și grilele într-un mod mai imaginativ pentru a comunica mult mai bine ceea ce încercați să faceți.
6. Cum să vă implementați design-urile pe orice platformă cu cele mai recente HTML și CSS.
7. …În plus, vom explora modele remarcabile din 100 de ani de publicații media și tipărite pentru o inspirație suplimentară pentru direcția artistică.

Detalii tehnice

• 344 de pagini, 14 × 21 cm ( 5,5 × 8,25 inchi)
• ISBN: 978-3-945749-76-0 (tipărit)
• Copertă cartonată de calitate, cu legare cusată și un marcator de pagină cu panglică.
• Cartea electronică este disponibilă în format PDF, ePUB și Amazon Kindle.
• Transport aerian gratuit în întreaga lume din Germania. Începând cu jumătatea lunii aprilie . (Vezi timpii de livrare.)
• Disponibil ca tipărit, cu copertă rigidă de calitate și eBook.