Dzień 4 - Typografia

Anatomia Fontów:

Noga - Leg:

Noga ( w typografii) to część litery biegnąca w dół, z jednej strony przytwierdzona a z drugiej swobodna.

Ramię - Arm

Uszko - ear

niewielka kreska wystająca na zewnątrz z małej litery 'g' w niektórych krajach pisma.

Łuk - shoulder

Kreska wyłaniająca się z trzonu litery

Kręgosłup - spine

główna zakrzywiona kreska tworząca litere S

Ogon - tail

ozdobna zakrzywiona kreska biegnąca w dół.

Wysokość x

określa ona wysokość korpusu małych liter (minuskuł) w danym kraju pisma.

Wysokość wersalików - cap height

to wymiar określający wysokość wielkich liter (majuskuł)

wydłużenia górne - ascender

wydłużenia dolne - descender

element małej litery który wystaje w dół

Trzon - stem

główny pionowy element litery o kroju prostym
w literze która nie posiada pionu uznaje się za trzon pierwszą długą kreske

Kreska - stroke

każda pojedyńcza kreska

Kreska pozioma / poprzeczka - bar

to pozioma kreska

szeryf / serif

krótka linia na początku lub na końcu kreski litery

Zakończenie - terminal

gdy linia nie posiada szeryfu jest to zakończene litery

Brzuszek - bowl

Swiatło wnętrza - punktor

kreska łącząca górny brzuszek z dolną pętlą w dwuelementowej minuskule "g"

pętla - loop

Ozdobnik - swash

są to wszystkie zawijasy ozdobienia kaligraficzne

Ostroga - spur

niewielki występ odchodzący od głównej kreski

Typ(y)grafia

Serif Fonts

kroje szryfowe mają charakterystyczne ogony lub stopki - drobne linie lub zawinięcia na końcach liter .
uważane za eleganckie, klasyczne i tradycyjne.

  • Times new roman
  • Garamond - ma litery każdego języka

Sans-serif

kroje bezszeryfowe - litery proste, czyste, bez ozdobników.
wygląd nowoczesny, neutralny

  • Helvetica
  • Arial
  • Lato - stworzył go polak

Dekoracyjne

kroje ozdobne stylizowane, nierzadko przypominające pismo ręczne, litery w stylu vintage, retro, graffiti czy tematykę świąteczną.

  • lobster
  • pacifico
  • Playball

Odstępy:

Interlinia - to pionowy odstęp między kolejnymi wierszami tekstu, mierzony od linii bazowej jednego wiersza do linii bazowej następnego. Wpływa ona na czytelność i przejrzystość tekstu, pozwalając na lepsze rozplanowanie treści wizualnie.

Justowanie - proces wyrównywania tekstu do obu marginesów (lewego i prawego) w bloku tekstu, co sprawia, że linie tekstu są równoległe do obu krawędzi

Kerning – regulowanie odległości pomiędzy konkretnymi parami znaków w danym kroju pisma i jego odmianie.

Tracking - dostosowywanie odstępów między wszystkimi literami w bloku tekstu, aby uzyskać pożądany efekt wizualny i poprawić czytelność.

Mała literka i jest idealną miarą odległości między słowami w zdaniu.

Strony pomagające dobrać fonty :

https://fonts.google.com/knowledge

https://www.canva.com/learn/fonts/ <- strona pełna informacji o fontach <3

https://fontjoy.com/ 

https://type.method.ac/ <- ćwiczenia ustawiania fontów

Strony z Fontami:

zadanie nr 1:

Wytyczne projektowe – Żelki Super Kwaśne


Format opakowania,

Typ: płaska saszetka (flow‑pack) z euro ‑dziurką.

Wymiary: 120 mm (szer.) × 160 mm (wys.) 

Strefy: 3 mm margines bezpieczeństwa (nie umieszczaj tekstu/logo). Transparentne "okienko" w dowolnym kształcie ≈ 40 × 70 mm (pokazuje żelki).

Paleta kolorów,Wasz wybór

Typografia, Logo / nagłówek: wielkość 40–60 pt. Tekst prawny: 6–7 pt (min. 1,2 mm wysokości x‑a). inne: 14 pt

Key visual,Coś kwaśnego

Tył – układ 3‑kolumnowy,Skład + ostrzeżenie Tabela wartości

Kontrola jakości,

Kontrast WCAG ≥ 4.5:1 dla tekstu < 18 pt

Zadanie Domowe :

Zadanie 1:

Dokończ Paczkę żelek.

Zadanie 2:

Artykuł 2-stronicowy 2-kolumnowy z kilkoma zdjęciami o nowych technologiach

zrób reserch na bechance i innych stronach.

LINKI:

Excalidraw na dziś:https://excalidraw.com/#room=5cab4ea4c970797cc329,w5zBNYUzcldV1UrPfZ7gnA ​

Fonty: https://fonts.google.com/knowledge

https://www.canva.com/learn/fonts/

https://fontjoy.com/ 

https://type.method.ac/