Zajęcia 5

25/8/2025

Layout, grid, siatka

Organizowanie przestrzeni projektu

rzędy horyzontalnie, a vertykalnie są kolumny

Przykład modułowości - strony internetowe - są bardziej uniwersalne

Plakaty informacyjne

siatkomat
https://maciek-robiszto.github.io/grid_generator/index.html

shift 3 - chowa siatkę

ctrl i - import

Układ izometryczny

Dioramy

Stroke to path sprawia że z pojedynczej lini w outlinerze robi się podwójna

drugi sposób to duplicate i offset

Zadanie na zajęciach - poprawiona diorama

Zadanie domowe:

zad1.
Wybierz swój ulubiony cytat (z książki, filmu, piosenki). Zaprojektuj plakat w formacie A4, używając maksymalnie dwóch krojów pisma. TYLKO napisów.
Skup się na hierarchii wizualnej (które słowa są najważniejsze?), kontraście (np. grubością fontu) i kompozycji, aby projekt był interesujący wizualnie.

Zad.2

Monogram Ślubny "Kod i Płótno" (zadanie domowe) Opis klienta: Nietypowa para – programistka (np. inicjał 'A') i malarz (np. inicjał 'M') – prosi o projekt monogramu, który połączy ich dwa światy i będzie używany na papeterii ślubnej. Wytyczne: Zaprojektuj monogram (logo z inicjałów) dla pary. Połącz w nim dwa style: jeden geometryczny, precyzyjny, inspirowany kodem (dla programistki), a drugi swobodny, z teksturą pędzla (dla malarza). Eksperymentuj z krojami pisma, przekształcaniem ich w krzywe i łączeniem w spójną całość.

Zad. 3.

Zaproszenie Ślubne "Kod i Płótno" (zadanie domowe) Opis klienta: Ta sama para, dla której projektowałaś monogram, potrzebuje teraz pełnego projektu zaproszenia ślubnego. Musi ono być spójne stylistycznie z monogramem i jasno komunikować wszystkie niezbędne informacje. Wytyczne: Format: Zaproszenie składane, format po rozłożeniu A5 (148 x 210 mm). Strona frontowa: Wykorzystaj zaprojektowany wcześniej monogram, dodaj imiona pary oraz datę ślubu. Wnętrze zaproszenia: Zaprojektuj układ tekstu z informacjami o miejscu ceremonii i wesela, godzinach oraz prośbą o potwierdzenie przybycia (RSVP). Stylistyka: Utrzymaj spójność z monogramem Zadbaj o czytelną hierarchię informacji.

– Temat artykułu: „Jak technologia wspiera rozwój kompetencji cyfrowych”

– Format: dwie strony A4 (poziomo lub pionowo)
– Materiały:
Logo projektu „PAKT dla Kobiet” (plik SVG/PNG)

Tekst artykułu (ok. 500–700 słów, można użyć lorem ipsum lub własny tekst)

3 grafiki stockowe (zdjęcia), pobrane z darmowych źródeł

Kompozycja layoutu do waszego wyboru

Teskt:

Logo + tytuł artykułu (krój bezszeryfowy, 24–30 pt)

Podtytuł/lead (16–18 pt italics)

głowny tekst (10-14pt)

Kolumny tekstowe:

Rozłóż główny tekst w kolumnach zgodnie z gridem

Grafiki:

Wstaw zdjęcie główne, wysokość

Dwie mniejsze grafiki osadź w dolnej części: po jednej w każdej zewnętrznej kolumnie

Dodaj podpisy (10 pt) pod każdym obrazkiem

Stylistyka i typografia

Użyj max. 2 krojów pisma (np. Sans-Serif do nagłówków, Serif do tekstu)

Zadbaj o hierarchię wizualną: różne rozmiary i wagi fontów dla nagłówków, śródtytułów, akapitów