Układy

Układy Smart Chip wykorzystują prosty, ale elastyczny system siatki, dzięki czemu całość wygląda schludnie i spójnie. Jednocześnie zapewniają one dużą swobodę dostosowywania do różnych rozmiarów, formatów i wymagań projektowych.

Style układu

Istnieją dwa rodzaje układów: Wydruk na całej powierzchni oraz Biała przestrzeń. Oba opierają się na tym samym systemie siatki i tych samych zasadach.

Wydruk na całej powierzchni W tych projektach wykorzystujemy naszą paletę kolorów, wyraziste grafiki i duże nagłówki, aby przyciągnąć uwagę. Najlepiej sprawdzają się one w oznakowaniu lub jako element przyciągający wzrok w połączeniu z układami opartymi na białej przestrzeni.

Biała przestrzeń Układ graficzny z marginesami pozostawia więcej miejsca na tekst i pozwala zawrzeć więcej informacji niż układ z wydrukiem na całej powierzchni. Dzięki temu lepiej nadaje się do opowiadania historii.

Konfiguracja siatki

Zacznij od marginesów. Standardowy margines w układach graficznych wynosi 8% najkrótszego boku.

Podziel obszar wewnętrzny na Siatka 10×10.

To wszystko. W ten sposób otrzymujesz kompletny system siatki. Wykorzystaj linie siatki do wyrównywania i skalowania elementów, takich jak logo, nagłówki, wezwania do działania, grafiki i inne.

Korzystanie z siatki

Wykorzystaj linie siatki jako pomoc przy wyrównywaniu elementów. System został zaprojektowany z myślą o elastyczności, więc śmiało łącz różne rozmiary i układy, aby stworzyć układ dostosowany do Twoich potrzeb.

Najważniejsze wiadomości

Nagłówki mogą zajmować tyle miejsca, ile tylko się da, aby wypełnić dostępną przestrzeń. Nie muszą jednak – czasami mniejsze są lepsze. Pozwól projektowi „oddychać”.

Zachowaj odległość od obrazu co najmniej równą szerokości marginesu. Nie umieszczaj nagłówków na obrazach, z wyjątkiem układów z obrazem na całej powierzchni.

Tekst może zwisać poniżej linii siatki lub znajdować się na niej – w zależności od tego, co lepiej pasuje do twojego układu.

Obrazy

Obrazy należy również wyrównać względem linii siatki. Obrazy mogą kończyć się przy marginesie, co zapewnia schludny, uporządkowany wygląd, lub rozciągać się aż do krawędzi. Aby uzyskać bardziej dynamiczny, wciągający efekt, można je również umieścić na całej powierzchni, nakładając na nie tekst i inne elementy.

Tło obok obrazu jest czarne lub białe. Białe tło sprawia wrażenie przestronnego i swobodnego, natomiast czarne – eleganckiego i wyrazistego. Wybierz styl, który najlepiej pasuje do kontekstu i treści.

W przypadku stosowania układu na całą stronę upewnij się, że tekst pozostaje czytelny. Jeśli poprawi to czytelność, możesz zwiększyć grubość czcionki o kilka stopni. Nie umieszczaj też tekstu na kluczowych fragmentach obrazu (np. na twarzach) ani na bardzo przeładowanych obszarach.

Opcje spadu dla grafiki to spad pełny (rozciągający się na wszystkie strony), spad częściowy (rozciągający się na trzy strony) lub brak spadu.

Należy unikać częściowego spuszczania powietrza tylko z jednej lub dwóch stron.

Obraz w obrazie

Układanie obrazów warstwami i nakładanie ich na siebie to świetny sposób na przekazanie większej ilości informacji, ożywienie kompozycji oraz nadanie jej wizualnej głębi.

Nieznaczne odejście od siatki w przypadku nałożonych na siebie obrazów nadaje im jeszcze większą dynamikę.

Oceny

Ten znak (Logo lub ikona) zazwyczaj znajduje się w lewym lub prawym górnym rogu, przylegając do marginesu.

Skalowanie różni się w zależności od tego, czy układ jest poziomy, czy pionowy:

W układach poziomych należy skalować znak tak, aby część “SC” miała wysokość od jednej do dwóch jednostek siatki.

W układach pionowych należy dostosować jego szerokość tak, aby wynosiła od dwóch do czterech jednostek siatki.

Podczas umieszczania znaku należy go wyrównać względem liter “SC”, a nie kropek. Kropki nieznacznie nakładają się na linie pomocnicze.

Znak należy umieścić na grafice tylko wtedy, gdy pozostaje on nadal dobrze czytelny. Należy wybrać wersję (czarną lub białą), która zapewnia najlepszą czytelność.

Przykłady

Wyjątki

System siatki sprawdza się w przypadku większości rozmiarów. Istnieją jednak pewne szczególne okoliczności, które wymagają odejścia od siatki.

Obrazy kwadratowe

Siatka nie pozwala na umieszczanie obrazów o idealnie kwadratowym kształcie, ale w wielu przypadkach wyglądają one świetnie. W tym przypadku można nieco nagiąć zasady – wystarczy tylko zadbać o to, by obraz pokrywał się z trzema liniami siatki.

Formaty ultraszerokie

W przypadku bardzo szerokich formatów, na przykład banerów, zastosowanie się do linii siatki skutkuje powstaniem bardzo małego znaku i zbyt wąskiego marginesu (przykład u góry).

W takich przypadkach możemy wykorzystać pierwszą poziomą linię siatki jako nowy margines. Dodatkowo możemy skalować znacznik tak, aby zajmował całą wysokość aż do marginesu (przykład poniżej).

Formaty o bardzo dużych wymiarach

To samo dotyczy formatów o bardzo dużej wysokości. W tym przykładzie skalowanie znaku do czterech siatek spowodowałoby, że stałby się on zbyt mały (przykład po lewej). Aby uzyskać bardziej harmonijny rozmiar znaku, możemy w tym przypadku odejść od zasady i powiększyć go (przykład po prawej).