Wskazówki dotyczące kompozycji strony: 7 sposobów na stworzenie lepszego układu strony

Spisu treści:

Wskazówki dotyczące kompozycji strony: 7 sposobów na stworzenie lepszego układu strony
Wskazówki dotyczące kompozycji strony: 7 sposobów na stworzenie lepszego układu strony
Anonim

Układ strony lub kompozycja strony to proces umieszczania i rozmieszczania oraz zmiany układu tekstu i grafiki na stronie. Dobra kompozycja to taka, która nie tylko cieszy oko, ale także skutecznie przekazuje przesłanie tekstu i grafiki do zamierzonego odbiorcy. Istnieją pewne wypróbowane i prawdziwe elementy kompozycji strony, które mogą pomóc w zapewnieniu udanego układu. Możesz zauważyć, że te wskazówki dotyczące kompozycji strony są ściśle związane z zasadami projektowania.

Image
Image

Siedem sposobów na stworzenie lepszego układu strony

  1. Dopasuj wszystkie elementy do siebie lub do siatki. Umieść każdy tekst lub element graficzny na stronie tak, aby były ze sobą wizualnie połączone. Możesz użyć wyrównania poziomego lub pionowego; po prostu wyrównaj obiekty wzdłuż tej samej krawędzi lub wyśrodkuj je. Przyglądanie się to może działać, ale w przypadku skomplikowanych układów pomocna jest siatka. Ta jedna wskazówka dotycząca kompozycji może znacznie poprawić kompozycję strony, ponieważ nasze oczy i mózgi pragną pewnej ilości porządku i spójności.
  2. Wybierz jedną wizualizację lub nawiąż silne wizualne połączenia. Jeden z najprostszych i być może najpotężniejszych układów wykorzystuje jedną silną grafikę. Jeśli jednak używasz wielu obrazów, utrzymuj je połączone zarówno poprzez wyrównywanie, jak i grupowanie obrazów blisko siebie, tak aby tworzyły pojedynczą jednostkę wizualną i wyrównywanie ich w podobny sposób.

  3. Utrzymuj w równowadze elementy nieparzyste lub parzyste. Stworzenie odpowiedniej równowagi dotyczy zarówno liczby elementów tekstowych i graficznych, jak i ich rozmieszczenia na stronie. Liczby nieparzyste mają tendencję do tworzenia bardziej dynamicznego układu. Użyj nieparzystej liczby elementów wizualnych lub nieparzystej liczby kolumn tekstu. Stwórz dynamiczny układ z asymetrycznym układem elementów. Symetryczna równowaga lub użycie parzystych elementów, takich jak dwie lub cztery kolumny lub blok czterech obrazów, zwykle daje formalny, bardziej statyczny układ.
  4. Podziel stronę na trzy części. W odniesieniu do równowagi zasada trójpodziału sugeruje, że bardziej przyjemna kompozycja jest możliwa, jeśli układ tekstu i grafiki można umieścić zgodnie z jedną z poniższych wskazówek:

    • Najważniejsze elementy rozmieszczone mniej więcej równomiernie w tercjach pionowych lub poziomych
    • Najważniejsze elementy skoncentrowane w górnej lub dolnej trzeciej części strony
    • Najważniejsze elementy wyśrodkowane w jednym z punktów, w których linie przecinają się po wizualnym podzieleniu strony na trzecie poziomo i pionowo
  5. Dodaj białą spację we właściwym miejscu. Równie ważna jak tekst i grafika na stronie jest pusta przestrzeń. Zbyt duże upychanie na stronie, nawet jeśli jest idealnie wyrównane i wyważone i mieści się w zasadzie trójpodziału, może zrujnować kompozycję. Strona potrzebuje wizualnego oddechu. Najlepszym miejscem na białe znaki są krawędzie strony (marginesy) oraz krawędzie tekstu lub elementów graficznych, aby nie zostały uwięzione na środku strony. Zwiększenie odstępów między akapitami, wierszami i literami może również poprawić układ.

  6. Użyj dwóch lub więcej tego samego elementu projektu. Jeśli jeden jest dobry, dwa jest lepsze? Czasem tak. Powtarzanie może mieć formę konsekwentnego stosowania wyrównania, używania tych samych kolorów dla powiązanych elementów (takich jak cytaty lub nagłówki), używania tego samego stylu lub rozmiaru grafiki lub po prostu umieszczania numerów stron w tym samym miejscu w całej publikacja.
  7. Podkreśl różnice między elementami projektu. Chociaż niektóre aspekty kompozycji strony obejmują elementy, które są takie same – takie samo wyrównanie lub konsekwentne użycie koloru – dobrym pomysłem jest również zrobienie niektórych rzeczy inaczej, użycie kontrastujących elementów, w tym koloru i wyrównania. Im większa różnica, tym większy kontrast i efektywniejszy układ. Proste przykłady użycia wyróżnienia obejmują tworzenie nagłówków znacznie większych niż inny tekst i używanie innego rozmiaru lub koloru tekstu w podpisach, cytatach i numerach stron.

Zalecana: