Poznaj „Kierownictwo artystyczne dla sieci”, nową rozbijającą książkę Andy'ego Clarke'a

Strona w sieci Web nie przypomina strony drukowanej. Wielu z nas przekonało się o tym w bolesny sposób, gdy porzuciliśmy układy o stałej szerokości i przyjęliśmy nieodłączną elastyczność i responsywność sieci. Przeczytaj rozdział z fragmentami.

Nowoczesne technologie internetowe, takie jak CSS Grid, Flexbox i Shapes, umożliwiły nam zaimplementowanie często charakterystycznych projektów drukowanych, a sieć jest teraz pełna samouczków na temat ich używania. Ale najważniejszym pytaniem nie jest „jak” możemy wykorzystać techniki artystyczne do ulepszania naszych projektów w sieci, ale „kiedy” i „dlaczego”.

To jest powód, dla którego Andy Clarke napisał swoją nową książkę Art Direction for the Web. Jest to książka o tym, dlaczego kierownictwo artystyczne ma znaczenie i jak możesz kierować atrakcyjnymi i efektownymi doświadczeniami na różnych urządzeniach i platformach.

Andy bada prace niektórych z najbardziej wpływowych dyrektorów artystycznych, takich luminarzy jak Alexey Brodovitch, Bea Feitler i Neville Brody. Nie zachęca nas tylko do naśladowania prac z poprzedniej epoki i medium, ale do zrozumienia ich myślenia i nauczenia się, jak zastosować tę wiedzę do kierowania sztuką w sieci.

Andy pisze:

„Nie trzeba było uczęszczać do szkoły artystycznej, żeby uczyć się i stosować zasady, których cię uczę. Podobnie jak sam kierunek artystyczny, są one czymś, z czego każdy — bez względu na swoje doświadczenie i aktualną dziedzinę wiedzy — może codziennie używać do poprawy skuteczności produktu lub projektu witryny”.

Celem Andy'ego jest nauczenie ludzi, jak ważne jest kierowanie sztuką w sieci i wyjaśnienie, w jaki sposób kierownictwo artystyczne może pomóc ludziom opowiadać historie za pomocą projektowania. W ten sposób produkty i strony internetowe połączą się z odbiorcami, a także utrzymają ich zaangażowanie. Po dokładnym zbadaniu metodologii kierowania sztuką, Andy uczy, jak to osiągnąć, ogarniając sieć przy użyciu nowoczesnego CSS.

Kierownictwo artystyczne dla sieci Web pomoże Ci zwiększyć skuteczność komunikowania się, przekonywania i sprzedawania Twoich witryn. Jeśli opracujesz produkty, ta książka sprawi, że będą one bardziej atrakcyjne i przyjemniejsze w użyciu. Przeczytaj fragment rozdziału →

Spis treści

Część 1: Wyjaśnienie kierunku artystycznego

• Co oznacza kierunek artystyczny
  Zapytaj, co oznacza kierunek artystyczny dla programistów, a mogą odpowiedzieć: używanie atrybutu lub sizes <picture> w HTML dla responsywnych obrazów; prezentowanie alternatywnych upraw, orientacji lub rozmiarów na różnych rozmiarach ekranu. Ale jest w tym coś więcej.
• Sto lat reżyserii artystycznej
  Bradley, Brodovitch, Brody i Feitler – razem ich nazwiska brzmią jak agencja reklamowa z epoki Mad Men. W tym rozdziale przyjrzymy się ich kultowym pracom, od lat 30. do 80. XX wieku.
• Doświadczenia reżyserskie
  Niezależnie od tego, czy piszemy fakty czy fikcje, sprzedajemy lub tworzymy produkty, sposobem na zaangażowanie ludzi, wzbudzenie pożądania, uszczęśliwienie ich i zachęcenie do pozostania w tym stanie jest tworzenie narracji. Co więc musimy wziąć pod uwagę, robiąc to?
• Kierownictwo artystyczne i zespoły kreatywne
  Przyjrzyjmy się, jak możemy przyjąć współpracę i tworzyć zespoły, które stosują strategie zbudowane wokół wspólnych celów.

Część 2: Projektowanie dla kierunku artystycznego

• Zasady projektowania
  Czy zasady, które od pokoleń kierują projektowaniem w innych mediach, są istotne dla świata cyfrowych produktów i stron internetowych? Oczywiście! W tym rozdziale zbadamy zasady symetrii, asymetrii, stosunków i skali.
• Siatki reżyserskie
  Siatki mają długą i zróżnicowaną historię w projektowaniu, od najwcześniejszych książek, przez ruchy takie jak konstruktywizm, aż po dzisiejszą popularność siatek w ramach, takich jak Bootstrap i Material Design. W tym rozdziale wyjaśniono anatomię i terminologię siatek oraz sposób korzystania z siatek modułowych i złożonych.
• Typ reżyserii
  W tym rozdziale skupimy się na białych przestrzeniach, skali typograficznej i kreatywnym użyciu pisma.
• Reżyseria zdjęć
  Obrazy i sposób ich wyświetlania mają ogromny wpływ na to, jak ludzie postrzegają nasze projekty, niezależnie od tego, czy są to witryny komercyjne, redakcyjne, czy też wewnątrz produktu. W tym rozdziale dowiesz się, jak pozycjonować i rozmieszczać obrazy, aby kierować wzrokiem.

Część 3: Rozwijanie dla kierunku artystycznego

• Tworzenie układów za pomocą siatek CSS
  CSS Grid plus przemyślana, ukierunkowana na sztukę treść daje nam największą jak dotąd szansę na tworzenie stron internetowych, które lepiej komunikują się z naszymi odbiorcami. W tym rozdziale Andy wyjaśnia właściwości i techniki, które są najbardziej odpowiednie dla kierunku artystycznego.
• Opracowywanie komponentów za pomocą Flexbox
  Chociaż Grid jest idealny do implementacji układów kierowanych grafiką, Flexbox często lepiej nadaje się do opracowywania molekuł i organizmów, takich jak łącza nawigacyjne, obrazy, podpisy, dane wejściowe wyszukiwania i przyciski. W tym rozdziale dowiesz się, jak z niego korzystać.
• Rozwijanie typografii
  Od układu wielokolumnowego i rozmieszczania tekstu z trybami pisania po orientację tekstu i ozdobną typografię, ten rozdział zagłębia się głęboko w stronę kodu pisma.
• Rozwijanie za pomocą obrazów
  W jaki sposób dopasowujesz swoje obrazy skierowane do grafiki do okna użytkownika? A co kształty i ścieżki CSS mają w zanadrzu dla Twojego projektu? Dowiedzmy się w tym ostatnim rozdziale.

Webinary o niesamowitym telewizorze

Aby towarzyszyć tej książce, Andy prowadzi również serię webinariów w Smashing TV. Webinaria są bezpłatne z członkostwem Smashing, które kosztuje kilka filiżanek kawy miesięcznie (zrezygnuj w dowolnym momencie).

O autorze

Andy Clarke jest znanym projektantem, konsultantem projektowym i mentorem. Odkąd zaczął pracować w sieci, był nazywany wieloma rzeczami. Jego ego lubi określenia takie jak „ambasador CSS”, „prorok branży” i „inspirujący”, ale jest najbardziej dumny, że Jeffrey Zeldman nazwał go kiedyś „potrójnie utalentowanym draniem”.

Wraz z żoną Sue, Andy założył Stuff & Nonsense w 1998 roku. Pomagali firmom na całym świecie ulepszać ich projekty, zapewniając doradztwo i wiedzę projektową.

Andy napisał kilka popularnych książek na temat projektowania i tworzenia stron internetowych, w tym Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design oraz Transcending CSS: The Fine Art Of Web Design . Jest popularnym mówcą i wygłasza wykłady na tematy związane z kierunkiem artystycznym i designem na całym świecie.

Referencje

Naszym celem było, aby książka była jak najbardziej inspirująca, praktyczna i użyteczna i czujemy się zaszczyceni, że otrzymaliśmy już tak pozytywne recenzje.

„Dzięki 'Art Direction for the Web' Andy zapewnia ramy do wykorzystania potencjału sieci. Dzięki kontekstowi historycznemu i przykładom z życia, Andy inspiruje każdego z nas do bardziej celowego podejmowania decyzji. I zgodnie z założeniami, podąża za wszystkimi tymi inspiracjami za pomocą demonstracji i praktycznej wiedzy potrzebnej do zobaczenia naszych pomysłów w Internecie”.

— Trent Walton, współzałożyciel Paravel Inc.

Dlaczego ta książka jest dla ciebie

Treść tej książki opiera się na dwudziestoletnim doświadczeniu Andy'ego w pracy z klientami oraz na wiedzy dyrektorów artystycznych i projektantów, z którymi przeprowadzał wywiady. Nauczysz się :

1. Co oznacza kierunek artystyczny, dlaczego ma to znaczenie i kto może to zrobić.
2. Jak sprawić, by kierunek artystyczny działał w przypadku produktów cyfrowych i stron internetowych.
3. Jak poprawić konwersje i ożywić podróże swoich klientów.
4. Jak zachować wartości marki i zasady projektowania, łącząc punkty styku w marketingu, projektowaniu produktów i witrynach internetowych.
5. Jak w bardziej pomysłowy sposób korzystać z zasad kierownictwa artystycznego, takich jak układ, typografia, proporcje, proporcje i siatki, aby zakomunikować, co chcesz zrobić znacznie lepiej.
6. Jak zaimplementować swoje projekty na dowolnej platformie z najnowszym kodem HTML i CSS.
7. …Ponadto będziemy badać wyjątkowe projekty ze 100 lat publikacji medialnych i drukowanych, aby uzyskać dodatkową inspirację dla kierunku artystycznego.

Szczegóły techniczne

• 344 strony, 14 × 21 cm ( 5,5 × 8,25 cala)
• ISBN: 978-3-945749-76-0 (druk)
• Wysokiej jakości twarda oprawa z szytą oprawą i wstążką.
• EBook jest dostępny w formacie PDF, ePUB i Amazon Kindle.
• Bezpłatna wysyłka pocztą lotniczą na cały świat z Niemiec. Od połowy kwietnia . (Patrz terminy dostaw.)
• Dostępne w formie drukowanej, wysokiej jakości w twardej oprawie i eBook.