Siatka (projekt graficzny)

Siatka układu strony (pokazana białymi liniami) złożona z szeregu przecinających się pionowych i poziomych linii siatki. Tekst ( zawartość ) nie jest częścią siatki. Treść tekstu jest nakładana na określoną stronę za pomocą siatki „ wyrównanej do lewej ” wzdłuż dolnej i prawej strony linii siatki. Tę samą siatkę można zastosować do wielu stron zawierających różne typy treści lub różne style tego samego typu treści.

Siatka zastosowana w obrazie (zamiast na stronie) przy użyciu dodatkowych linii kątowych do wyznaczania proporcji.

W projektowaniu graficznym siatka to struktura (zwykle dwuwymiarowa ) składająca się z serii przecinających się linii prostych (pionowych, poziomych i kątowych) lub zakrzywionych (linii siatki ) używanych do strukturyzowania treści. Siatka służy jako armatura lub rama , na której projektant może organizować elementy graficzne ( obrazy , glify , akapity itp.) w racjonalny, łatwy do przyswojenia sposób. Siatka może służyć do organizowania elementów graficznych w odniesieniu do strony, w odniesieniu do innych elementów graficznych na stronie lub w odniesieniu do innych części tego samego elementu graficznego lub kształtu .

Mniej powszechny termin drukarski „siatka odniesienia” to niepowiązany system, którego korzenie sięgają początków druku.

Historia

Przeszłość

Przed wynalezieniem ruchomej czcionki do układania tekstu odręcznego na stronach stosowano system oparty na optymalnych proporcjach. Jeden z takich systemów, znany jako Diagram Villarda, był używany co najmniej od czasów średniowiecznych.

Ewolucja nowoczesnej sieci

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 (Nowa typografia) Jana Tschicholda , zaczęło kwestionować znaczenie konwencjonalnej strony układ czasu. Zaczęli opracowywać elastyczny system, który pomoże projektantom osiągnąć spójność w organizacji strony. Rezultatem była nowoczesna siatka typograficzna, która została skojarzona z międzynarodowym stylem typograficznym . Przełomowa praca na ten temat, Systemy siatek w projektowaniu graficznym autorstwa Müller-Brockmann, pomogła w rozpowszechnieniu korzystania z sieci, najpierw w Europie, a później w Ameryce Północnej.

Reakcja i ponowna ocena

W połowie lat siedemdziesiątych nauczanie siatki typograficznej jako części programów projektowania graficznego stało się standardem w Europie, Ameryce Północnej i większości Ameryki Łacińskiej. Styl graficzny siatki został przyjęty jako spojrzenie na komunikację korporacyjną. We wczesnych latach 80. reakcja na umocnienie siatki, zwłaszcza jej dogmatycznego wykorzystania, oraz skojarzenie z kulturą korporacyjną, spowodowała, że niektórzy projektanci odrzucili jej użycie na rzecz bardziej organicznej struktury. Pojawienie się komputera Apple Macintosh i wynikające z tego przejście od typografii ustawianej przez typografów do samodzielnego ustawiania czcionek przez projektantów zaowocowało falą eksperymentów, w większości sprzecznych z przykazaniami Tschicholda i Müllera-Brockmanna. Siatka typograficzna jest nadal nauczana dzisiaj, ale bardziej jako przydatne narzędzie w niektórych projektach, a nie jako wymóg lub punkt wyjścia dla wszystkich projektów stron.

Wykorzystanie siatki w projektowaniu stron internetowych

Podczas gdy systemy siatkowe były szeroko stosowane w mediach drukowanych, zainteresowanie ze strony twórców stron internetowych dopiero niedawno odżyło. Frameworki do projektowania stron internetowych tworzące HTML i CSS istniały przez jakiś czas, zanim nowsze frameworki spopularyzowały stosowanie układów opartych na siatce. Niektóre systemy siatek określają elementy o stałej szerokości z pikselami, a inne są „płynne”, co oznacza, że wymagają, aby rozmiar elementu strony był określany w jednostkach względnych, takich jak procenty, a nie w jednostkach bezwzględnych, takich jak piksele lub punkty.

W3C opublikowało CSS Grid Layout Module Level 1, aby zdefiniować dwuwymiarowy system układu oparty na siatce .

Istnieją również frameworki CSS, które zawierają własny system siatki:

Wykorzystanie siatki w projektowaniu druku

Projektowanie druku zawsze wykorzystywało systemy siatek do organizowania i strukturyzowania treści. Systemy siatek powstały jako linie pomocnicze w książkach pisanych. Artyści wykorzystali systemy siatek do rozmieszczenia treści – tekstu i obrazów – w sposób ułatwiający czytanie i przyswajanie. Gazety, książki, czasopisma i ogłoszenia drobne itp. wykorzystują różne systemy siatek, które optymalnie wykorzystują przestrzeń do lepszego czytania i prezentacji.

Oprogramowanie

Większość oprogramowania do publikowania na komputerze stacjonarnym i profesjonalnego oprogramowania do publikowania oraz innego oprogramowania biurowego, w tym edytorów tekstu, wyświetla siatkę jako opcję.

Baines, Phil i Haslam, Andrew. Typ i typografia, wydanie drugie. Nowy Jork: Waston-Guptill Publications, 2005. ISBN 0-8230-5528-0 .
Burnhill, Piotr. Przestrzenie czcionek: w normach domowych w typografii Aldusa Manutiusa. Londyn: Hyphen Press, 2003. s. 101.
Elam, Kimberly. Systemy siatkowe: zasady organizacji typu . Nowy Jork: Princeton Architectural Press, 2004. ISBN 1-56898-465-0 .
Hochuli, Jost. Projektowanie książek: praktyka i teoria .
Hurlburt, Allen. Siatka: modułowy system do projektowania i produkcji gazet, czasopism i książek. Wiley: 1982. ISBN 0-471-28923-X .
Le Corbusier Modułowy I.
Müller-Brockmann, Josef. Systemy siatkowe w projektowaniu graficznym . Niggli: 1996. ISBN 3-7212-0145-0
Ruder, Emil. Typografia. Dom Hastingsa: 1981. ISBN 0-8038-7223-2 .
Rudolf Bosshard, Hans. Siatka Typograficzna . Niggli: 2002. ISBN 3-7212-0340-2 .
Khoi Vinh, o tak! Siatki są dobre , prezentacja na konferencji South by Southwest, 2007. [1]
Antonio Carusone, Projektowanie systemów siatek dla Flasha . [2]
Marcotte, Ethan (3 marca 2009). „Płynne siatki”.
Capo, Daniele (5 kwietnia 2009). „Podział segmentu na n części w średniowiecznym, ale późnonowoczesnym stylu”. [3]

Linki zewnętrzne

System Grid Patrząc na techniczny aspekt sieci w praktyce, z wieloma zasobami.