SlideShare ist ein Scribd-Unternehmen logo
1 von 71
1
Typograficzna estetykaTypograficzna estetyka
edycji i składuedycji i składu
tekstu i obrazutekstu i obrazu
Od odkrywania potrzeby, poprzez kreację, po
realizację
Krzysztof.Slugocki@gmail.com
facebook.com/Krzysztof.Slugocki
sites.google.com/site/KrzysztofSlugocki
prezi.com/user/egocki/
slideshare.net/egocki
art30a.ucoz.pl
3
Typografia pisma i obrazuTypografia pisma i obrazu
Ortografia 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 jest
uś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 znakuPozwól sobie zacząć od prostego znaku
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 obrazPismo i obraz, pismo jak obraz
7
Prawdopodobnie ktoś jużPrawdopodobnie ktoś już
kiedyśkiedyś
8
Komunikat, typografia,Komunikat, typografia,
komunikacjakomunikacja
9
Przypomnijmy elementarne zasadyPrzypomnijmy elementarne zasady
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 emocjeProszę pamiętać te złe emocje
Pracownik,który
Pracownik, który
Pracownik , który
Pracownik ,który
Te 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, minus…Myślnik, dywiz, kreska, minus…
Typografia – to potężne narzędzie.
Typografia- to potężne narzędzie.
Typografia-to potężne narzędzie.
Biało-czerwona
Biało – czerwona
Hokus-pokus
Łapu-capu
14
Zbiegi znaków interpunkcyjnychZbiegi znaków interpunkcyjnych
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ówOdwołania do tekstów
prawnychprawnych
Art. 12 ust. 2 pkt 2 lit. b) tiret drugie
Art.12 ust.2 pkt 2 lit. b) tiret drugie
W 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 Poznaniu
3 listopada 2005 roku w Poznaniu
Poznań, 03.11.2005
Poznań, 2005.11.03
19
AdresAdres
Kowalski Jan
58-212 Poznań
Oś.Jasne 24c/2
-----------------------
Jan Kowalski
Os. Jasne 24c/2
58-212 Poznań
20
Nr telefonuNr telefonu
Tel (074) 645-08-38
tel.: 0 74 645 08 38
tel. 74 645 08 38
tel.: +48 74 645 08 38
tel.mob. +48 0-501-091-995
tel.: +48 501 09 19 95
tel.: +48 501 091995
tel./fax: 74 645 08 38
21
Co jeszcze w prostejCo 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 Serif
Czcionki najogólniej można podzielić na
dwa typy
Czcionki szeryfowe
Czcionki bezszeryfowe
Czcionki bezszeryfowe nazywane są
również czcionkami groteskowymi
23
Publikacje tradycyjne iPublikacje tradycyjne i
elektroniczneelektroniczne
W publikacjach elektronicznych
dominuje czcionka groteskowa:
Verdana
Tahoma
Arial
Trebuchet
Sans Serif
W publikacjach tradycyjnych
dominuje czcionka szeryfowa:
Times New Roman
Serif
Garamond
Georgia
Book 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? Dlaczego?Lepsze marginesy? Dlaczego?
29
Proszę…Proszę…
…narysować
piękny
prostokąt…
30
Dlaczego jest piękny?Dlaczego jest piękny?
Dlatego…Dlatego…
Piękny podział odcinka
Piękny prostokąt
a-x
x
31
Piękny, złoty podział iPiękny, złoty podział i
proporcjaproporcja
32
φφ= 1,618 – złoty trójkąt, pentagram͌= 1,618 – złoty trójkąt, pentagram͌
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 – katastroficzna!Liczba błędów – 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. CoTeraz znowu lepiej. Co
jeszcze?jeszcze?
47
Publikacje elektronicznePublikacje elektroniczne
Publikacje 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” obrazuAnaliza „typograficzna” obrazu
49
Analiza „typograficzna” obrazuAnaliza „typograficzna” obrazu
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, kadrSymetria, złota asymetria, kadr
6433
65
66
67
6849
69
93
70
76
71
DziękujęDziękuję
Krzysztof.Slugocki@gmail.com
facebook.com/Krzysztof.Slugocki
sites.google.com/site/KrzysztofSlugocki
prezi.com/user/egocki/
slideshare.net/egocki
art30a.ucoz.pl

Weitere ähnliche Inhalte

Andere mochten auch

Everthing is connected
Everthing is connectedEverthing is connected
Everthing is connectedMike Say
 
Grilla de evaluación de plataformas educativas blackboard
Grilla de evaluación de plataformas educativas blackboardGrilla de evaluación de plataformas educativas blackboard
Grilla de evaluación de plataformas educativas blackboardtoalcomo
 
Prezentacja grecja
Prezentacja grecjaPrezentacja grecja
Prezentacja grecjamatizdebski
 
Rzezba grecka 1a 201314
Rzezba grecka 1a 201314Rzezba grecka 1a 201314
Rzezba grecka 1a 201314Profe Polaca
 
Norma tecnica elizabeth calleja
Norma tecnica elizabeth callejaNorma tecnica elizabeth calleja
Norma tecnica elizabeth callejaelizabeth2017
 
Prezentacja Matematyka jest wszędzie
Prezentacja Matematyka jest wszędziePrezentacja Matematyka jest wszędzie
Prezentacja Matematyka jest wszędziespecool
 
Hand biomechanics and basic functions
Hand biomechanics and basic functionsHand biomechanics and basic functions
Hand biomechanics and basic functionsVaikunthan Rajaratnam
 
Matematyka w życiu codziennym, anna kłos 2e
Matematyka w życiu codziennym, anna kłos 2eMatematyka w życiu codziennym, anna kłos 2e
Matematyka w życiu codziennym, anna kłos 2eTimoteii
 
Matematyka w życiu codziennym, justyna bonk 2e
Matematyka w życiu codziennym, justyna bonk 2eMatematyka w życiu codziennym, justyna bonk 2e
Matematyka w życiu codziennym, justyna bonk 2eTimoteii
 
Matematyka a sztuka
Matematyka a sztuka Matematyka a sztuka
Matematyka a sztuka bruniewska
 
Ciekawostki o liczbach
Ciekawostki o liczbachCiekawostki o liczbach
Ciekawostki o liczbachBrygit
 

Andere mochten auch (16)

Everthing is connected
Everthing is connectedEverthing is connected
Everthing is connected
 
Grilla de evaluación de plataformas educativas blackboard
Grilla de evaluación de plataformas educativas blackboardGrilla de evaluación de plataformas educativas blackboard
Grilla de evaluación de plataformas educativas blackboard
 
Prezentacja grecja
Prezentacja grecjaPrezentacja grecja
Prezentacja grecja
 
Rzezba grecka 1a 201314
Rzezba grecka 1a 201314Rzezba grecka 1a 201314
Rzezba grecka 1a 201314
 
Pamięć
PamięćPamięć
Pamięć
 
Peace cross cultural understanding
Peace cross  cultural understandingPeace cross  cultural understanding
Peace cross cultural understanding
 
Museums In UK
Museums In UKMuseums In UK
Museums In UK
 
Norma tecnica elizabeth calleja
Norma tecnica elizabeth callejaNorma tecnica elizabeth calleja
Norma tecnica elizabeth calleja
 
Triptych examples
Triptych examplesTriptych examples
Triptych examples
 
Odo03a 20150821
Odo03a 20150821Odo03a 20150821
Odo03a 20150821
 
Prezentacja Matematyka jest wszędzie
Prezentacja Matematyka jest wszędziePrezentacja Matematyka jest wszędzie
Prezentacja Matematyka jest wszędzie
 
Hand biomechanics and basic functions
Hand biomechanics and basic functionsHand biomechanics and basic functions
Hand biomechanics and basic functions
 
Matematyka w życiu codziennym, anna kłos 2e
Matematyka w życiu codziennym, anna kłos 2eMatematyka w życiu codziennym, anna kłos 2e
Matematyka w życiu codziennym, anna kłos 2e
 
Matematyka w życiu codziennym, justyna bonk 2e
Matematyka w życiu codziennym, justyna bonk 2eMatematyka w życiu codziennym, justyna bonk 2e
Matematyka w życiu codziennym, justyna bonk 2e
 
Matematyka a sztuka
Matematyka a sztuka Matematyka a sztuka
Matematyka a sztuka
 
Ciekawostki o liczbach
Ciekawostki o liczbachCiekawostki o liczbach
Ciekawostki o liczbach
 

Mehr von Krzysztof Sługocki

SK - świadomość i kompetencja
SK - świadomość i kompetencjaSK - świadomość i kompetencja
SK - świadomość i kompetencjaKrzysztof Sługocki
 
Wizerunek jak publikować legalnie?
Wizerunek   jak publikować legalnie?Wizerunek   jak publikować legalnie?
Wizerunek jak publikować legalnie?Krzysztof Sługocki
 
Ustawa podręcznikowa 2015 - Dotacja celowa 2015
Ustawa podręcznikowa 2015 - Dotacja celowa 2015Ustawa podręcznikowa 2015 - Dotacja celowa 2015
Ustawa podręcznikowa 2015 - Dotacja celowa 2015Krzysztof Sługocki
 
Zmiany w prawie ochrony danych osobowych od 01.01.2015
Zmiany w prawie ochrony danych osobowych od 01.01.2015Zmiany w prawie ochrony danych osobowych od 01.01.2015
Zmiany w prawie ochrony danych osobowych od 01.01.2015Krzysztof Sługocki
 
Analiza wydatków na wynagrodzenia nauczycieli AWN2014
Analiza wydatków na wynagrodzenia nauczycieli AWN2014Analiza wydatków na wynagrodzenia nauczycieli AWN2014
Analiza wydatków na wynagrodzenia nauczycieli AWN2014Krzysztof Sługocki
 
Co mówią oczy - wybrane fragmenty z pewnego szkolenia
Co mówią oczy - wybrane fragmenty z pewnego szkoleniaCo mówią oczy - wybrane fragmenty z pewnego szkolenia
Co mówią oczy - wybrane fragmenty z pewnego szkoleniaKrzysztof Sługocki
 
Zmiany po zmianie ustawy o informatyzacji (UoI2014)
Zmiany po zmianie ustawy o informatyzacji (UoI2014)Zmiany po zmianie ustawy o informatyzacji (UoI2014)
Zmiany po zmianie ustawy o informatyzacji (UoI2014)Krzysztof Sługocki
 
Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)
Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)
Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)Krzysztof Sługocki
 
Zarządzanie sobą w czasie (ZC2013)
Zarządzanie sobą w czasie (ZC2013)Zarządzanie sobą w czasie (ZC2013)
Zarządzanie sobą w czasie (ZC2013)Krzysztof Sługocki
 

Mehr von Krzysztof Sługocki (20)

Nowy sio 2016
Nowy sio 2016Nowy sio 2016
Nowy sio 2016
 
udip
udipudip
udip
 
Uwagananowysio2
Uwagananowysio2Uwagananowysio2
Uwagananowysio2
 
SK - świadomość i kompetencja
SK - świadomość i kompetencjaSK - świadomość i kompetencja
SK - świadomość i kompetencja
 
Wizerunek jak publikować legalnie?
Wizerunek   jak publikować legalnie?Wizerunek   jak publikować legalnie?
Wizerunek jak publikować legalnie?
 
Nowysio3sio2015
Nowysio3sio2015Nowysio3sio2015
Nowysio3sio2015
 
Ustawa podręcznikowa 2015 - Dotacja celowa 2015
Ustawa podręcznikowa 2015 - Dotacja celowa 2015Ustawa podręcznikowa 2015 - Dotacja celowa 2015
Ustawa podręcznikowa 2015 - Dotacja celowa 2015
 
Zmiany w prawie ochrony danych osobowych od 01.01.2015
Zmiany w prawie ochrony danych osobowych od 01.01.2015Zmiany w prawie ochrony danych osobowych od 01.01.2015
Zmiany w prawie ochrony danych osobowych od 01.01.2015
 
Analiza wydatków na wynagrodzenia nauczycieli AWN2014
Analiza wydatków na wynagrodzenia nauczycieli AWN2014Analiza wydatków na wynagrodzenia nauczycieli AWN2014
Analiza wydatków na wynagrodzenia nauczycieli AWN2014
 
Nowysio
NowysioNowysio
Nowysio
 
Ustawa podręcznikowa
Ustawa podręcznikowaUstawa podręcznikowa
Ustawa podręcznikowa
 
Zmiany w SIO 2014 cz.1
Zmiany w SIO 2014 cz.1Zmiany w SIO 2014 cz.1
Zmiany w SIO 2014 cz.1
 
Informatyzacja 2014 cz.2
Informatyzacja 2014 cz.2Informatyzacja 2014 cz.2
Informatyzacja 2014 cz.2
 
Dekalog wystąpień publicznych
Dekalog wystąpień publicznychDekalog wystąpień publicznych
Dekalog wystąpień publicznych
 
Co mówią oczy - wybrane fragmenty z pewnego szkolenia
Co mówią oczy - wybrane fragmenty z pewnego szkoleniaCo mówią oczy - wybrane fragmenty z pewnego szkolenia
Co mówią oczy - wybrane fragmenty z pewnego szkolenia
 
Zmiany po zmianie ustawy o informatyzacji (UoI2014)
Zmiany po zmianie ustawy o informatyzacji (UoI2014)Zmiany po zmianie ustawy o informatyzacji (UoI2014)
Zmiany po zmianie ustawy o informatyzacji (UoI2014)
 
Warsztaty perswazji (w002)
Warsztaty perswazji (w002)Warsztaty perswazji (w002)
Warsztaty perswazji (w002)
 
Warsztaty perswazji (w001)
Warsztaty perswazji (w001)Warsztaty perswazji (w001)
Warsztaty perswazji (w001)
 
Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)
Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)
Przegląd wybranych zagadnień z zarządzania zmianą (ZZ2013)
 
Zarządzanie sobą w czasie (ZC2013)
Zarządzanie sobą w czasie (ZC2013)Zarządzanie sobą w czasie (ZC2013)
Zarządzanie sobą w czasie (ZC2013)
 

Typograficzna estetyka edycji tekstu i składu obrazu