Siatka bazowa a czytelność


23

Każdy projektant wart swojej soli opowie o znaczeniu siatki i słusznie. Jednak, gdy kontynuowałem praktykę handlu, okazało się, że szczególnie siatka linii bazowej nie zawsze wydaje mi się praktyczna.

Na przykład pracuję z wieloma arkuszami marketingowymi, które mają wypunktowane listy. Moim pierwszym celem jest równomierne rozmieszczenie wszystkiego i zachowanie siatki linii bazowej, tak jak:

Lista nieuporządkowana z bazowymi odstępami siatki

Ale wiele razy dochodzimy do wniosku, że nawet jeśli pociski oddzielają elementy, równomierne odstępy między liniami i między elementami listy utrudniają wizualne rozdzielenie punktów. W efekcie powstaje coś takiego:

Lista nieuporządkowana bez bazowych odstępów siatki

Każda pozycja na liście jest lepiej rozróżniana, ale teraz podstawowa siatka zniknęła, a cała sprawa jest nieco bardziej chaotyczna.

Na mniejszym poziomie oto inny przykład:

Kolejny przykład odstępów

Utrzymanie odpowiedniej siatki linii bazowej sprawia, że ​​tytuł z dwoma liniami wygląda jak osobne rzeczy, ale zmiana odstępów w celu poprawienia szkodzi przepływowi (jeśli niektóre osoby miały tylko tytuł z jedną linią).

Możliwe, że po prostu wciąż będę niedoświadczony, aby nie wiedzieć, jak zjeść ciasto i zjeść je tutaj. Podejrzewam jednak, że może to być scenariusz, w którym reguły projektowania muszą być elastyczne, aby uwzględniać różne priorytety.

Ale zapytam niezależnie: co jest ważniejsze - utrzymywanie siatki odniesienia w takiej sytuacji, czy narażanie siatki na straty w celu uzyskania poprawy czytelności?


1
+1 Myślałem, że mam niezwykłe problemy z siatkami linii bazowej. Coś, co często robię, to mieć siatkę linii bazowej dwa razy (a czasem trzy razy) tak dobrze, jak normalne odstępy między liniami, a tam, gdzie potrzebuję ściślejszego prowadzenia poza siatką, albo przyciągnij ją do 2/3 zwykłej linii, albo wyrównaj pierwszą linia każdego fragmentu do siatki z pół-liniami, dającymi wystarczającą elastyczność, aby uniknąć brzydkich przerw. Czasami to po prostu robię, nie mam pojęcia, czy to dobra praktyka, czy nie.
user56reinstatemonica8 18.10.18

1
Myślę, że łatwiej byłoby porównać podobne z podobnymi w twoich pierwszych dwóch ilustracjach, jeśli zachowałeś to samo wiodące (użyłbym wartości z drugiego) i dodałeś odstępy między akapitami.
e100

Trudno też argumentować za ścisłym przestrzeganiem siatki pojedynczego pola tekstowego w izolacji; ale mówisz o arkuszach marketingowych, które prawdopodobnie mają inne elementy siatki w sąsiednich kolumnach, co jest bardziej złożonym problemem. Być może musisz pokazać więcej stron?
e100

Odpowiedzi:


14

Problemy z siatkami linii podstawowej są łatwiejsze do rozwiązania, jeśli weźmie się pod uwagę tę nadrzędną zasadę: jedynym celem projektowania graficznego jest ułatwienie komunikacji. Po to jesteś zatrudniony, za co otrzymujesz wynagrodzenie i od czego jesteś zależny. Siatka (lub jakikolwiek inny element projektu) jest przydatna tylko wtedy, gdy osiągnie ten cel.

Informacje na stronie są łatwiej dostępne i można je przyswoić, jeśli ma dobrą hierarchię wizualną (nagłówki, podtytuły, kopie treści, paski boczne), są odpowiednio pogrupowane (rzeczy, które do siebie należą, są w rzeczywistości razem) i są odpowiednio rozmieszczone, w tym marginesy i inne białe znaki.

Siatka układu zapewnia porządek na stronie i pozwala na wyrównanie ilustracji, elementów graficznych, takich jak biała przestrzeń, nagłówki i tekst, które mogą nadać stronie autorytet lub poczucie „poprawności”. Istnieje wiele sposobów na jeden; nie wszystkie składają się z równomiernie rozmieszczonych linii i kolumn.

Siatka linii bazowej, jak wskazuje DA01, działa dobrze w układach wielokolumnowych. Jest także przydatny w sytuacjach, w których odpowiedni jest bardzo formalny, kontrolowany lub chirurgicznie czysty wygląd. Poza książkami i innymi obszernymi publikacjami, często potrzebujesz mniej formalnego wyglądu.

Pytanie, które możesz zadać przy wyborze projektu, szczególnie w typografii, brzmi: „Czy to ułatwi komunikację, zrozumienie, czy będzie bardziej efektywna?”. Jeśli odpowiedź brzmi „Nie”, to jest błędna.

Wasz przykład jest świetnym przykładem: narzucenie wypunktowania na siatkę linii podstawowej niszczy czytelność tekstu. Komunikacja jest szefem, więc od razu wiesz, że trzymanie się siatki jest złe. Pojedynczy element informacji, taki jak adres lub tekst wypunktowania, musi być również pojedynczym elementem wizualnym na stronie . Wynika z tego, że osobne informacje muszą być osobne na stronie.

Dlatego nie jest kwestią tego, czy kompromis z siecią jest w porządku, aby uzyskać lepszą komunikację. Chodzi o to, że nigdy nie wolno narażać komunikacji, kropka. Zaprojektuj go do komunikacji. Korzystaj z zasad i technik projektowania tyle, ile chcesz, aby komunikować się doskonale. Ale nigdy, nigdy nie pozwól, aby reguły lub techniki przeszkadzały w komunikacji.


13

Idea „siatki bazowej” jest nadużywana ... szczególnie w Internecie.

Siatka linii bazowej jest naprawdę do użytku w publikacjach wielokolumnowych. Chodzi o spójne poziome „linie” we wszystkich kolumnach.

I powinien być używany domyślnie, ale powinieneś również wiedzieć, kiedy NIE należy go używać.

Twój przykład listy wypunktowanej to dobry przypadek, w którym prawdopodobnie dobrze jest przerwać siatkę. Nadal jednak możesz dostosowywać elementy, aby przylegały nieco do siatki.

Na przykład możesz mieć typ 12/14. Następnie możesz zrobić odstęp między pociskami 7. To nadal przylegałoby do siatki (o pół kroku).


8

Sugerowałbym styl akapitowy dla list, w których tylko pierwszy wiersz jest wyrównany do siatki linii bazowej. W ten sposób lista nie będzie bałaganu, wszystkie linie z punktorami będą nadal biegać na siatce linii bazowej, zachowując ogólny wygląd wyrównania, podczas gdy kolejne linie będą miały inne odstępy. Efektem jest podobny wygląd, jak opisałeś, na co często się godzisz, ale więcej elementów wyrównuje się do siatki.


5

Możesz ponownie obliczyć siatkę linii bazowej, aby zarządzać mniejszymi liczbami i podziałami, dzięki czemu możesz wykonywać przyrosty ułamkowe, które będą się pokrywały z każdym interwałem. jeśli podstawowa jednostka siatki wynosi 9 pkt, oznacza to, że naturalny podział będzie wynosił 3 pkt. W tekście ustawionym na 8pt możesz mieć 9pt lub 12pt, w tekście ustawionym na 12pt możesz mieć wysokość linii 15pt, 18pt… mając zestaw powiązanych rozmiarów zachowujesz proporcje odstępów między wierszami.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.