Wykorzystywanie siatek w projektowaniu wydruku
Podstawowa organizacja projektu projektowego zazwyczaj zaczyna się od prostej koncepcji - siatki. Niezależnie od tego, czy zdecydujesz się pracować w ramach jego ograniczeń, czy celowo się od niego odejdziesz, decyzja o użyciu siatki jest zwykle jednym z pierwszych kroków w procesie projektowania.
Projektanci grafiki pracują nad siatkami od czasu, gdy pierwsze gazety zjechały z pras setki lat temu. Większość czasopism wykorzystuje również siatkę; książki są składane przy użyciu formatu siatki. Siatka może być częścią tożsamości publikacji i pomaga stworzyć poczucie przestrzeni i organizacji. Zrozumienie podstaw projektowania siatki - od jej powstania, po opracowanie własnej siatki i wykorzystanie jej w procesach przepływu pracy - sprawi, że praca w ramach ograniczeń pionowych i poziomych będzie bardzo prosta.
Poznaj elementy Envato
Historia
Siatkowa struktura projektu była używana w druku tak długo, jak pracowały prasy. Siatki, które tworzą strukturę i organizację, są wykorzystywane w publikacjach drukowanych i do opracowywania reklam. Siatka służy jako przewodnik do umieszczania tekstu, zdjęć i reklam na stronie.
Historycznie projekt wiadomości opierał się na odrębnej siatce, która nie zmieniała się z dnia na dzień i ze strony na stronę. Tekst przepływał od góry do dołu każdej kolumny, a następnie do następnej kolumny. Zdjęcia znajdowały się również wewnątrz kolumn, więc każda strona zawierała doskonały zestaw pionowych linii. Wraz z rozwojem projektu zmieniła się również siatka. Projektanci zaczęli krzyżować przedmioty nad rynnami siatki, aby zdjęcie zajmowało przestrzeń nad czterema kolumnami typu. Siatka jest utrzymywana, ale używana w inny sposób.
Reklamy, takie jak ogłoszenia, nadal często wyświetlają się w tym samym starym formacie projektu wiadomości. Używają zestawu odrębnych kolumn od góry do dołu każdej kolumny, ze wszystkimi zdjęciami ustawionymi w kolumnach.
Wydawcy książek używają również pionowych siatek, aby tekst był czytelny. Chociaż siatki wielu kolumn są mniej powszechne niż struktury z jedną lub dwiema kolumnami, często są używane w książkach zawierających obrazy lub tekst z dużą ilością formatowania (np. Książki kucharskie). Książki w miękkiej okładce często mają tylko jedną kolumnę tekstu na stronę, ale szersze formaty, takie jak książki stolików, mogą mieć dwie kolumny (lub więcej) kolumn na stronie.
Terminologia sieci
Rynna
Rynna to przestrzeń między kolumnami. W typowym projekcie siatki kolumny i rynny mają stałą szerokość. Zwykle w druku wzór między każdą kolumną wynosi od jednego do dwóch pik. (Pica to jednostka miary równa 0, 1667 cala).
Kolumna Cal
Podczas pomiaru wiadomości lub powierzchni reklamowej w gazetach i czasopismach redaktorzy często odnoszą się do cali kolumny. Jeden cal kolumny to jeden cal pionowej przestrzeni o szerokości jednej kolumny. Liczba słów pasujących do cala kolumny różni się w zależności od czcionki i siatki używanej w publikacji.
Skok
Gdy elementy przepływają z jednej kolumny do drugiej, nazywa się to skokiem. Tekst może przeskakiwać z jednej kolumny do następnej na tej samej stronie lub może przechodzić przez wiele stron.
Szyna
W niektórych strukturach siatki chuda kolumna, która ma około połowy szerokości kolumn w standardowej siatce, zajmuje przestrzeń od góry do dołu strony po lewej lub prawej stronie. Ta kolumna, która znajduje się poza siatką strony, jest często nazywana szyną. Szyny były powszechnymi narzędziami do projektowania gazet w latach 90. i na początku tego wieku, ale w ostatnich latach przestały być modne.
Siatka modułowa
Siatka modułowa wykorzystuje mniej pionowego formatu kolumny i pozwala projektantom pakować tekst i obrazy w prostokąty. Szerokości kolumn mogą się różnić w zależności od elementu na stronie, ale wszystkie elementy będą układać się w stos, tworząc prostokątne przestrzenie. Publikacje sprzedające przestrzeń reklamową w celu dopasowania do modułowej siatki oferują przyrosty o ósmą, ćwierć, połowę i całe strony.
Siatki pionowe
Jednym z najbardziej rozpoznawalnych zastosowań pionowej siatki w druku obecnie jest The Wall Street Journal. Ta codzienna gazeta wykorzystuje wyraźną sześciokolumnową siatkę, która stała się częścią tożsamości marki. Popatrz na stronę i wyraźnie zobaczysz każdą kolumnę.
Liczba kolumn używanych w publikacji zależy od kształtu i formatu papieru, na którym jest drukowana. Biuletyny, na przykład często używają trzykolumnowej siatki, wyjaśnia Tim Harrower w „The Newspaper Designer's Handbook”. Struktura trzech kolumn oferuje ograniczone opcje szerokości zdjęć i tekstu. W publikacjach o wielkości tabloidów najczęściej stosuje się cztero- lub pięciokolumnowe siatki, a większość stron gazet z arkuszami kalkulacyjnymi używa formatu sześciokolumnowego.
Szerokość każdej kolumny w pionowej siatce może nadać ton wyglądowi publikacji i być czynnikiem decydującym o typie czcionki i rozmiarze. Użyty rozmiar czcionki powinien być proporcjonalny do siatki. Użycie zbyt dużej czcionki spowoduje nieparzyste dzielenie wyrazów i łamanie, które mogą być trudne do odczytania, a użycie zbyt małego kroju czcionki może spowodować obciążenie czytnika próbującego dostać się od początku linii do końca. Zasadą ogólną w projekcie wydruku jest to, że szerokość kolumny (w pikach) nie powinna przekraczać dwukrotności rozmiaru czcionki czcionki.
Siatki i reklama
Siatki są wykorzystywane na dwa sposoby w reklamie drukowanej - jako jednostka do sprzedaży powierzchni reklamowej i jako jednostka miary projektowej.
Podobnie jak w przypadku projektowania wiadomości, projektanci reklam często opracowują strukturę siatki dla tekstu i grafiki. Reklamy z wieloma małymi obrazkami, na przykład lisy, używają siatki, dzięki czemu wszystko wydaje się uporządkowane i łatwe do naśladowania. Siatki można również użyć do zachowania tekstu proporcjonalnego do obrazów. Siatki stosowane w reklamach mogą nie być tak sztywne jak te w gazetach i czasopismach i mogą zmieniać się od reklamy do reklamy, nawet w obrębie tej samej publikacji.
Pionowa siatka używana przez gazetę lub czasopismo do kształtowania wyglądu tekstu i zdjęć na stronie służy również do określania przestrzeni reklamowej. Klienci kupują reklamy w przyrostach szerokości kolumn o określoną wysokość. Ta metoda umieszczania reklam w publikacjach drukowanych ułatwia działom reklamowym i informacyjnym (które są oddzielnymi podmiotami w większości organizacji) jednoczesną pracę na stronach ze względu na wspólny system grid.
Opracuj szablon siatki
Opracowanie siatki publikacji można wykonać w ciągu kilku minut za pomocą wbudowanych narzędzi programowych. Programy takie jak Adobe InDesign pozwolą ci stworzyć szablon siatki, który będzie można wykorzystać w swoich projektach. Podczas ustawiania siatki pamiętaj o ustawieniu marginesu odpowiadającego przestrzeni potrzebnej do drukowania.
Aby ustawić domyślny dokument, zamknij wszystkie otwarte pliki w programie InDesign i przejdź do „Ustawienia dokumentu” w menu Plik. Wybierz liczbę stron, które chcesz uwzględnić w dokumencie, rozmiar i orientację strony oraz spad. Zastosuj zmiany, klikając „OK”.
Ustaw siatkę strony w opcji „Marginesy i kolumny” w menu Układ. Najpierw ustaw marginesy strony. Kliknij ikonę kłódki, aby upewnić się, że marginesy są takie same. Wybierz liczbę kolumn, które powinien mieć dokument i szerokość rynien. Zastosuj zmiany, klikając „OK”.
Inną opcją jest tworzenie szablonów InDesign dla każdej innej siatki, której planujesz użyć. Otwórz nowy dokument i wykonaj powyższe kroki. Na ekranie powinien być widoczny pusty dokument zgodny ze specyfikacjami. Kliknij „Zapisz jako” za pomocą opcji szablonu InDesign.
Możesz również użyć gotowych narzędzi siatki w programach Adobe Illustrator i Photoshop, aby wyświetlić linie siatki. Ustaw preferencje siatki w opcji „Siatki i prowadnice” w menu Preferencje. Zauważ, że te programy używają kwadratowej siatki pionowej i poziomej, a nie siatki kolumnowej. Ustaw odstępy linii siatki i sposób ich wyświetlania w dokumencie. Zastosuj zmiany, klikając „OK”.
Jeśli chcesz, aby obiekty i ramki były przyciągane do tej siatki, wybierz opcję „Przyciągaj do siatki” w menu Widok. Obiekty dołączą się do linii siatki, gdy zostaną przesunięte w ich pobliżu; zadziała to, nawet jeśli linie siatki są ukryte.
Siatki i przepływ pracy
Korzystanie z siatki w projektach pozwala zaoszczędzić czas i zapewnić spójny wygląd. Gazety i czasopisma korzystają z tej samej siatki każdego dnia, tworząc wizualną tożsamość. Publikacje mają ten sam wygląd niezależnie od tego, który projektant składa strony. Prawie można było wybrać The Wall Street Journal ze stosu gazet, nie widząc tabliczki znamionowej na górze strony.
Tej samej metodologii można używać bez względu na wielkość projektu. Skonfiguruj kilka szablonów siatek, które używają różnych siatek dla różnych rozmiarów i skali. Użyj spójnego szablonu siatki dla projektu, który powinien mieć taki sam wygląd przy każdej publikacji. Trzymaj się siatki, gdy projekt powinien mieć uporządkowany, spójny wygląd i oderwać się od siatki, aby stworzyć chaos w projekcie.
Dalsza lektura: Siatki w sieci
Jeśli jesteś fanem siatek, zapoznaj się z innymi świetnymi artykułami, w których opisano wykorzystanie siatek w projektowaniu stron internetowych.
- Najlepsza kolekcja ponad 50 zasobów dla miłośników siatki
- Ditching the Grid: Alternatywne strategie układu i wskazówki
- Przetwarzanie własnych układów siatki w locie bez ram
Wniosek
Siatki są metodą tworzenia organizacji w projektowaniu i są używane w publikacjach drukowanych od setek lat. Spójna siatka może pomóc publikacji rozwinąć jej tożsamość wizualną, niezależnie od tego, kto składa rzeczywisty projekt.
Pionowa siatka może pomóc w określeniu rozmiarów i skali typów dla projektów. Opracuj kilka szablonów siatki, które mają być punktem wyjścia dla nowych projektów, i używaj spójnej siatki dla bieżących projektów, które muszą mieć tożsamość wizualną.
Źródła obrazu: micora, Tu Photo con El Presidente i Nesster.