Sztuczka do projektowania świetnego układu
Dlaczego czasopisma i książki zawsze są takie same? Nawet w przypadku alternatywnego projektu istnieje harmonia w układzie lub głowa czytelnika eksploduje ... lub po prostu przestanie czytać i przejdzie do następnej strony. Udane projektowanie w zakresie publikacji, reklamy, projektowania stron internetowych, ilustracji i wszystkiego, co łączy elementy, zależy od przyciągnięcia czytelnika i poprowadzenia ich wzrokiem po stronie.
Niektórzy uważają, że to nie jest wielka sprawa i że projektowanie strony jest naturalne, ponieważ uczymy się dorastania i oglądania projektów od dzieciństwa, ale niewielu, jeśli w ogóle, rozumie, dlaczego działa tak, jak to robi. W większości społeczeństw czytamy od lewej do prawej. Wciąż brzmi prosto? Po prostu zacznij od lewej i wszystko będzie na swoim miejscu? Zasadniczo, ale wyzwaniem jest sprawienie, aby czytelnik spojrzał na elementy we właściwej kolejności lub przynajmniej na kolejność, którą chcesz zobaczyć, co jest trudną sztuczką w projektowaniu layoutu.
Zasady
Nigdy nie przestrzegałem zasad, ale nauczyciele i wielcy artyści mają pewne niezapomniane cytaty na ten temat. "Zanim będziesz mógł złamać zasady, musisz znać zasady" i "aby stworzyć własny świat, musisz najpierw zrozumieć prawdziwy świat".
Jeśli przeanalizujesz łamacze reguł, zobaczysz, że wszyscy oni mieli podstawy uczenia się z prawdziwego świata, podstaw i ewolucji. Zasady to podstawowa wiedza na temat układu, rodzaju, elementów koloru, ilustracji i fotografii oraz tego, w jaki sposób oko je ogląda, a mózg odszyfrowuje je wszystkie razem.
To, co większość nauczycieli stara się nadać układowi, nazywa się wzorcem "Z". Jest to wzór czytania (kultury Zachodu) dla strategicznego umieszczenia ważnych informacji. Zacznij w lewym górnym rogu, idź w prawo, a następnie w dół i wróć w lewo, idąc od góry do dołu. Standardowy i prosty.
Muszę się pośmiać z zamieszczenia w Internecie "zasad projektowania layoutów" z 1950 roku. Zasady są jednak dobre i nadal mówią o podstawach projektowania.
- Użyj ramek, gdy chcesz oprawić i zwrócić uwagę na informacje (np. Spis treści, kalendarze, specjalne uwagi).
- Pozwól krawędziom kolumn tekstowych i kompozycji stworzyć iluzję granic.
- Zwróć uwagę na ramki lub obrazy za pomocą obramowania z cieniem.
- Przyciągnij uwagę czytelnika do ważnych elementów, kontrastując rozmiar (skalę), kolor i pozycję strony. Upewnij się, że elementy mają funkcję obsługującą zawartość.
- Użyj dużego, pogrubionego typu wyświetlacza i / lub grafiki do stworzenia ostrości. Użyj elementów o wizualnej wadze, intensywności lub kolorze, aby uzyskać ostrość.
- Użyj siatki, aby uporządkować elementy na stronie. Upewnij się, że kratka jest elastyczna, ale sekcje siatki nie są zbyt małe. Podziel stronę na cztery lub pięć kolumn dla większej elastyczności.
- Użyj wielu kolumn do uporządkowania tekstu, a wizualizacji do mniejszych (łatwiejszych do odczytania) bloków informacji.
- Podziel tekst na dwie lub trzy równe kolumny, aby uzyskać najlepsze wyniki na standardowej stronie.
- Użyj pojedynczej, szerszej kolumny z mniejszą kolumną do wycinania ofert i innych rodzajów treści pomocniczych.
Cóż, są to proste zasady i nadal przenoszą się na to, co jest potrzebne dzisiaj, a także w przyszłości, ale w naszej kulturze konsumpcyjnej i tak wielu wspaniałych łamaczy reguł w dzisiejszych czasach, zasady ewoluują. Jedną z ewolucji w projektowaniu był "system sieci." Według Wikipedia :
Po drugiej wojnie światowej wielu grafików, w tym Max Bill, Emil Ruder i Josef Müller-Brockmann, pod wpływem modernistycznych idei Die neue Typographie Jana Tschicholda zaczęło kwestionować znaczenie tradycyjnej strony układ czasu. Zaczynają opracowywać elastyczny system, który pomoże projektantom osiągnąć spójność w organizacji strony. Rezultatem była nowoczesna siatka typograficzna powiązana z międzynarodowym stylem typograficznym. Prace nad tym tematem, systemy Grid w projektowaniu graficznym Müllera-Brockmanna, pomogły propagować wykorzystanie sieci, najpierw w Europie, a później w Ameryce Północnej.
Do połowy lat siedemdziesiątych nauka siatki typograficznej jako części programów graficznych stała się standardem w Europie, Ameryce Północnej i dużej części Ameryki Łacińskiej. Graficzny styl siatki został przyjęty jako spojrzenie na komunikację korporacyjną. We wczesnych latach 80. ubiegłego wieku reakcja na zakamuflowanie sieci, szczególnie jej dogmatyczne wykorzystanie i powiązanie z kulturą korporacyjną, spowodowało, że niektórzy projektanci odrzucili jego użycie na rzecz bardziej organicznej struktury. Pojawienie się komputera Apple Macintosh i wynikające z niego przejście od typowania ustalonego przez typografów do samego typu ustawiania projektantów spowodowało falę eksperymentów, w dużej mierze sprzecznych z przykazaniami Tschicholda i Müllera-Brockmanna. Siatka typograficzna jest nadal nauczana dzisiaj, ale bardziej jako przydatne narzędzie dla niektórych projektów, a nie jako wymaganie lub punkt wyjścia dla całego projektu strony.
Twórcy reguł i łamacze
Jeśli nie słyszałeś Josef Müller-Brockmann , a następnie jest koniecznością na liście projektantów do studiowania. Müller-Brockmann był czymś więcej niż tylko mężczyzną, który starał się stworzyć to, co jest teraz nazwane Szkołą Szwajcarską; Konstruktywizm, De Stijl, Suprematyzm i Bauhaus, z których wszystkie pchnęły jego projekty w nowy kierunek, który otworzył drzwi do twórczej ekspresji w projektowaniu graficznym, wpłynęły na niego. Wśród jego rówieśników jest on prawdopodobnie najbardziej rozpoznawalny, gdy patrzy na ten okres.
Müller-Brockmann wkrótce został uznany za wiodącego praktyka i teoretyka stylu szwajcarskiego, który dążył do uniwersalnej ekspresji graficznej poprzez projekt oparty na siatce, oczyszczony z obcej ilustracji i subiektywnego odczucia.
Siatka była priorytetem, a układ elementów typograficznych i obrazowych z sensownym użyciem koloru, zestawiony w pozór porządku, oparty na od lewej do prawej, od góry do dołu. Według Wikipedii system sieci to "dwuwymiarowa struktura składająca się z szeregu przecinających się osi pionowych i poziomych wykorzystywanych do struktury treści. Siatka służy jako szkielet, na którym projektant może porządkować tekst i obrazy w sposób racjonalny i łatwy do przyjęcia. "
Müller-Brockmann jest znany ze swoich prostych projektów i czystego wykorzystania typografii, w szczególności Akzidenz-Grotesk, kształtów i kolorów, co inspiruje wielu grafików w XXI wieku. Podobnie jak w przypadku francuskich plakatów z lat 90. XIX wieku, Müller-Brockmann i jego rówieśnicy próbowali przyciągnąć klientów i sprzedawać produkty z odważną, prostotą. Plakaty, które służyły przyciąganiu publiczności do wydarzeń, w szczególności wydarzeń muzycznych i wystaw muzealnych, obejmowały abstrakcyjne kształty geometryczne, do których styl został zapamiętany; ale to plakaty z ogłoszeniami o służbie publicznej z tego okresu były bardziej zauważalne niż w wielu innych okresach projektowania. Proste, czyste i graficzne komunikaty, podobnie jak w przypadku plakatów z muzyką, mogły być zrozumiane przez widzów z różnymi językami.
Ed Fella , współczesny projektant, jest prawdziwym łamaczem zasad zarówno jeśli chodzi o układ, jak i design, jednak nadal zwraca uwagę na to, jak oko i mózg przeglądają stronę. Wystarczy spojrzeć na jego pracę, by pomyśleć, że jest szaleńcem. Wymusza sprzeczność, ale wciąż gra na siatce. Nie dlatego, że tam jest, ale dlatego, że służy do tego, by przyciągnąć wzrok w każdym miejscu i nadal tworzyć przyjemny, czytelny projekt. Istnieje chaos i równowaga, istniejące obok siebie identyczne syjamskie bliźnięta - jedno dobre, a drugie złe.
© Ed Fella
Fella określił swoją twórczość jako stylistyczną, "niesłusznie". Jego praca jest surowa i obsesyjna. Ma moc i spontaniczność. Zrodziło się z wiedzy o układzie, typografii, designie i teorii. Wydaje się, że skończyło się to bardzo, bardzo dobrze. Ma inspirujące słowa, które każdy projektant powinien przeczytać:
"Interesuje mnie projektowanie graficzne jako sztuka" - mówi. "Jest to rodzaj praktyki artystycznej, która wykorzystuje formy, które powstają w grafice, dekoracyjnej ilustracji i napisach, wszystkie razem wymieszane - formy powstałe w sztuce XX wieku , z Miró i Picassa - wszystko to ma swoją genealogię i pewien wygląd - w ten sam sposób, w jaki dziś artyści używają komiksów i powieści graficznych. Byłem ilustratorem, więc widzisz niekończące się style pojawiające się w książkach. Rysunki są nieświadomym wyładowaniem wszystkich stylów i form, z których korzystałem jako artysta komercyjny przez 30 lat - to był mój zawód - robiłem to każdego dnia. Tak więc, moja nieświadomość ma w sobie to wszystko, a teraz, ponieważ nie muszę już tracić znaczenia, mogę po prostu użyć technik, jak maszyna, która dawno temu przestała tworzyć widżety, ale maszyna wciąż działa. Nadal tworzę rzeczy. Uwielbiam to rzemiosło - ostrożnego robienia drobiazgów. "
Paul Rand , słynny projektant i łamacz zasad zrobił to w okrężny sposób. Pan Rand, jako młody projektant, przyjął prośbę o zaprojektowanie okładek małej, ale godnej uwagi publikacji pod koniec lat trzydziestych i na początku lat czterdziestych. Chociaż najlepszą radą dla projektantów jest to, aby nigdy nie pracować za darmo, są pewne wyjątki. Pan Rand zaakceptował, ale zażądał pełnej wolności twórczej i dostał to. Kiedy ktoś prosi o darmową pracę, naprawdę nie mają większego wyboru, prawda?
Hazard Randa opłaciło się. Jego praca dla Direction przykuwała właściwą uwagę. Sukces doprowadził do innych sukcesów. Po wynajęciu do zaprojektowania układu strony dla numeru rocznicowego magazynu Apparel Arts pojawiła się propozycja obejścia roli dyrektora artystycznego czasopism Esquire-Coronet. Początkowo Rand odmówił tej oferty, twierdząc, że nie był jeszcze na poziomie wymaganej pracy, ale rok później zdecydował się ją przyjąć, przejmując odpowiedzialność za strony mody Esquire w wieku dwudziestu trzech lat.
Najfajniejsza sztuczka!
Byłego nauczyciela ilustracji pokazał mi przydatne narzędzie do identyfikacji głównych punktów skupienia na stronie. Najpierw narysuj ukośną linię od lewego górnego rogu do prawego dolnego rogu. Strona może być pionowa lub pozioma. Działa z każdą orientacją.
Następnie narysuj linię od siebie, aby połączyć się z poprzednią linią poziomą pod kątem prostym. Punkt, w którym łączą się linie, to obszar maksymalnej uwagi. Spróbuj eksperymentu - weź słynny obraz i narysuj na nim linie (nie, nie w muzeum, bo zostaniesz aresztowany). Zobaczysz, jak wielką sztukę wykonuje się za pomocą tej techniki układania.
Teraz weź stronę czasopisma lub stronę internetową i zrób to samo. Najpierw pomyśl, jak zaprojektowana jest strona. Czy to czyta się dobrze? Gdzie twoje oko idzie, gdy patrzysz na stronę? Czy zaczynasz czuć się nieco zaniepokojony, patrząc na stronę lub podekscytowany? Teraz narysuj linie i zobacz, gdzie spadają elementy.
Są szanse, że jeśli nic istotnego nie spadnie na obszary, gdzie spotykają się linie (obszar ogólny), odczuwasz niepokój, ponieważ twoje oko walczyło, aby spojrzeć na stronę, a twój mózg był zdezorientowany, ponieważ układ był wbrew przepływowi. Jeśli elementy są dobrze rozplanowane, czujesz podekscytowanie, gdy twoje oko jest prowadzone po stronie.
Jeśli chodzi o kontakt z klientem lub komitetem, który chce zmienić swoje wybory, daj to jako dowód na to, dlaczego umieściłeś elementy w miejscu, w którym się znajdują. Ludzie często rozumieją rozmieszczenie elementów podczas korzystania z takiej demonstracji. Określa regułę, której nie chce złamać. Pokaż troskę o produkt końcowy i zaangażuj zespół z ekscytacją nad swoimi pomysłami i włączeniem go do projektu, a znajdziesz więcej swobody w komitetach i klientach. Czasami trzymanie się zasad innych pozwala łamać zasady, których nie znają ... lub których nie widzą.
Czy uważasz, że ma to sens? Czy kiedykolwiek słyszałeś o tej sztuczce układu, a jeśli tak, czy próbowałeś tego? Czy to działa? Daj nam znać swoje myśli w komentarzach.