Dzień 4 - Typografia

Dzień 4 - Typografia

Anatomia fontów

    1. Noga - część litery biegnąca w dół, z jednej strony przytwierdzona, a z drugiej swobodna
    2. Ramię - prosta lub zakrzywiona część litery, która biegnie ku górze
    3. Uszko - niewielka kreska wystająca na zewnątrz z małej litery g w niektórych krojach pisma
    4. łuk - wyłania się z trzonu litery i wygina ku dołowi w prawo, charakterystyczna dla minaskuł w h, m czy n.
    5. Kręgosłup - główna, zakrzywiona kreska tworząca główną część S
    6. Ogon - ozdobna, zakrzywiona kreska biegnąca w dwół wielkich liter
    7. Wysokość x - określa ona wysokość korpusu małych liter w danym kroju pisma
    8. Descender - wydłużenie dolne
    9. Ascender - wydłużenie górne
    10. Trzon - główny, pionowy element litery o kroju prostym. W przypadku liter nie posiadających kresek pionowych, za trzon bierze się pierwszą, ukośną linię (jak w A czy V)
    11. Kreska - pojedynczy element z którego złożony jest znak
    12. Poprzeczka - pozioma kreska
    13. Zakończenie - koniec litery, która nie posiada szeryfu
    14. Brzuszek - zaokrąglona kreska tworząca zamknięty obszar wewnątrz litery
    15. Łącznik - kreska łącząca brzuszek z dolną pętlą w minuskule g
    16. Ozdobnik - fantazyjna, dekoracyjna kreska zastępująca standardowe zakończenie lub szeryf

Fonty dzielimy na:

  • szeryfowe (New York Times, Baskerville)
  • Bezszeryfowe (Lato, Popins, Helvetica)
  • Ozdobne (Blue Wood, Futura)
Fontjoy - Generate font pairings in one click
Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.

Typografia - odstępy

  • Interlinia - odległość między dwoma wierszami
  • Justowanie - jednocześnie wyrównanie tek
  • Kerning - odstępy między poszczególnymi literami
  • Tracking - odległość między słowami
  • Wyrównanie - do lewej, prawej, do środka

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

Inkscape

Prowadnice - guideline, linie pomocnicze
- wyciąganie prowadnic z linijek pomocniczych
- obiect to guideline

Bounding Boxes
Czyli przyciąganie obiektów do siebie

Bounding Box to ta niebieska, przerywana linia

Układanie i porządkowanie obiektów

Trzy kolumny przy pionowej linii -> odpowiedni wariant

Istotne jest ustawienie opcji Relative to - można wybrać min. wyrównywanie do strony

Text -> Flow into shape wrzuca tekst w dany kształt i dostosowuje się do jego rozmiaru

Projekt opakowania żelków

Wytyczne projektowe (draft 30‑min) – Ż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.
Plik finalny: PDF/X‑4, 300 dpi, spady 5 mm

Zadanie domowe
artykul 2-stronicowy 2-kolumnowy z kilkoma zdjeciami o nowych technologiach
Page bleed - między 3, a 5