Typograficzna estetyka edycji tekstu i składu obrazu
-
Upload
krzysztof-slugocki -
Category
Education
-
view
717 -
download
2
Transcript of Typograficzna estetyka edycji tekstu i składu obrazu
1
Typograficzna estetyka Typograficzna estetyka edycji i składu edycji i składu tekstu i obrazutekstu i obrazu
Od odkrywania potrzeby, poprzez kreację, po realizację
[email protected]/Krzysztof.Slugocki
sites.google.com/site/KrzysztofSlugockiprezi.com/user/egocki/
slideshare.net/egockiart30a.ucoz.pl
3
Typografia pisma i obrazuTypografia pisma i obrazuOrtografia i interpunkcja…Gramatyka i stylistyka…Składanie tekstów w języku polskim…Typologia dokumentów…Typografia…Estetyka edycji i składu tekstu…Lekkość projektowania i rozkładu grafiki…Sztuka doskonalenia komunikacji…
4
Celem spotkania jestCelem spotkania jestuświadomienie tego, w jakim stopniu oraz za pomocą jakich środków typografia staje się narzędziem rzeczywistych relacji kreowanych pomiędzy pismem i obrazem a stanem umysłu.
Pismo i obraz wywierają wpływ na ludzi od tysięcy lat. Dążenia imperialne, powaga wzbudzająca zaufanie, obietnica odprężenia, poczucie bezpieczeństwa czy wywołującego szacunek dystansu itd. – wszystko to daje się wyrazić kompozycją pisma i obrazu.
5
Pozwól sobie zacząć od prostego Pozwól sobie zacząć od prostego znakuznaku
jakim jest np. przecinek,a skończ na zbliżeniu się do idei „prostoty” określania, dlaczego na przykład to
jest przykładem „dzieła” nie za bardzo „poprawnego”, a to…
6
Pismo i obraz, pismo jak Pismo i obraz, pismo jak obrazobraz
7
Prawdopodobnie ktoś już Prawdopodobnie ktoś już kiedyśkiedyś
8
Komunikat, typografia, Komunikat, typografia, komunikacjakomunikacja
9
Przypomnijmy elementarne Przypomnijmy elementarne zasadyzasady
o kturych zawsze pamiętać należy i nigdy ich łamać nie wolno…
…który przez „u” otwarte?!„Z kim ja tu mam do czynienia?”Nie o takie zasady jednak tu chodzi.Proszę zapamiętać uczucia, które pojawiły się przy okazji słowa „kturych”.
10
Proszę pamiętać te złe Proszę pamiętać te złe emocjeemocje
Pracownik,któryPracownik, któryPracownik , któryPracownik ,któryTe same negatywne uczucia, a może i gor-sze (bo nie są przez wielu uświadamiane) pojawiają się w przypadku źle wstawia-nych w tekście znakach: . , : ; ? ! …
11
. , : ; ? ! …. , : ; ? ! …Za każdym z wymienionych wyżej znaków zawsze należy wstawić odstęp (spację).Przed każdym z wyżej wymienionych znaków nigdy odstępu wstawiać nie należy.Nigdy nie należy wstawiać np. trzech wykrzykników (!!!), tak jak nigdy się nie wstawia np. trzech przecinków (,,,).Pomiędzy wyrazami zawsze można używać tylko jednego odstępu.
12
Inne znaki: ( ) [ ] { } „ ”Inne znaki: ( ) [ ] { } „ ”
(to jest pracownik, który o tym wie)( to jest pracownik, który o tym wie )„to jest pracownik, który o tym wie”„ to jest pracownik, który o tym wie „Przykład:…jutro (to będzie pracownik, który będzie wiedział). Zawsze…
13
Myślnik, dywiz, kreska, Myślnik, dywiz, kreska, minus…minus…
Typografia – to potężne narzędzie.Typografia- to potężne narzędzie.Typografia-to potężne narzędzie.Biało-czerwonaBiało – czerwonaHokus-pokusŁapu-capu
14
Zbiegi znaków Zbiegi znaków interpunkcyjnychinterpunkcyjnych
Prus pisze (przykłady): „Co ona, nieszczęsna niewiasta, zawiniła?”.Często powtarza: „Dzisiaj nie idę na spacer”.„Dzisiaj nie idę!” – stanowczo stwierdziła.– Co ty mówisz, Nel?... Dlaczego mi nie wierzysz?!
15
str.18 czy str. 18str.18 czy str. 18
str.18
str.36
str. 18
str. 36
16
str.18, str. 18, nr 18str.18, str. 18, nr 18
Po skrótach kończących się kropką dopuszczalne jest pomijanie odstępu po kropce. Lepiej jednak jest używać odstęp po kropce. Po skrótach nie zakończonych kropką – odstęp jest konieczny.W używaniu skrótów w tekstach należy być koniecznie konsekwentnym.
17
Odwołania do tekstów Odwołania do tekstów prawnychprawnych
Art. 12 ust. 2 pkt 2 lit. b) tiret drugieArt.12 ust.2 pkt 2 lit. b) tiret drugieW przykładzie drugim nastąpiło złamanie zasady bycia konsekwentnym.
18
Miejscowość i dataMiejscowość i data
Poznań dnia 3.11.05r.Poznań, dnia 03.11.2005 r.03.11.2005 roku w Poznaniu3 listopada 2005 roku w PoznaniuPoznań, 03.11.2005Poznań, 2005.11.03
19
AdresAdres
Kowalski Jan58-212 PoznańOś.Jasne 24c/2-----------------------Jan KowalskiOs. Jasne 24c/258-212 Poznań
20
Nr telefonuNr telefonu
Tel (074) 645-08-38tel.: 0 74 645 08 38tel. 74 645 08 38tel.: +48 74 645 08 38tel.mob. +48 0-501-091-995tel.: +48 501 09 19 95tel.: +48 501 091995tel./fax: 74 645 08 38
21
Co jeszcze w prostej Co jeszcze w prostej typografii?typografii?
Dobór czcionek do publikacji.Rozplanowanie tekstu.Wybór własności czcionek, linii i akapitów.Czym się kierować i dlaczego?I tu dopiero będzie coś, co nie jest zwykłe!
22
Serif i Sans SerifSerif i Sans SerifCzcionki najogólniej można podzielić na dwa typy
Czcionki szeryfoweCzcionki bezszeryfoweCzcionki bezszeryfowe nazywane są również czcionkami groteskowymi
23
Publikacje tradycyjne i Publikacje tradycyjne i elektroniczneelektroniczneW publikacjach elektronicznychdominuje czcionka groteskowa:VerdanaTahomaArialTrebuchetSans Serif
W publikacjach tradycyjnychdominuje czcionka szeryfowa:Times New RomanSerifGaramondGeorgiaBook Antiqua
24
Jak składać tekst na stronie?Jak składać tekst na stronie?
25
Np. na stronie formatu A4Np. na stronie formatu A4
26
Rozmieszczenie tekstuRozmieszczenie tekstu
27
Marginesy obszaru edycjiMarginesy obszaru edycji
28
Lepsze marginesy? Lepsze marginesy? Dlaczego?Dlaczego?
29
Proszę…Proszę…
…narysować pięknyprostokąt…
30
Dlaczego jest piękny? Dlaczego jest piękny? Dlatego…Dlatego…
Piękny podział odcinkaPiękny prostokąt
a-x
x
31
Piękny, złoty podział i Piękny, złoty podział i proporcjaproporcja
32
φφ=͌ 1,618 – złoty trójkąt, =͌ 1,618 – złoty trójkąt, pentagrampentagram
33
φφ=͌ 1,618 – ciąg Fibonacciego=͌ 1,618 – ciąg Fibonacciegoφ ma ścisły związek z ciągiem Fibonacciego: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89,...Ciąg Fibonacciego jest ciągiem addytywnym.Oznacza to, że każdy jego kolejny wyraz, z wyją-tkiem dwóch pierwszych, powstaje poprzez dodanie do siebie dwóch wyrazów poprzednich.Iloraz dwóch kolejnych wyrazów ciągu Fibonacciego w miarę wzrastania ciągu jest coraz bliższy wartości φ.
34
φφ=͌ 1,618 i ciąg Fibonacciego=͌ 1,618 i ciąg Fibonacciego
Ciąg Fibonacciego i liczba φ mają liczne odzwierciedlenia w zjawiskach przyrody, np. w biologii, w botanice, w fizyce, ale także w sztuce i w działalności człowieka oraz jak się okazuje:Ciąg Fibonacciego i liczba φ mają liczne zastosowania w składzie i edycji tekstu i obrazu!
35
φφ=͌ 1,618 i ciąg Fibonacciego=͌ 1,618 i ciąg Fibonacciego
36
φφ=͌ 1,618 i ciąg Fibonacciego=͌ 1,618 i ciąg Fibonacciego
37
φφ=͌ 1,618 i ciąg Fibonacciego=͌ 1,618 i ciąg Fibonacciego
38
φφ=͌ 1,618 i ciąg Fibonacciego=͌ 1,618 i ciąg Fibonacciego
39
φφ=͌ 1,618 i ciąg Fibonacciego =͌ 1,618 i ciąg Fibonacciego (?)(?)
40
φφ=͌ 1,618 i ciąg Fibonacciego=͌ 1,618 i ciąg Fibonacciego
41
Obliczenia dla obszaru edycjiObliczenia dla obszaru edycji
42
Liczba błędów – Liczba błędów – katastroficzna!katastroficzna!
43
Poprawne typograficznie?Poprawne typograficznie?
44
Piękne i estetycznePiękne i estetyczne
45
Coś tu psuje urodęCoś tu psuje urodę
46
Teraz znowu lepiej. Co Teraz znowu lepiej. Co jeszcze?jeszcze?
47
Publikacje elektronicznePublikacje elektronicznePublikacje na stronach internetowych.Publikacje do czytania na ekranie: w formacie PDF, w formatach aplikacji biurowych, w formatach e-book, Zinio Reader, MShelp, w formatach poczty elektronicznej prezentacje typu PowerPoint itp.
Bardzo interesujące i rozległe zagadnienia.
48
Analiza „typograficzna” Analiza „typograficzna” obrazuobrazu
49
Analiza „typograficzna” Analiza „typograficzna” obrazuobrazu
50
Typograficzne prowadniceTypograficzne prowadnice
51
Poprawmy odrobinę pustynięPoprawmy odrobinę pustynię
52
Ciekawe czy będzie lepiej?Ciekawe czy będzie lepiej?
53
Teraz kolej na nieboTeraz kolej na niebo
54
Rozkład zgodny z liczbą Rozkład zgodny z liczbą φφ
55
Gdzie kolumna książek?Gdzie kolumna książek?
56
Tu jest jej miejsceTu jest jej miejsce
57
Pora na cieńPora na cień
58
Najważniejszy punktNajważniejszy punkt
59
Kilka koniecznych poprawekKilka koniecznych poprawek
60
Pierwsze porównaniePierwsze porównanie
61
Drugie porównanieDrugie porównanie
62
Trzecie porównanieTrzecie porównanie
63
Symetria, złota asymetria, Symetria, złota asymetria, kadrkadr
6433
65
66
67
6849
6993
7076
71
DziękujęDziękuję
[email protected]/Krzysztof.Slugockisites.google.com/site/KrzysztofSlugockiprezi.com/user/egocki/slideshare.net/egockiart30a.ucoz.pl