2D dzień 4 - typografia i jak oszaleć z inscape'em
Wracając do mandali, zadanie domowe odrobione, Adobe mi uspokaja kolory
Fonty - anatomia
szeryfów będziemy suć
terminal/zakończenie w małym t przegapiłam
fonty szeryfwe uchodzą za eleganckie, są klasyczne, nagłówki, zaproszenia itp
Przykłady: Times New Roman, zaprojektowany dla The Times
Georgia, Garamond
do czytania na ekranie (szeryfowe w druku)
prostrze bezszeryfy są bardziej czytelne na monitorze, używa sę w aplikacjach, na tr internetowych, infografik itd
ale niektóre są używane w druku, by nie były za cienkie, bo papier ma strukturę i o druku może być nieczytelne
przykłady
Helvetica, arial, lato - tu ciekawostka,to polski fnt
trzeci rodzaj - fonty dekooracyje, tylko do naglówków, wyróżników, nie da się w tym przeczytać dłuzszego tekstu
przykłady:
Lobster, pacifico, Playball
Kerning to odstęp między literami a tracking między wyrazami
spacjapowinna mieć szerokosć taką, by zmieścić w nim małe "i"
Co decyduje o dobrym składzie?
dla mnie wysokość liter, justwanie, prost font, brak kerningów, lubię czarny tekst na białym tle
sieroty - i a na końcu wiersza
wdowy - krótkie słowa na końcu - na do ze
bękarty - kończy si akapit, przenosi się na nową stronę i na całąstrone mamy jedno czy dwa zdania
szewcy - kończy się strona i akapit się na niej zaczna - jedna linijka, niecałe zdanie
tych 4 unikamy
https://fonts.google.com/knowledg
https://www.canva.com/learn/fonts
https://fonts.google.com/knowledgehttps://www.canva.com/learn/fonts
dafont.com
aplikacja do tworzenia własnych fontów:
The FontForge Project Contributors
LINIE POMOCNICZE
łapię linię z milimetrówki i przeciągam na pole robocze. jak kliknę na nią dwa razy, mogę zmienić jej położenie, zmieniam parametry i enter, mogę ją nazwać i zmienić kolor
mogę zmienić kąt
linie możnablokować, duplikować, usuwać kłódka w lewym górnym rogu blokuje wszystkie linie, więc ich nie poruszymy.
Żeby obejrzeć projekt bez linii, wchodze w View i odklikuję guides
nowe opcje w prawym górnym rogu pod strzałką
pozwalają nam przyciągacobekty do linia, siatki, jeszcze tego nie rozumiem
przyciąganie danych obiektów do siebie
musimy dac enablingsnpping
bounding boxto ten przerywany prostokąt opieający obiekt
snapping do środka, do krawędzi wewnetrznych, wewnęrzych pozwala nam precyzyjnie ustawić obiekty, tu "centers"
tu przyciągam środki ścieżek
ważne, by ne włączać wszystkic rodzajów przyciąnięć, żeby nie migały nam wszystkie punkty na raz
Cusp notes - pozwala nam połączyć linie ostrymi węzłami
soooth notes - do okrągłych
perpeticular lines - prosropadłe
tanger... styczne do okręgu
Grids - siatki, to a później
guidlines - rysoowanie korzystając zprzyciagania do linii pomocniczych
wyrównane do srodka
distribute - ważne, czy mamy względem strony, czy obszaru zaznaczenia
można też rarrange - przestawia różne elementy, i remove overlaps - przeuwa nakładające się
flow text - przenoszenie tekstu w kształt - to musze poćwiczyc, gdyż program mi oszalał
przećwiczyć w kole i w dowolnej krzywej, np. bananie
zadanie: Wytyczne projektowe (draft 30‑min) – Żelki Super Kwaśne
1. Format opakowania Typ: płaska saszetka (flow‑pack) z euro‑dziurką.
Wymiary netto: 120 mm (szer.) × 160 mm (wys.) + 5 mm spadu z każdej strony. Strefy: 3 mm margines bezpieczeństwa (nie umieszczaj tekstu/logo). Transparentne "okienko" w dowolnym kształcie ≈ 40 × 70 mm (pokazuje żelki).2.
Paleta kolorów
Wasz wybór
3. Typografia Logo / nagłówek: wielkość 40–60 pt.
Tekst prawny: 6–7 pt (min. 1,2 mm wysokości x‑a). inne: 14 pt
4. Key visual Coś kwaśnego
5. Tył – układ 3‑kolumnowy
Skład + ostrzeżenie
Tabela wartości (ramka 0,15 pt)
6. Kontrola jakości
Kontrast WCAG ≥ 4.5:1 dla tekstu < 18 pt.
Plik finalny: PDF/X‑4, 300 dpi, spady 5 mm
page tool narzędie strony - ostatnie narzędzie po lewej stronie
po kliknięciu zaznacza nam cała strone
możemy podać wartośc strony - np. a4, można ustawić marginesy
margines zewnętrzny jest 2 rzy większy od wewnętrznego (bo w sumie z druga stroną daje to samo)
gór i dół sa nieco większe
mozna dodać więcej stron
zadanie numer 2. artykul 2 stronicowy 2 kolumnowy z kilkoma zdjeciami o nowych technologiach
zadanie - artykuł o nowyc technlogiach ze wstawieniem zdjeć - zaimportowane jak na pierwszych zajęciach; alezy przejrzeć magazyny, zey zbaczyć, jak to wygląda w praktyce; pobawić się fontem - interlinią itd
