dzień 5
Layout
grid - siatka
siatka pozwala nam organizować przestrzeń gdy projektujemy
rodzaje layoutów:
kafelki
strony internetowe;
plakaty;
AXIAL GRID
RADIAL GRID
INNE:
Dobrze robić notatki jakich modułów używamy.
siatkomat
https://maciek-robiszto.github.io/grid_generator/index.html
siatkomathttps://maciek-robiszto.github.io/grid_generator/index.htmlLogowanie do PDKhttps://pdk.robisz.to/ghost/https://pdk.robisz.tohttps://wiki.robisz.to/https://www.facebook.com/watch/live/?ref=watch_permalink&v=2597946377141393discord - kontakthttps://discord.gg/cxKP3kP4[email protected]:https://inkscape.org/release/inkscape-1.4.2/Nvidiahttps://www.youtube.com/watch?v=ZrJeYFxpUyQInspiracjehttps://www.shutterstock.com/blog/https://www.behance.net/https://pl.pinterest.com/https://www.instructables.com/https://affinityspotlight.com/https://inkscape.org/gallery/Bezier methodhttps://bezier.method.ac/Boolean game https://boolean.method.ac/https://support.mozilla.org/pl/kb/funkcja-obraz-w-obrazie-w-przegladarce-firefoxhttps://www.canva.com/learn/visual-hierarchy/https://xd.adobe.com/ideas/principles/https://www.adobe.com/creativecloud/photography/technique/rule-of-thirds.htmlZłoty podział, spirala Fibonacciegohttps://www.youtube.com/watch?v=8A3JnWzgXGkhttps://www.youtube.com/watch?v=c8ccsE_IumMhttps://www.youtube.com/watch?v=1Jj-sJ78O6MColoryhttps://coolors.co/https://color.adobe.com/ https://www.colourlovers.com/https://www.canva.com/colors/color-palette-generator/https://www.gov.pl/web/dostepnosc-cyfrowa/wcag-21-w-skrocie https://getnoticedagency.pl/blog/kolory-grafika-reklamowa/ siatkomathttps://maciek-robiszto.github.io/grid_generator/index.html
GRAFIKA IZOMETRYCZNA
przekazuje dodatkowo dane, opisuje idee, ikony
LIGHT BOX - diorama
LIGHT BOX - diorama, warstwy i wszystko musi się trzymać ramki 😃
ramka: prostokąt->stroke to path lub duplicate->path effects-.offset 15 i potem combine
grawer oko wypelnienie bez obrysu- czarne do graweru
najważniejsze narzędzie - shape builder
wymiary max 140x100
cięcie lasera- czerwony kontur
ZADANIA:
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
