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ę

Krzysztof.Slugocki@gmail.comfacebook.com/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ę

Krzysztof.Slugocki@gmail.comfacebook.com/Krzysztof.Slugockisites.google.com/site/KrzysztofSlugockiprezi.com/user/egocki/slideshare.net/egockiart30a.ucoz.pl