Jak projektowac

Jak projektować? (2) Zasada wyrównania

Początkujący graficy często umieszczają teksty i grafiki w każdym wolnym obszarze strony, często nie zwracając uwagi na jej pozostałe elementy. Powstały w ten sposób projekt sprawia wrażenie nieuporządkowanego. Co trzeba zrobić, aby poprawić nieuporządkowany projekt z niedostatecznie wyrównanymi elementami?

Zasada wyrównania mówi, że żaden obiekt nie powinien być umieszczony na stronie w sposób przypadkowy. Każdy element powinien mieć wizualne połączenie z innymi elementami strony. Zasada wyrównania wymusza bardziej świadome działanie, nie można tak po prostu wrzucać obiektów w puste miejsca na stronie.

Elementy wyrównane na stronie tworzą silniejszą, spójną całość. Nawet jeśli są od siebie oddalone, to wyrównanie tworzy niewidoczną linię, dając wzorkowe wrażenie połączenia elementów. Zastosowanie zasady wyrównania oznacza, że chociaż pewne elementy są od siebie oddalone, to nadal należą do tej samej części.

Przyjrzyjmy się wizytówce, którą zajmowaliśmy się w poprzednim wpisie o zasadzie odległości. Problemem w tym projekcie jest to, że żaden element nie jest wyrównany do innego elementu. Na wizytówce znajdziemy elementy wyrównane do lewego, prawego brzegu oraz do środka. Zwróć uwagę, że teksty w górnych i dolnych rogach nie są wyrównane do tej samej linii podstawowej. Brakuje również wyrównania do lewej czy do prawej krawędzi. Poszczególne elementy wizytówki wyglądają tak, jakby zostały przypadkowo porozrzucane.

Poprawę organizacji projektu wizytówki uzyskamy, poprzez przesunięcie wszystkich elementów w lewo i wyrównując je ze sobą. Elementy tekstu mają teraz wspólną łączącą je razem granicę. Na marginesie zaznaczmy, że zostało tu także zastosowane grupowanie powiązanych ze sobą elementów.

W naszym przykładzie tekst możemy wyrównać także do środka. Chociaż tego typu wyrównanie jest poprawne z zasadą wyrównania, to efekt często wypada słabo. Krawędzie tekstu nie są wyraźne zaznaczone, przez co czytelność tekstu jest utrudniona.

Jeśli tekst jest wyrównany do lewej lub prawej strony, niewidoczna linia, łącząca teksty, jest dużo bardziej wyraźniejsza, ponieważ stanowi pionowy brzeg prowadzący nasz wzrok. Wyrównanie do prawej lub lewej krawędzi nadaje tekstom bardziej przejrzysty i konkretny wygląd.

 

 

Podsumowując możemy powiedzieć, że:

– podstawowym celem stosowania zasady wyrównania jest zespolenie i zorganizowania elementów na stronie. Wyraźne wyrównanie nada projektowi wyrafinowany, formalny, zabawny lub poważny wygląd,

– świadomie wybieraj miejsca, w których chcesz umieścić elementy. Zawsze należy znaleźć na stronie inny element, do którego można wyrównać obiekt, nawet jeśli te dwa obiekty znajdują się daleko od siebie,

– unikaj używania więcej niż jednego typu wyrównania tekstu na stronie. Nie wyśrodkowuj części tekstu, gdy pozostały tekst wyrównujesz do prawego brzegu,

– uważaj z wyrównaniem do środka, chyba że celowo chcesz stworzyć bardzo formalny, statyczny projekt.

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Zapisz

Podobne wpisy

  • Czego oczekuje klient?

    Wyobraź sobie, że jesteś mechanikiem i musisz naprawić klientowi jego samochód. Zanim zabierzesz się do pracy, nie spytasz klienta, co według niego powinieneś naprawić? Prawdopodobnie przeprowadzisz z nim dokładny wywiad dotyczący awarii. Jego odpowiedzi zadecydują o tym, na co w pierwszej kolejności zwrócisz uwagę przeglądając samochód. Natomiast opinia klienta na temat wymaganych napraw jest dla…

  • Gdzie szukać fontów?

    Niezależnie od tego, czy tworzysz sklep internetowy, własnego bloga, tożsamość identyfikacyjną, czy pojedynczą ulotkę, tekst jest zasadniczym składnikiem Twojego projektu. Chociaż prawdziwe bogactwo fontów możesz znaleźć w sieci, to gdzie ich szukać? Gdy tylko rozpoczniesz poszukiwania fontów na własną rękę, szybko zauważysz, że źródła krojów można podzielić na dwie kategorie: darmowe oraz komercyjne. Obie z…

  • Projekt grafik na social media dla marki Patrioci

    Ostatnia realizacja to projekt grafik na social media przygotowany dla marki Patrioci. Zakres prac obejmował opracowanie spójnej oprawy wizualnej profilu na Facebooku oraz projekt materiałów graficznych przeznaczonych do publikacji w mediach społecznościowych. Celem projektu było stworzenie estetycznej, czytelnej i rozpoznawalnej komunikacji wizualnej, która dobrze prezentuje się zarówno na komputerze, jak i na urządzeniach mobilnych. W…

  • RBG, CMYK co to za różnica?

    Przesłane pliki są w kolorystyce RBG, proszę zamienić na CMYK. To kolejne „trudne” zdanie, które pada z drukarni. W pracy grafika komputerowego często spotykamy się z nazwami RBG czy CMYK. Są to  określenia modeli definiowania kolorów. Ich znajomość i prawidłowe wykorzystanie nie tylko ułatwiają pracę, ale także decydują o właściwym przygotowaniu projektu na potrzeby druku…

  • Czarne teksty z czterech kolorów

    Problem z czarnym niewielkim tekstem, składający się z wszystkich czterech składowych CMYK-a, przytrafia się najczęściej początkującym grafikom. Pojawia się on wtedy, gdy mając już gotowy projekt w kolorystyce RGB, zrobimy konwersację do CMYK eksportując plik do PDF-a. Otrzymamy wówczas przypadkowo czarny tekst złożony z czterech kolorów. To błąd, który powoduje, że w druku drobne czarne…

  • Skąd czerpać darmowe zdjęcia?

    Jak zdobyć odpowiednie zdjęcie na własną stronę internetową, bloga czy do projektu ulotki? Masz trzy możliwości. Możesz sam zrobić zdjęcia. Możesz wynająć profesjonalistę, by Ci je zrobił. Możesz skorzystać z banków obrazów. Który sposób, wybierzesz, zależy od Twojego budżetu i potrzeb oraz Twoich własnych umiejętności. Załóżmy, że brakuje Ci czasu lub nie masz możliwości, aby…

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *