D5
Layout - Grid
Siatka



Podstawowe rodzaje layoutów
kolumnowy, modułowy, hierarchiczny 9funkcja van koch w inscape), manuskryptowy, axial grid
















https://excalidraw.com/#room=d9cc5a99172486394073,6xZUD1SfYtn281d5sFmMsA
Excalidraw na dziś :) siatkomathttps://maciek-robiszto.github.io/grid_generator/index.html
Logowanie do PDK
https://pdk.robisz.to/ghost/https://pdk.robisz.tohttps://wiki.robisz.to/https://www.facebook.com/watch/live/?ref=watch_permalink&v=2597946377141393
discord - kontakthttps://discord.gg/cxKP3kP4
inkscape:https://inkscape.org/release/inkscape-1.4.2/
Nvidiahttps://www.youtube.com/watch?v=ZrJeYFxpUyQ
Inspiracjehttps://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.html
Złoty podział, spirala Fibonacciegohttps://www.youtube.com/watch?v=8A3JnWzgXGkhttps://www.youtube.com/watch?v=c8ccsE_IumMhttps://www.youtube.com/watch?v=1Jj-sJ78O6M
Coloryhttps://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/
siatkomat
https://maciek-robiszto.github.io/grid_generator/index.html


shift 3 chowa i pokazuje siatke


diorama i grafika izometryczna
zadanie domowe
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.
czerwona linia - ciecie
grawer - czarna
dokonczyc diorame, max wielkosc 120x100 mm
https://excalidraw.com/#room=d9cc5a99172486394073,6xZUD1SfYtn281d5sFmMsA Excalidraw na dziś :) 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
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.
4.– 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 wyboruTeskt: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 gridemGrafiki:Wstaw zdjęcie główne, wysokośćDwie mniejsze grafiki osadź w dolnej części: po jednej w każdej zewnętrznej kolumnieDodaj podpisy (10 pt) pod każdym obrazkiemStylistyka i typografiaUż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