Zajęcia nr 5 / 26.09.25 r.
LAYOUTS
Warto dokumentować wszystkie użycia siatek, co, gdzie się sprawdza, np:
3 x 5 kolumny - do ig
Zadania 1.
15 minut
Brief
– Temat artykułu: „Jak technologia wspiera rozwój kompetencji cyfrowych”
– Format: dwie strony A4 (poziomo lub pionowo)
– Materiały:
Logo projektu „Cyfrowe Ekspertki” (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, wektory), 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
zadania 1.15 minut Brief– Temat artykułu: „Jak technologia wspiera rozwój kompetencji cyfrowych”– Format: dwie strony A4 (poziomo lub pionowo)– Materiały:Logo projektu „Cyfrowe Ekspertki” (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, wektory), 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,
1 Unsplash Ponad 4 mln zdjęć w dużej rozdzielczości. Licencja pozwala na dowolny użytek (komercyjny i edukacyjny) bez konieczności atrybucji, choć jest mile widziana. Unsplash - https://unsplash.com/ 2 Pixabay 5,6 mln zdjęć, ilustracji i filmów, licencja Pixabay License – darmowe użycie, modyfikacja dozwolona, zakaz odsprzedaży “as-is”. Pixabay - https://pixabay.com/pl/ 3 Pexels Zdjęcia + klipy wideo 4K; licencja Pexels License (zbliżona do CC0). Bez obowiązku podawania autora, zgoda na edycję. Pexels - https://www.pexels.com/ 4 Openverse (WordPress) Metawyszukiwarka przeszukująca > 800 mln plików CC0 / CC-BY z różnych repozytoriów; wszystkie materiały darmowe do ponownego użycia. WordPress.org https://openverse.org/pl 5 Freepik – sekcja “Free” Oprócz planów premium ma ogromny dział darmowych zdjęć i wektorów. Wymaga atrybucji i przestrzegania regulaminu (np. zakaz redystrybucji bez zmian). Freepik - https://pl.freepik.com/
Zadania 1.
15 minut
Brief
– Temat artykułu: „Jak technologia wspiera rozwój kompetencji cyfrowych”
– Format: dwie strony A4 (poziomo lub pionowo)
– Materiały:
Logo projektu „Cyfrowe Ekspertki” (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, wektory), 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