Dzień 4. Typografia

Dzień 4. Typografia
Photo by Alice Donovan Rouse / Unsplash

minuskuł- mała litera

majuskuł- duża litera

x- na bazie tej litery tworzone są małe litery

szeryfy/bez szeryfowa czcionka/ozdobna

fontjoy.com - > strona do parowania ze sobą fontów

Fonty: https://fonts.google.com/knowledgehttps://www.canva.com/learn/fonts/Anatomia fontów

gra: type.method.ac

noga-leg w typografii to część litery biegnąca w dół, z jednej strony przytwierdzona, z drugiej swobodna (zdj. z font anatomy)

ramię-arm

uszko-ear

łuk-shoulder

kręgosłup-spine

ogon-tail

wysokość X -określa wysokość korpusu małych liter, wszystkie małe litery będą więc wychodziły od wys. x

wysokość wersalików -cap height

wymiar określający wysokość wielkich liter czyli majuskuł

Wydłużenie górne - ascender

wydłużenie dolne- descender (nie dotyczy zazwyczaj ogonków)

trzon - stem

główny, pionowy element litery o kroju prostym

kreska - stroke

kreska pozioma/poprzeczka-bar

pozioma kreska występująca w A, H, e i f.

szeryf/serif- krótka linia na końcu kreski tworzącej literę

zakończenie - terminal

wtedy kiedy litera nie posiada szeryfu

brzuszek

łącznik- link

ozdobnik- swash

ostroga spur


RODZAJE CZCIONEK

Serif fonts są uważane za eleganckie, klasyczne i tradycyjne, używane w druku, w książkach, wtedy kiedy chcemy podkreślić tradycję, w gazetach.

Np. Times New Roman, Garamond, Georgia

a close up of a metal sign with the word faith
Photo by Jon Tyson / Unsplash

Bezszeryfowa (sans-serif)

Więcej white space, łatwiej się ją czyta, litery są proste, bez ozdobników.

  • aplikacje, intersfejsy, ekrany

Np. Helvetica, Arial, Lato

Font Lato został zaprojektowany przez Łukasza Dziedzica w 2010 r.

love Miami wall decor near green leaf plant
Photo by George Pagan III / Unsplash

Dekoracyjne

kroje bardzo ozdobne, stylizowane, używamy tylko do przyciągnięcia uwagi, w logo, nagłówkach, plakatach na wydarzenia lub zaproszeniach.

Np. Playball, Lobster

white printer paper with black pen
Photo by Alysha Rosly / Unsplash

ODSTĘPY

->>> interlinia

duża odległość interlinii powyżej ^

mała odległość interlinii np. składy produktów, zniechęca do czytania

->>> tracking- czyli odstępy pomiędzy słowami, często łączy się z justowaniem, po to, żeby tekst tworzył blok.

->>> literka "i" jest często zastępstwem spacji

bonding box

^ Wszelkiego rodzaju kombinacje rozmieszczenia obiektów robimy za pomocą tej funkcji (najlepiej)

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
kwaś

Kontrast WCAG ≥ 4.5:1 dla tekstu < 18 pt.

Plik finalny: PDF/X‑4, 300 dpi, spady 5 mm