DTP Od Podstaw. Projekty Z Klasą

Id do
Spis treci
Przykadowy rozdzia
Katalog ksiek
Katalog online
Zamw drukowany
katalog
Twj koszyk
Dodaj do koszyka
Cennik i informacje
Zamw informacje
o nowociach
Zamw cennik
Czytelnia
Fragmenty ksiek
online
Kontakt
Helion SA
ul. Kociuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
Helion 19912011
DTP od podstaw.
Projekty z klas
Autor: Robin Williams
Tumaczenie: Marcin Dorosz na podstawie Komputerowy
skad tekstw. Jak to zrobi? w tumaczeniu Agaty Bulandry
ISBN: 978-83-246-2757-8
Tytu oryginau: The Non-Designer's Design Book Deluxe Edition
Format: 168237, stron: 224
Poznaj praktyczne zasady projektowania dokumentw!

Czego dotyczy zasada drzewa Jozuego?
Jakie kontrastowa pisma?
Jak projektowa wizytwki, foldery lub ogoszenia prasowe?
Przygotowujc jakiekolwiek materiay informacyjne, oczekujesz, e zostan one przede wszystkim
przeczytane. Jednak z pewnoci chciaby rwnie, eby wzbudzay zainteresowanie odbiorcy
dziki ciekawej i estetycznej formie. Czy naprawd trzeba powici dugie godziny na studiowanie
zasad projektowania i typografii, aby stworzy poprawny i atrakcyjny wizualnie dokument?
Ju nie! Do Twoich rk oddajemy ksik, dziki ktrej byskawicznie opanujesz zasady
projektowania i skadu dokumentw. W pierwszej kolejnoci poznasz zasad drzewa Jozuego,
a w nastpnych rozdziaach znajdziesz wiadomoci na temat kadego jego elementu: kontrastu,
powtarzania, wyrwnywania oraz odlegoci. Ponadto autor przekae Ci interesujce i praktyczne
porady dotyczce projektowania wizytwek, papieru firmowego, ulotek, biuletynw, folderw
oraz ogosze gazetowych. Ksika ta przeznaczona jest dla Czytelnikw zainteresowanych
poznaniem tajnikw projektowania bez specjalnego wgbiania si w szczegy techniczne.
Liczne przykady oraz sensowne wskazwki sprawiaj, e staje si to cakiem atwe i przyjemne.
Jeeli interesuje Ci temat typografii, z pewnoci przypadnie Ci do gustu druga ksika
powicona tej tematyce: Typografia od podstaw. Projekty z klas.
Zasada drzewa Jozuego kontrast, powtarzanie, wyrwnanie, odlego
Wykorzystanie koa barw
Rnice midzy CMYK i RGB
Zasady projektowania wizytwek
Projektowanie papieru firmowego oraz kopert
Projektowanie folderw, biuletynw i ulotek
Kroje pisma w projektowaniu
Drukowanie
Klasyfikacja pism
Zasady kontrastowania pism
Projektowanie dokumentw bez zbdnej teorii!
Spis treci
Dla kogo jest ta ksika?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Zasady projektowania
2
3
4
5
Designer_Book.indb 5
Zasada drzewa Jozuego
13
Cztery podstawowe zasady . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Kontrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Powtarzanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Wyrwnanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Odlego. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Odlego
17
Odlego podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Podstawowy cel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Jak toosign. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Czego naley unika. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Wyrwnanie
35
Wyrwnanie podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Podstawowy cel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Jak toosign. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Powtarzanie
53
Powtarzanie podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Podstawowy cel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Jak toosign. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Kontrast
67
Kontrast podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Podstawowy cel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Jak toosign. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
2010-08-12 18:13:50
spis treci
6
7
Przegld
83
Odlego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Wyrwnanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Powtarzanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Kontrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Szybki test nr 1 zasady projektowania. . . . . . . . . . . . . . . . . . . . . 88
Szybki test nr 2 zmiana projektu ogoszenia. . . . . . . . . . . . . . . . 89
Podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Kolor
93
Niesamowite koo barw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Relacje midzy kolorami. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Barwy dopeniajce. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Triady . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Triady zrozdzielonymi barwami dopeniajcymi . . . . . . . . . . . . . 98
Kolory analogiczne. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
Ciemniejsze ijaniejsze odcienie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Twrzmy wasne odcienie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Kolory monochromatyczne. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
czenie odcieni. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Uwaga natony!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Ciepe ichodne kolory. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Odczego zacz. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
CMYK kontra RGB, druk kontra sie. . . . . . . . . . . . . . . . . . . . . . . . . . 108
Inne porady isztuczki
111
Tworzenie pakietu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112

Wizytwki. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113
Projektowanie wizytwek wskazwki. . . . . . . . . . . . . . . . . . . . 116
Format. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Rozmiar kroju pisma. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Stylistyczna konsekwencja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Papier firmowy ikoperty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
Projektowanie papieru firmowego ikopert wskazwki. . . . 120
Rozmiar koperty. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Centralny punkt. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Wyrwnanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Druga strona . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Faks ikserokopiarka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Ulotki. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Projektowanie ulotek wskazwki. . . . . . . . . . . . . . . . . . . . . . . . 124
Centralny punkt. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Kontrastujce nagwki. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
2010-08-12 18:13:50
spis treci
Powtarzanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Wyrwnanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Biuletyny. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Projektowanie biuletynw wskazwki. . . . . . . . . . . . . . . . . . 128
Wyrwnanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Wcicia wtekcie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Tylko nie Helvetica!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Przystpny ukad tekstu gwnego. . . . . . . . . . . . . . . . . . . . . . . 129
Foldery. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Projektowanie folderw wskazwki . . . . . . . . . . . . . . . . . . . . . 133
Kontrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Powtarzanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Wyrwnanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Odlego. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Pocztwki reklamowe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Projektowanie pocztwek reklamowych wskazwki. . . . . . . 138
Cel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Przyciganie uwagi. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Kontrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Ogoszenia dogazet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Projektowanie ogosze dogazet wskazwki . . . . . . . . . . . . . 142
Kontrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Wybr kroju pisma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Funkcja negatywu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Strony internetowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143
Projektowanie stron internetowych wskazwki. . . . . . . . . . . 146
Powtarzanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Przejrzysto iczytelno . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Kroje pisma w projektowaniu
10
Druk (a ycie)
149
Harmonia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Konflikt. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Kontrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
Klasyfikacja krojw pisma
157
Antykwy renesansowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Antykwy klasycystyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159
Antykwy linearne szeryfowe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Antykwy linearne bezszeryfowe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
Pisanki. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Ksenotypy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
2010-08-12 18:13:50
spis treci
11
wiadomo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Szybki test nr 3 grupy krojw. . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Szybki test nr 4 rnice gruboci kresek. . . . . . . . . . . . . . . . . . . 166
Szybki test nr 5 szeryfy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167
Podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
Kontrastowanie krojw pisma
169
Rozmiar. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Grubo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
Struktura. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178
Forma. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
Kierunek. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Kolor. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Podsumowanie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
Szybki test nr 6 kontrast czy konflikt. . . . . . . . . . . . . . . . . . . . . . 198
Szybki test nr 7 tak inie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
wiczenie naczenie kontrastw. . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Dodatki
12
13
14
To takie proste
203
Proces. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
wiczenie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Przeprojektujmy to . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206
Odpowiedzi do testw
207
Odpowiedzi dotestu nr 1 (str. 86). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Odpowiedzi dotestu nr 2 (str. 87). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Odpowiedzi dotestu nr 3 (str. 161). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Kroje pisma uyte w ksice
213
Podstawowe fonty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Antykwy klasycystyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Antykwy renesansowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214
Antykwy linearne szeryfowe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214
Antykwy linearne bezszeryfowe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
2010-08-12 18:13:50
spis treci
Pisanki. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Ornamenty. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Ksenotypy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217
Aneks
218
OpenType. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218
Minisowniczek. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
rda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Skorowidz
220
To jest do kitu.
Herb Lubalin
Ale czy jest to stosowne?

Edward Gottschall
2010-08-12 18:13:51
Inne porady
isztuczki
Wtym rozdziale przyjrzymy si procesowi powstawania rnorakich materiaw promocyjnych dla fikcyjnej firmy Urls Internet Cafe1. Znajdziecie tusporo
dodatkowych wskazwek, sztuczek inowych technik. Mimo towkadym projekcie, bez wzgldu najego rozmiar, atwo bdzie dostrzec uycie czterech podstawowych zasad projektowania.
Na kolejnych stronach niniejszego rozdziau znajduj si konkretne wskazwki dotyczce projektowania wizytwek, papieru firmowego, kopert, ulotek,
biuletynw, folderw, pocztwek reklamowych, ogosze do gazet czy stron
internetowych.
Strona UrlsInternetCafe.com naprawd istnieje, ale produkty wymienione wtym rozdziale nie s na sprzeda. To znaczy byy, ale internetowa firma realizujca zamwienia, zktrej usug korzystalimy, zawiesia dziaalno, przez conasze wspaniae
produkty znikny. Jeli gdzie si nanie natkniecie, dajcie zna.
2010-08-12 18:14:26
112
cz i
z a sa dy proj e k t owa n i a
Tworzenie pakietu
Jedna znajwaniejszych cech efektywnego pakietu produktw czy si zzasad powtarzania: kady element takiego zbioru musi charakteryzowa si
pewnym powtarzajcym si obrazkiem lub stylem. Przyjrzyjmy si zatem poniszym materiaom reklamujcym kawiarenk internetow i nazwijmy powtarzajce si elementy.
Get on the Internet and do Stuff.
Url Ratz
General Manager
Browser Dawg
Director of
Human Resources
October 9
Egley & Taylor Coffee Roasters
1234 Java Court
Santa Fe, New Mexico 87505
Dear Laura and Tim,
This letter is to confirm our conversation
ion regarding adding a
new line of teas and coffees to Urls Internet
nternet Cafe. The highcaffeine blend, deadline.caf, is selling great, as are the other
coffees. We would like to add the mango-pekoe
ngo-pekoe blend tea
and the organic green tea. Well send over the contract and
purchase orders on Monday.
Its always a pleasure doing business with you!
Thank you very much,
Url Ratz and Browser Dawg

Self-Proclaimed Internet Icons
url@UrlsInternetCafe.com
www.UrlsInternetCafe.com
505.424.1115 v
505.438.9762 f
P.O. Box 23465
Santa Fe
New Mexico
87502
Url Ratz
General Manager
505.424.1115 v
505.438.9762 f
P.O. Box 23465
Santa Fe
New Mexico
87502
Great gift ideas for your

Internet-obsessed friends
Ratz! Thats what you usually say when you
realize the holidays are here and and you
havent done diddly-squat for shopping.
But now when you say Ratz! youre
reminded of Url Ratz and his Internet Cafe
full of unique gifts developed just for Internet
mavens like you and your screen-radiated
friends and relatives. Happy Holidays. Now get on
the Internet at www.UrlsInternetCafe.com and do stuff.
2010-08-12 18:14:27
8. inne por ady i sztuczk i
113
Wizytwki
Jeli w naszym projekcie mamy zamiar wykorzysta drugi kolor, uywajmy go
oszczdnie. Z reguy ju drobna jego ilo okazuje si bardziej efektywna ni
jego nadmierne uycie. Naprawd wystarczy jeden kolorowy kleks.
W drukarni dowiemy si, ile wizytwek zmieci si na jednej stronie druku
i w jakich odstpach powinny si znajdowa. Zapytajmy rwnie, czy moemy
przesa plik w formacie Adobe Acrobat PDF (jeli nie wiesz, jak stworzy plik
PDF, skorzystaj z pomocy na stronie Adobe www.Adobe.com). Mona take uy gotowych perforowanych szablonw wizytwek, ktre zadrukujemy
za pomoc zwyczajnej drukarki biurkowej.
Rozmiar wizytwek
Standardowa wizytwka ma rozmiary 8,55,5 cm. Wymiary te dotycz rwnie wizytwek o pionowym ukadzie.
Urls Internet Cafe

Url Ratz, Manager
5054241115
P.O. Box 23465 Santa Fe New Mexico 87502
Kroje pisma
2010-08-12 18:14:27
114
cz i
Czego nie robi

Url Ratz
Nie upychaj informacji po k

tach. Jeli pozostan puste
miejsca, nic si nie stanie.
General Manager
Urls Internet Cafe

e-mail:
(505) 424-1115 ph.

P.O. Box 23465
Santa Fe, NM 87502
Zadbaj o to, aby stopie tekstu

nie wynosi 12 punktw
w ten sposb Twoja wizytwka
nigdy nie bdzie wyglda
na wyrafi nowan! 8, 9 czy
10punktowy krj pisma jest
jak najbardziej dopuszczalny.
Ba, niektrzy nawet stosuj
7punktowy! I jeszcze jedno
nie wyrwnuj tekstu do rodka,
chyba e masz ku temu jaki
rozsdny powd.
Urls Internet Cafe

Url Ratz, General Manager
(505) 424-1115 phone
P.O. Box 23465
Santa Fe, NM 87502
Urls Inter net Cafe

Nie staraj si na si zapeni

caej przestrzeni wizytwki.
Puste miejsca to nic straszne
go. Przyjrzyj si znanym Ci
profesjonalnym wizytwkom
zawsze jest na nich niewy
korzystana przestrze!
email: url@UrlsInternetCafe.com
web site: www.UrlsInternetCafe.com
(505) 424-1115 phone (505) 438-9762 fax
P.O. Box 23465
Url Ratz,
Santa Fe, NM 87502
General Manager
Nie stosuj takich krojw pisma,

jak Times New Roman, Arial
czy Helvetica. W przeciwnym
razie wizytwka bdzie wy
glda jak z lat 70. ubiegego
stulecia.
Umieszczanie sw email
czy strona internetowa
na wizytwce nie jest koniecz
ne kady wie przecie,
o co chodzi.
Kroje pisma
2010-08-12 18:14:27
115
Warto sprbowa
U wszystko w linii. Kady
element wizytwki powinien
by wyrwnany do innego jej
elementu.
Get on the
Internet
and do Stuff.
Wyrwnaj linie poziome.
Wyrwnaj lewe lub prawe

krawdzie.
W wikszoci przypadkw wy
raziste wyrwnanie do lewej
lub do prawej krawdzi sprawia
wraenie znacznie bardziej pro
fesjonalnego ni wyrodkowanie
wszystkich elementw.
Url Ratz
General Manager
5054241115 voice
5054389762 fax
P.O. Box 23465
Podajc adres czy numer tele

fonu, zastanw si nad wy
korzystaniem kropek, maych
punktorw lub spacji zamiast
tradycyjnych nawiasw. Twoja
wizytwka zyska w ten spo
sb na schludnoci.
Urls Internet Cafe

Url Ratz
General Manager
505.424.1115 v
505.438.9762 f
P.O. Box 23465
Santa Fe, New Mexico
87502
Urls Internet Cafe
Url Ratz, Manager

5054241115
Wszelkie skrtowce staraj si

zapisywa penymi wyrazami.
Uywane w skrtach kropki
i przecinki potguj tylko
wraenie chaosu.
Nie umieszczaj na wizytwce

formuki Numer telefonu
(chyba e posiadasz rwnie
faks). Kady wie, o co chodzi.
P.O. Box 23465

Santa Fe
New Mexico 87502
5054389762 fax
2010-08-12 18:14:28
116
cz i
Projektowanie wizytwek wskazwki

Zaprojektowanie wizytwki tonieraz nie lada wyzwanie naniewielkiej przestrzeni musimy bowiem umieci sporo informacji. Cogorsza, zbiegiem czasu
informacji tych przybywa. Nie wystarczy ju tylko adres inumer telefonu dochodzi do nich numer telefonu komrkowego, numer faksu, adres e-mail czy
adres strony internetowej, ktr, nawiasem mwic, powinnimy posiada.
Format
Na pocztek musimy dokona wyboru: czy interesuje nas wizytwka pozioma,

czy pionowa? To, ewikszo wizytwek jest zorientowana poziomo, nie oznacza, ewszystkie musz takie by. Bardzo czsto informacje lepiej rozkadaj si
napionowym formacie, szczeglnie gdy musimy umieci ich tak wiele natak
niewielkiej przestrzeni. Warto zatem poeksperymentowa z oboma ukadami
strony iwybra ten najlepiej wspgrajcy zinformacjami, ktre chcemy zawrze
nawizytwce.
Rozmiar kroju pisma
Jednym znajczstszych bdw popenianych przez pocztkujcych projektantw jest niewaciwy rozmiar kroju pisma. Zreguy jest poprostu zaduy. Nawet
10- lub 11-punktowy stopie, zjakim spotykamy si nacodzie wksikach,
namaej karteczce wyglda pokracznie, acodopiero 12-punktowy! Zdaj sobie
spraw, e korzystanie z 9-, 8- czy nawet 7-punktowego stopnia kroju pisma
bywa napocztku trudne, ale wystarczy przyjrze si wasnej kolekcji wizytwek
iwybra zniej trzy najbardziej profesjonalne iwyrafinowane. Szybko okae si,
eadnej znich nie stworzono zapomoc 12-punktowego stopnia kroju pisma.
Nie zapominajmy, ewizytwka tonie ksika, folder czy ogoszenie wizytwka zawiera informacje, na ktre dany klient spoglda tylko przez kilka sekund. Czasami wic ten wyrafinowany efekt, jaki nasza wizytwka ma wywrze naodbiorcy, jest waniejszy ni ogromna czcionka, ktrej uywamy tylko
poto, aby nasza babcia moga jbez problemu przeczyta.
Stylistyczna konsekwencja
Jeli poza wizytwk zamierzamy zaprojektowa take dopasowany doniej papier firmowy ikoperty, musimy pracowa nad wszystkimi projektami jednoczenie. Cay pakiet tych materiaw promocyjnych powinien charakteryzowa si
woczach klienta stylistyczn konsekwencj.
2010-08-12 18:14:28
117
Papier firmowy i koperty

Raczej niewiele osb, spogldajc na nasz papier firmowy, stwierdza: Ale
to liczne! Chyba potroj swoje zamwienie! lub Okropne! Rezygnuj z zamwienia!. Kiedy jednak potencjalny klient widzi nasz papier firmowy, zaczyna wyrabia sobie pewn opini na nasz temat zarwno pozytywn, jak
i negatywn, w zalenoci od projektu widniejcego na naszych artykuach
pimienniczych.
Poczwszy od jakoci papieru, jaki wybieramy dla naszego projektu, poprzez
jego kolor i dobrany krj pisma, a skoczywszy na kopercie, przekaz powinien
wywoywa u odbiorcy poczucie zaufania do naszej firmy. Oczywicie to zawarto listu bdzie stanowi najwaniejsz cz naszej korespondencji, ale
nie naley lekceway efektu, jaki nasz papier firmowy wywiera podwiadomie na adresacie.
Urls Internet Cafe
Bd odwany!
Bd pogrubiony!
Url Ratz
General Manager
Browser Dawg
Director of
Human Resources
505.424.1115 v 505.438.9762 f
P.O. Box 23465 Santa Fe New Mexico 87502
2010-08-12 18:14:28
118
cz i
Czego nie robi

Zarwno na koper
tach, jak i na papierze
fi rmowym oraz wizy
twkach zastosuj taki
sam ukad informacji.
Wszystkie te projekty
powinny sprawia
wraenie spjnych
i zalenych od siebie.
P.O. Box 23465, Santa Fe, NM, 87502

(505) 424-1115 telephone (505) 438-9762 fax
October 9
Egley and Taylor Coffee Roasters
1234 Java Court
Dear Laura and Tim,
This letter is to conrm our conversation regarding adding a new line of teas and coffees to
Urls Internet Cafe. The high-caffeine blend, deadline.caf, is selling great, as are the other
coffees. We would like to add the mango-pekoe blend tea and the organic green tea. Well
send over the contract and purchase orders on Monday.

Url Ratz
General Manager
Urls Internet Cafe

e-mail:
(505) 424-1115 ph.

P.O. Box 23465
Santa Fe, NM 87502
Urls Internet Cafe

P.O. Box 23465
Santa Fe, NM 87502
s Nie stosuj wyrodkowania dla wszystkich elementw na stronie,

chyba e wymaga tego logo fi rmy, ktre musi pozosta w takiej for
mie. Jeli ju musisz skorzysta z wyrodkowania, wyka si odrobin
kreatywnoci, ustalajc krj pisma, jego rozmiar oraz rozmieszczenie
poszczeglnych elementw. Innymi sowy, jeli informacje w obrbie
danego elementu s wyrodkowane, zastanw si, czy musz by
umieszczone na rodku strony. A moe warto przesun cay ten
wyrodkowany element w stron lewej krawdzi strony?
Nie stosuj takich krojw pisma, jak Times, Arial, Helvetica czy Sand.
Tak jak w przypadku wizytwek unikaj nawiasw, skrtw i zbdnych

sw, ktre tylko wprowadzaj nadmierne zamieszanie do projektu.
2010-08-12 18:14:29
119
Warto sprbowa
Zauwa, e wszystkie trzy
elementy maj w zasa
dzie ten sam ukad. Aby
to osign, pracuj nad
wszystkimi trzema projek
tami jednoczenie dziki
temu na bieco spraw
dzisz, czy poszczeglne
elementy bd spenia
swoje zaoenia w kadej
sytuacji.
Url Ratz
General Manager
Browser Dawg
Director of
Human Resources
October 9
Egley & Taylor Coffee Roasters
1234 Java Court
Dear Laura and Tim,
This letter is to confirm our conversation regarding adding a
new line of teas and coffees to Urls Internet Cafe. The highcaffeine blend, deadline.caf, is selling great, as are the other
coffees. We would like to add the mango-pekoe blend tea
and the organic green tea. Well send over the contract and
purchase orders on Monday.

505.424.1115 v
505.438.9762 f
P.O. Box 23465
Santa Fe
New Mexico
87502
Url Ratz
General Manager
Url Ratz
Browser Dawg
505.424.1115 v
505.438.9762 f
P.O. Box 23465
Santa Fe
New Mexico
87502
P.O. Box 23465

Santa Fe
New Mexico
87502
s Ilo grafi ki oraz rozmiary kroju pisma dobieraj zgodnie z wasnym uznaniem
tutaj masz woln rk.

Zrezygnuj z wyrodkowania caego projektu. Wyraziste linie czy wyrwnanie

do lewej lub prawej krawdzi nadadz caoci charakter.
2010-08-12 18:14:29
120
cz i
Projektowanie papieru firmowego

ikopert wskazwki
Projektowanie papieru firmowego, kopert iwizytwek powinno przebiega jednoczenie. Projekty te musz mie bowiem spjny wygld zarwno elementy
widniejce nawrczanej komu wizytwce, jak ite zwysyanego dotej osoby
listu musz si wzajemnie uzupenia.
Rozmiar koperty
Standardowa koperta biznesowa ma wymiary 110220 mm (tak zwana

kopertaC4).
Centralny punkt
Jeden zelementw projektu powinien dominowa nad innymi itozarwno nakopertach oraz wizytwkach, jak inapapierze firmowym. Unikajmy rwnie nudnego wyrodkowania tekstu wgrnej czci strony!
Wyrwnanie
Dla caego pakietu dokumentw wybierzmy jeden sposb wyrwnania. Nie naley
wyrodkowywa danego elementu wgrnej czci strony tylko poto, aby reszt
tekstu wyrwna do lewej krawdzi. Bdmy odwani sprbujmy na przykad wyrwnania doprawej krawdzi zczstymi odstpami pomidzy liniami.
Nazw firmy, napisan duymi literami, mona umieci nagrze strony. Natomiast logo (lub jego wycinek) mona powikszy, rozjani iwykorzysta jako
to dla waciwej treci listu.
Wprzypadku papieru firmowego warto rozmieci poszczeglne elementy wtaki sposb, aby tre listu adnie wpasowaa si wcay projekt.
Druga strona
Jeli tylko mamy wystarczajcy kapita, aby pozwoli sobie nastworzenie drugiej, nieco innej ni pierwsza strony listu, wystarczy wykorzysta ktry z drobnych elementw zpierwszej strony, anastpnie umieci go nadrugiej, bez innych
dodatkw. Jeli naprzykad zamierzamy zleci wydrukowanie 1000 stron papieru firmowego, ustalmy zdrukarni wydruk 800 pierwszych i200 drugich stron.
Ajeli nie mamy wplanach korzystania zdrugiej strony papieru firmowego, zakupmy wdrukarni kilkaset kartek tego samego papieru, ktry zosta wykorzystany wnaszym projekcie wten sposb nie zostaniemy nalodzie, gdy przyjdzie
nam napisa nieco duszy list.
Faks ikserokopiarka
Jeli planujemy kserowanie firmowych listw lub wysyanie ich przez faks, nie decydujmy si naciemny czy ziarnisty papier. Unikajmy rwnie wikszych obszarw ciemnego tuszu, odwracania kolorw idrobnych czcionek, ktre poprostu
zgubi si wtrakcie kopiowania. Jeli zatem czsto korzystamy zfaksu, warto zastanowi si nad zaprojektowaniem dwch wersji papieru firmowego jednej
dodruku, adrugiej dofaksu czy kserokopiarki.
2010-08-12 18:14:29
121
Ulotki
Przy tworzeniu ulotek zazwyczaj jest najwicej zabawy moemy bowiem
wyzby si wszelkich ogranicze. Wanie tutaj moemy zaszale i tym samym przycign uwag potencjalnych klientw. Jak wiadomo, ulotki stale
konkuruj z rnego rodzaju innymi tekstami na caym wiecie, a w szczeglnoci z innymi ulotkami. Czsto znajdujemy je na tablicach ogoszeniowych to wanie tam ogromne iloci tekstu walcz o to, aby przyku uwag
przechodniw.
Ulotka ma t przewag nad innymi rodzajami tekstw, e moemy wykorzysta tutaj kilka zabawnych i rnicych si od siebie krojw pisma. W ten
sposb zwiksza si szansa, e potencjalny odbiorca zwrci uwag na nagwek
ulotki. Tu nie liczy si ostrono to najlepsza okazja, aby w kocu wykorzysta ktry z naprawd zwariowanych krojw pisma!
Take tutaj moemy swobodnie eksperymentowa z grafik. Dane zdjcie lub
inny element graficzny wstawmy do projektu ulotki w rozmiarze co najmniej
dwa razy wikszym, ni pocztkowo planowalimy. Stopie tekstu nagwka
ustawmy na 400 punktw, a nie na 24. Zastanwmy si te nad minimalistyczn ulotk z linijk tekstu o rozmiarze 10 punktw na rodku strony i niewielkim blokiem informacji w jej dolnej czci. Wszystko, co nietypowe, sprawi,
e ludzie bd si zatrzymywa i przyglda, a to ju 90% sukcesu.
Urls own java,

deadline.caf,
now available
High-caffeine brew to keep you working all through the night.
2010-08-12 18:14:30
122
cz i
Czego nie robi

Nie umieszczaj poszczegl
nych informacji w ramkach!
Wystarczy wykorzysta
wyraziste wyrwnanie,
a ramka sama pojawi si
wok tekstu.

Jak w przypadku kadego

projektu, nie stosuj identycz
nych odstpw pomidzy
poszczeglnymi elementami.
Jeli jakie informacje cz
si ze sob, musz znale
si w mniejszej odlegoci
od siebie.
Nie stosuj takich krojw

pisma, jak Times, Arial,
Helvetica czy Sand.
W celu stworzenia
listy podpunktw nie
korzystaj z mylnikw
sprbuj zastosowa ktry
z symboli zawartych
w takich krojach pisma,
jak Wingdings czy Zapf
Dingbats.
Zrezygnuj z wyrod
kowania. Pamitaj te,
aby nie upycha drob
nych fragmentw tekstu
w rogach strony!
Unikaj szarych, nud
nych projektw nie
zapominaj o kontracie.
Zwr uwag na ko
cwki poszczeglnych
wersw tekstu nie
przerywaj zda w dziw
nych miejscach i nie nad
uywaj mylnikw.
2010-08-12 18:14:30
123
Warto sprbowa
Postaraj si, aby nagwek
lub element grafi czny byy
naprawd due.
Tekst mona te
podzieli na kilka
kolumn i kad z nich
wyrwna do lewej
krawdzi.
Obfi cie wykorzystaj jaki

ciekawy krj pisma.
Przytnij zdjcie lub inny

element grafi czny tak, aby
nabra podunego kszta
tu, a nastpnie umie go
wzdu lewej krawdzi pro
jektu. Tekst wyrwnaj do le
wej krawdzi obrazka.
Moesz rwnie umieci

grafi k wzdu prawej kraw
dzi projektu i wzgldem niej
wyrwna tekst.
Never before has this conference

allowed booth space for such
a disgusting character as Url Ratz.
Visit booth #317 and ask about possible
redeeming traits that might allow someone
like him into this respectable exhibit hall.
While youre there, get some of the free stuff
stamped with www.UrlsInternetCafe.com
before someone calls an exterminator.
Gwny tekst
ulotki moe by
napisany czcion
k o niewielkim
rozmiarze nie
ma problemu! Jeli ju
przycigniemy wzrok
potencjalnego odbior
cy, przeczyta nawet
najmniejszy druk.
2010-08-12 18:14:31
124
cz i
Projektowanie ulotek wskazwki

Najczstszym bdem, jaki popeniaj niedowiadczeni graficy w pracy z ulotkami, jest brak kontrastu oraz hierarchii, zgodnie z ktr uoone sinformacje. Innymi sowy, pocztkowo zakada si, ewszystko musi by jak najwiksze,
dziki czemu ulotka bdzie rzuca si woczy. Wrzeczywistoci, jeli wszystko
bdzie ogromne, tonic nie przycignie uwagi potencjalnego odbiorcy. Pamitajmy zatem owyrazistym centralnym punkcie oraz okontracie wten sposb
uporzdkujemy poszczeglne informacje ipoprowadzimy oko patrzcego przez
ca stron.
Centralny punkt
Postarajmy si stworzy taki projekt, ktrego jeden element bdzie duy, ciekawy iwyrazisty. Jeli operacja taprzycignie wzrok odbiorcy, istnieje spora szansa,
ezapozna si zreszt tekstu.
Kontrastujce nagwki
Kiedy ju ustalimy centralny punkt, skorzystajmy z wyrazistych nagwkw

(wyrazistych zarwno wizualnie, jak i ze wzgldu na ich tre), dziki ktrym
odbiorca bdzie wstanie szybko przejrze nasz ulotk idowiedzie si, jaki komunikat mamy doprzekazania. Jeli nagwki nie bd wystarczajco ciekawe,
odbiorca nie zdecyduje si naczytanie caego tekstu. Warto te wiedzie, ejeli cakowicie zrezygnujemy znagwkw izmusimy odbiorc doprzeczytania
caego tekstu, aby dowiedzia si, czego dotyczy, najprawdopodobniej wyrzuci
ulotk bez zagbiania si wjej zawioci.
Powtarzanie
Bez wzgldu nato, czy wnagwku uyjemy brzydkiego, piknego, czy zwyczajnego (lecz poprawionego przez nas) kroju pisma, postarajmy si go wykorzysta take wgwnym tekcie, choby wniewielkim stopniu. Wten sposb zyskamy element powtarzajcy si. Czasami wystarczy tylko jedna litera albo sowo
napisane tym samym krojem. Moemy uy go take dodalszych nagwkw,
pierwszych liter czy jako punktory. Taki wyrazisty kontrast midzy czcionkami
oywi nasza ulotk.
Wyrwnanie
Pamitajmy skupmy si na jednym wyrwnaniu! Nie naley stosowa wyrodkowania dla nagwka, aby chwil potem wyrwna gwny tekst dolewej
krawdzi. Nie naley te korzysta z wyrodkowania caego tekstu, upychajc
drobniejsze informacje wdolnych rogach strony. Bdmy wyrazici! Bdmy odwani! Zdecydujmy si nawyrwnanie dolewej lub doprawej krawdzi.
2010-08-12 18:14:31
125
Biuletyny
Jedn z najwaniejszych cech wielostronicowego projektu jest konsekwencja,
czyli innymi sowy zasada powtarzania. Po kadej stronie powinno by
wida, e naley do wikszej caoci. Efekt ten moemy osign za pomoc
koloru, stylu graficznego, krojw pisma, organizacji przestrzennej, wypunktowanych, identycznie sformatowanych list, ramek wok zdj, podpisw itd.
Nie oznacza to jednak, e kada strona ma wyglda dokadnie tak samo jak
jej poprzedniczka! Jeli jednak (tak samo jak w yciu) mamy do czynienia
z solidnymi fundamentami, raz na jaki czas moemy z radoci przeama
t siln podstaw (a inni nie bd si o nas martwi). Warto poeksperymentowa z przekrzywianiem elementw graficznych, przycinaniem zdj i rozciganiem ich na szeroko trzech kolumn tekstu. Na takiej solidnej podstawie
mona umieci na przykad list prezesa firmy napisany specjalnie dla biuletynu wystarczy go sformatowa w ciekawy sposb, a na pewno bdzie si
wyrnia.
Nie istniej te adne zakazy dotyczce umieszczania biaej (pustej) przestrzeni w biuletynie. Naley jednak uwaa, aby nie bya ona uwiziona pomidzy
innymi elementami. Wolna przestrze musi by tak samo dobrze rozmieszczona jak widoczne czci projektu. Pozwl jej zaistnie na stronie i zrb
to z wyczuciem.
October 9
volume 6 number 5
s Jednym z elementw biuletynu, ktrego zaprojektowanie przynosi

najwicej satysfakcji, jest tak zwana winieta (czasami bdnie nazy
wana te stopk, ktra w rzeczywistoci zawiera informacje dotycz
ce skadu redakcji). To wanie ta cz nadaje ton dalszym stronom
biuletynu.
2010-08-12 18:14:31
126
cz i
Czego nie robi

Nie auj sobie podczas projektowania winiety
(tytuu biuletynu na pierwszej stronie)! Niech
Ci zobacz!

Nie tra czasu na tworzenie nudnego, pozba

wionego wyrazistoci biuletynu. Tam, gdzie
to tylko moliwe, korzystaj z kontrastujcych
ze sob krojw pisma, wyodrbniaj z tekstu naj
ciekawsze cytaty i stosuj inne wizualnie ciekawe
elementy, ktre przycign wzrok potencjalnego
czytelnika.
Z drugiej jednak strony nie

uywaj rnych krojw pisma
i ukadw tekstu dla kadego
artykuu. Wystarczy, e uda
Ci si stworzy siln i konse
kwentn struktur caoci
dziki temu bdziesz w stanie
zwrci uwag czytelnika
na konkretny artyku, projek
tujc go wedug nieco innych
zasad.

Pamitaj jeli kady element

bdzie inny, to aden z nich
nie bdzie wyjtkowy.
2010-08-12 18:14:35
127
Warto sprbowa
Wikszo osb przegldajcych biu
letyny stara si wyowi z tekstu
nagwki. Warto zatem zaprojektowa
je w taki sposb, aby byy dobrze wi
doczne i wyraziste.
Whats Up at Urls Internet Cafe?

In this
issue . . .
Products . . . . . .
Beginners . . . . .
Sitcom . . . . . . . .
Cast . . . . . . . . . .
Visit the cafe! . .
2
2
3
3
4
Theres always somethin happening at Urls Internet Cafe. Drop in anytime, day or
nightwere open twenty-four/seven. Youll always find friends, enemies, ratz, coffee,
t-shirts you just gotta have, advice, cartoons, witty sports insights, surprises, provocative
conversation if youre really lucky, and a few laughs.
For Beginners Only
The TV Room
If youre new to the Internet and this World

Wide Web, stop at the front porch and have
Browser NetHound give you a guided tour.
Youll learn all about this fascinating new
medium, how to travel around in it, and how
to find what you needall in a very friendly
(well, downright cuddly) manner.
The Coffee Bar
Read the storyboards for a proposed television

sitcom, featuring Url, Browser, and all the
characters who hang out at Urls Internet
Cafe! The television show is totally integrated
with the web site to the point where you,
the viewer, can tell the producers what you
think, what you want to see more or less
of, whom you want to see as guests, and
more. Details on the web site!
The Sports Bar
Meet dear Amanda Reckonwith, the most

stunning and witty drag queen on the Internet.
Change your mind, change your future, but
at least change your wardrobe!
Rat Tales is published

whenever we feel like
it, which isnt very often.
Youre lucky you got
this issue. Everything
written in these pages
From the Coffee Bar you can order Urls
is copyright of ballyhoo.
llc and may not be used
special java blends, including his high-octane
anywhere else whether
deadline brew thats guaranteed to keep you
you claim to have
awake and working all night.
permission
ion or not. All
artwork was created by
the outrageously
clever
rage
John Tollett
llett and may not
Get an Urls-eye view of whats happening
be reproduced
no way
odu
in the sports world. You wont hear this
no how.. Th
The opinions
on prime time!
and statements
printed
tem
herein are tthose of
the authors
hors and are
not intended
nde to be the
Coming
soon!
Would you
buy a lab
coatEven
fromwe
an dont
ugly
opinionss or statements
knownot
what
thissoisnow,
yet! but just
rat?
You
might
think
of anyone
ne eelse in or out
wait til you see the lab coats, t-shirts,
of the worl
world.
The Changing Room
The Back Porch
You want
products?Bar
Okayweve got products galore for you!
The Navigation
caps, polo
shirts,
special
coffees,
The
Gift
Shop
andteas,
mugs, RatPadz, and other great gift ideas at
Bookstore
Urls Internet
Cafe.
Be the
first coat.
in your
studio
(maybe
You need
a lab
You
could
also
the first
world!)
to the
get
use a t-shirt
that in
tellstheyour
clients
Urlsoft-shirts,
sweatshirts,
mugs,
Internet facts
life. And
coffees blend
ed
specifically for web surfers. Youll need
matching mugs for the coffee and most likely
youll want original RatPadz to replace those
clunky old mouse pads you have just lying
around the office.
Did we mention polo shirts, caps, gift
boxes, and do-rags? Prepare yourself for the
Technology Age: visit Urls Intenret Cafe for
real gift ideas and a cafe full of education,
fun stuff and a lot of loonies.
Are you really reading this tiny little
type? You might not think so now, but
just wait til you see the lab coats, t-shirts,
caps, polo shirts, special coffees, teas,
mugs, RatPadz, and other great gift ideas
at Urls Internet Cafe.
You need a lab coat. You could also use a
t-shirt that tells your clients the Internet facts
of life. And coffees blended specifically for
Come on out to the back porch to catch the

weekly (more or less) cartoon strips featuring
Url and this crazy Internet world.
web surfers. Youll need matching

The Classroom
mugs
for the coffee and most likely
Here youll
a number
of to replace
youll
want find
original
RatPadz
lessonsclunky
on a variety
of topics,
those
old mouse
pads you have
from
PageMaker
tips
just lying
around
theand
offiweb
ce.
design
sendingpolo
emailshirts, caps,
Did tips
we to
mention
attachments
safely
between
gift
boxes, and
do-rags?
StillPCs
reading? Did
you notice this is just really boring text thats
repeated over and over again? Why on earth
are you wasting your time?
Would you buy a lab coat from an ugly rat?
You might not think so now, but just wait til
you see the lab coats, t-shirts, caps, polo shirts,
special coffees, teas, mugs, RatPadz, and other
great gift ideas at Urls Internet Cafe.
You need a lab coat. You could also use a
t-shirt that tells your clients the Internet facts
of life. And Robin adores John. Youll need
matching mugs for the coffee and most likely
youll want original RatPadz to replace those
clunky old mouse pads you have just lying
around the office.
Did we mention that you can quit
reading this now? Prepare yourself for
the Technology Age: visit Urls Internet
Cafe for great gift ideas and a cafe
full of education, fun stuff and a lot
of loonies. Bye!
And for beginners only . . .
The
Internet:
a place for everything
and everything
all over the place!
Przyjrzyj si przez
chwil projektom na tej
stronie i zastanw si,
w jaki sposb wyko
rzystano tutaj cztery
podstawowe zasady
projektowania. Czy po
trafi sz nazwa efekty,
jakie uzyskano dziki
stosowaniu tych zasad?
If youve never been to the World Wide Web before, or if youre

still a little new and intimidated, let Browser show you around.
Walk through this web site and learn the difference between the
Internet and the World Wide Web; what exactly are web pages;
whats a browser and why do you need one; what are search
engines, where do you find them, and how do you use them
to find specific items of interest; how to get around web pages;
what to expect from the Internet; how to download files; how to
customize your browser so it suits the way you want to surf; and
even how to make your own web page.
Theres also a glossary of common Internet-related terms with
efinitions you can actually understand, and sources for where you
definitions
an find more information about all sorts of aspects of the Internet
can
nd the World Wide Web. By the time you finish touring Browsers
and
egi
beginner
site, you wont be a beginner anymore!
Na zamieszonych na tej stronie przyka

dach atwo dostrzec struktur rzdzc
tekstem. Tak solidna podstawa pozwala
na podrasowanie projektu za pomoc
przekrzywionych, powikszonych czy
otoczonych zewszd tekstem ilustracji.
The Sitcom!
Urls Internet Cafe is a television sitcom,

a cross between Cheers and Seinfeld,
that takes place in Urls Internet Cafe. Urls
Cafe is an old clapboard house with a front
porch, back porch, basement, and attic.
Inside, Urls is a comfortable, interesting
place that doesnt look very high-tech, except
that it has lots of computers connected to a
high-speed line. This hilarious sitcom provides
computer nerds with a light-hearted look at
this Internet world were living in, and gives
non-computer people a peek into that online
world in a different way. It ties in all those
things that even the general public has an
The Cast of Characters
Url Ratz, proprietor of the cafe. Hes a

sleazy but lovable rat. On the Internet,
Im rich and Im handsome and I sing well,
too. He loves this technology, but is also a
little disdainful of it.
Browser Dawg, the dog (on the sitcom,
hes a real dog). On the web site, Browser
is the one who teaches beginners about the
Internet and the World Wide Web. He loves
everything and everybody. Except DimmSimm
and her son-in-law.
Amanda Reckonwith, drag queen, hangs out
in the basement. Come down to my level,
s/he says. Amanda writes a hilarious spoof
advice column on the web site.
Grandma Pat, the tech support. Shes a
bit crabby, but is incredibly smart about
technology. Puts the young punks in their
places regularly. Flirts with old men. Has
several online sweethearts.
inkling ofcomputer relationships, addicts,

seniors online, etc.
There are, of course, the stars of the
show and the standard stereotypes who
appear regularly. But the show also features
regular guest appearances by people like Guy
Kawasaki, Bob LeVitus, Steve Wozniak, the
Netscape boys, the Yahoo boys, and Kai
Krause, as well as football, basketball, and
boxing stars who have home pages. And
people like David Letterman, the other
Robin Williams, Hillary Clinton, Scott Adams,
and Dave Barry all stop by now and then just
because theyre technogeeks.
The Sitcom
Web Site
Through Urlss
Internet Cafe web
site, we video-cam
parts of the filming to
other Internet cafes
around the world.
We broadcast it over
the Internet. We
sponsor international
teleconcerts,
jam sessions, and
play readings, etc.,
right through the
connection. Of
course the web
Pixel, Urls girlfriend, is a cranky neo-Luddite.

She smudges with burning sage, brings in
tarot card readers and palm s of drummers
and digeridoo players, sprays users with
aroma-therapy waters, etc. She has also
arranged for Urls Internet Cafe to be the
Alien Headquarters, much to the chagrin
of Url, as well as the place with the most
frequent Elvis sightings.
site shows previews
DimmSimm, the landlady. She is mean

and unappreciative, no matter what people
do for her. Her favorite phrase is I sue
you! When confronted, she pretends not
to speak English.
web site visitors can
Gig Megaflop, a has-been actor who drops

in occasionally and slanders people he
doesnt even know. When confronted, he
caustically retorts, Do you know who I
am? Nobody ever does.
of special stars,
synopses, character
studies, film clips,
bloopers, history,
upcoming events,
and Url and Browser
products. (Weve got
lots of products.) And
give their opinions
on what they like
and dont like, and
possibly influence
the situations and
characters. This
is a hit waiting
to happen.
Url
Browser
err
October 9
volume 6 number 5
Visit Urls Internet Cafe Today!
Pixel
xel
Gig
Theres only one place in the world where

you can get such ratty stuff, and thats at
our web site. Created by web designers
for web designers, we [almost] guarantee
youll find something that makes you
happy. Or something that at least makes
you smile. And how many rats can make
that kind of guarantee? See for yourself.
w w w. U r l s I n t e r n e t C a f e . c o m
P.O. Box
23465
Santa Fe
New Mexico
87502
To:
Bulk Rate Postage

Permit No. 2345
Henrik Birkvig
c/o Den Grafiske Hjskole
67 Glentevej
DK 2400 Kbenhavn NV
Denmark
505.424.1115 v
505.438.9762 f
2010-08-12 18:14:37
128
cz i
Projektowanie biuletynw
wskazwki
Do najczstszych bdw pojawiajcych si w projektach biuletynw nale:
brak odpowiedniego wyrwnania tekstu, brak kontrastu oraz naduywanie krojw pisma takich jak Helvetica (inna nazwa kroju znanego powszechnie jako
Arial).
Wyrwnanie
Wybierzmy jeden sposb wyrwnania tekstu ipozostamy przy nim. Naprawd cay biuletyn nabierze bardziej wyrazistego i profesjonalnego wygldu,
jeli zdecydujemy si na mocne wyrwnanie tekstu do lewej krawdzi strony.
Pozostae elementy take naley wten sposb wyrwna. Jeli korzystamy zlinii
(obwdek), zarwno ich pocztek, jak ikoniec powinny by wyrwnane doinnego elementu naprzykad dokrawdzi ktrej zkolumn lub dojej ostatniego
wersu. Jeli jakie zdjcie bdzie wystawao ocentymetr poza kolumn, naley
jeprzyci, tak aby zrwnao si zkrawdzi.
Wystarczy zrozumie, ejeli wyrwnamy wzgldem siebie wszystkie elementy,
bdziemy mogli swobodnie przeama ten porzdek wkorzystnym dla nas miejscu. Pamitajmy jednak, erezygnujc wten sposb zwyrwnania, musimy by
odwani zdecydujmy, czy naprawd chcemy przeama struktur tekstu, czy
nie. Umieszczenie ilustracji tylko troszeczk poza wyrwnaniem sprawia wraenie pomyki grafika. Jeli dane zdjcie nie mieci si wkolumnie, pozwlmy mu
widocznie (anie ledwo) wyama si spoza jej ram.
Wcicia wtekcie
Pierwszy akapit, nawet ten znajdujcy si po nagwku, nie powinien by poprzedzony wciciem w tekcie. Decydujc si na wcicia w tekcie, stosujmy
standardowe typograficzne dugoci, czyli tak zwany firet dugo rwna wysokoci stopnia tekstu, zktrego korzystamy. Innymi sowy, jeli stosujemy krj
pisma, ktrego stopie wynosi 11 punktw, to wcicie powinno mie dugo
11punktw (mniej wicej dwie spacje, anie pi)1. Wcelu oddzielenia poszczeglnych akapitw uywajmy albo wikszych odstpw pomidzy nimi, albo
wci wtekcie nigdy obu tych technik jednoczenie.
W wikszoci krojw pisma szeroko firetu jest rwna szerokoci liter M i W

przyp. tum.
2010-08-12 18:14:37
8. Inne por ady i sztuczk i
129
Tylko nie Helvetica!
Jeli biuletyn sprawia wraenie bezbarwnego iponurego, moemy go atwo oywi, stosujc wyrazisty, mocny, bezszeryfowy krj pisma dla nagwkw. Ale nie
Helvetik! Kroje takie jak Helvetica czy Arial, preinstalowane nanaszych komputerach, nie swystarczajco grube, aby zapewni naszemu tekstowi odpowiedni
kontrast. Warto zatem zdecydowa si naktr zgrup bezszeryfowych krojw
zawierajc zarwno ich cikie, pogrubione wersje, jak ite lekkie (naprzykad Eurostile, Formata, Syntax, Frutiger czy Miriad). Skorzystajmy zpogrubie
w przypadku nagwkw oraz wyodrbnionych z tekstu cytatw, a okae si,
ernica jest kolosalna! Nagwki mona take wyrni zapomoc jakiego
ozdobnego kroju pisma. Warto te zastanowi si nad ich kolorem.
Przystpny ukad tekstu gwnego
Aby zwikszy czytelno tekstu gwnego, skorzystajmy zktrej zklasycznych

czcionek szeryfowych (np.Garamond, Jenson, Caslon, Minion czy Palatino) lub
z lekkiego pisma maszynowego (np. Clarendon, Bookman, Kepler czy New
Century Schoolbook). Krj, ktry masz wtej chwili przed oczyma, toWarnock
Pro Light firmy Adobe. Jeli wybierzesz czcionk bezszeryfow, powiksz nieco
odstpy pomidzy poszczeglnymi liniami tekstu iskr wersy.
2010-08-12 18:14:37
130
cz i
Foldery
Zapomoc folderu moemy wszybki iniedrogi sposb poinformowa wiat
onaszym nowo otwartym sklepie zdomowymi szarlotkami, oszkolnej zbirce pienidzy czy nadchodzcej zabawie terenowej. Dynamiczny, dobrze zaprojektowany folder moe sta si prawdziwym magnesem przycigajcym
wzrok czytelnikw, ktrzy wten wspaniay ibezbolesny sposb maj okazj
dowiedzie si czego nowego.
Wystarczy uzbroi si wpodstawowe zasady projektowania, abdziemy wstanie sami opracowa atrakcyjny folGot a
der. Wskazwki zawarte nakolejnych stronach zpewnoci nam wtym pomog.
Grab a
Ciekawy folder moe stanowi nasze podstawowe narzdzie marketingowe.
Zanim zabierzemy si za projektowanie folderu, zmy
kartk papieru w odpowiadajcy nam ksztat, a nastpnie nakadej stronie zrbmy notatki. Wyobramy sobie,
efolder wanie wpad nam wrce wjakiej kolejnoci
przegldalibymy poszczeglne strony?
Cay czas pamitajmy okolejnoci, wjakiej poszczeglne
Drink up. Mouse on.
strony naszego folderu bd pojawia si przed oczyma
czytelnika. Kiedy go otworzy, pierwsz rzecz, jak zobaczy, nie powinny by naprzykad dane kontaktowe czy
informacje oprawach autorskich.
Wymiary poszczeglnych zoonych stron folderu nie stakie same zprzodu
iztyu! Kiedy ju zoymy nasz prbn kartk papieru, zmierzmy jodlewej
doprawej zarwno zprzodu, jak iztyu. Nie wystarczy poprostu podzieli szerokoci kartki natrzy rwne czci nie zda toswojego egzaminu, poniewa ostatni
zoony panel musi zmieci si pod pierwszym.
Co wane, nie naley zapomina o zagiciach nie chcemy przecie, aby
cenne informacje zgubiy si gdzie naliniach dzielcych poszczeglne panele
folderu! Jeli natomiast nasz tekst charakteryzuje si wyranym wyrwnaniem nakadej ze stron folderu, moemy pozwoli sobie na umieszczenie ilustracji pomidzy kolumnami tekstu (na marginesie wewntrznym) i na zagiciach (patrz
przykad nastronie 132).
Deadline?
Lifeline!
Urls Special
High-Octane Java Blend
is now available!
Przedstawiony polewej stronie sposb zoenia folderu natrzy jest

zdecydowanie najpopularniejszy wprzypadku tego typu materiaw, gdy
wietnie spisuje si przy standardowych, listowych rozmiarach papieru.
Istnieje jednak wiele innych sposobw skadania folderw wystarczy
zapyta wdrukarni.

Wszystkie przykady folderw, znajdujce si nanastpnych stronach,

dotycz wanie takiego standardowego sposobu skadania papieru, jaki
przedstawiono obok. Wymiary kartki to279216mm.
2010-08-12 18:14:37
131
Czego nie robi

Url Ratz, to be specic.
toAs
beHeadspecic.
Im Url
Url.Ratz,
Im a rat.
Rodent-In-Charge (HRIC) of Urls
Im
Url. Im
a rat.
Internet
Cafe,
itsAs
myHeadjob to keep
Rodent-In-Charge
(HRIC)
of Urls
the
cafe stocked with
stuff that
most
Internet Cafe,
to lab
keep
computer
users its
needmy
. .job
. like
the
cafe
withwith
stuffmy
thatpicture
most
coats
andstocked
RatPadz
computer
on
them. users need . . . like lab
coats and RatPadz with my picture
on
them.
I feel
condent that you wont
nd anything uglier more useful
I feel condent that you wont
anywhere.
nd anything uglier more useful
anywhere.
Get on the Internet and do

stuff.
Get on the Internet and do
stuff.
Visit Urls Internet
Cafe on the
World Wide Web and meet all the
Visitregulars:
Urls Internet
Cafethe
on fullthe
cafe
Browser,
World
Wide
Web
and
meet all
the
blooded Net-Hound; Lilac,
Urls
cafe regulars:girlfriend;
Browser, Dimm
the fullneo-Luddite
bloodedthe
Net-Hound;
Urls
Simm,
humorlessLilac,
landlady;
neo-Luddite
girlfriend;
Dimm
Gig
Megaop,
a has-been
thespian;
Simm, theReckonwith,
humorless landlady;
Amanda
advice
Gig
Megaalso
op, aspecial
has-been
thespian;
columnist;
columns
by
Amanda
Reckonwith,
Robin
Williams,
authoradvice
and speaker,
columnist;
special columns
by
plus
sports also
commentary
by Url Ratz.
Robin
Williams,
author
and
speaker,
Theres more, but, unlike the web
plus were
sports out
commentary
site,
of space. by Url Ratz.
Theres more, but, unlike the web
site, were out of space.
Urls Internet Cafe

Urls Internet Cafe
Urls Internet
UrlsCafe
Internet
Cafe
If you use the

Internet,
weve
If you use
thegot
one
thingweve
to saygot
to
Internet,
one you:
thingRatz.
to say to
you: Ratz.
P.O. Box 23465

Santa Fe, NM 87505
P.O. Box 23465
Santa Fe, NM 87505
s Nie stosuj na okadce (i na pozostaych stronach) wyrodkowania i wyrwna

nia do lewej krawdzi jednoczenie! Wybierz jedn z tych technik. Bagam!
Urls Shirts and Lab Coats
Urls Coffee
Urls RatPadz
Urls
Shirts
and Laband
Coats
Urls
t-shirts,
sweatshirts,
polo shirts (and, yes, lab coats) are
Urls t-shirts,
sweatshirts,
and
designed
specially
for those
of us
polo dont
shirts mind
(and, using
yes, lab
coats) are
who
fashionwear
designed
specially
forhelp.
thoseIfofyouve
us
as
a desperate
cry for
who designed
dont mind
usingsite,
fashionwear
ever
a web
you know
as a desperate
what
we mean.cry for help. If youve
ever designed a web site, you know
what
mean. is top quality, just
Everywe
garment
as you would expect from any operaEvery
garment
is top
quality,
tion
whose
spokes
person
is a just
rodent.
as
you
expect
any operaYou
canwould
see the
entirefrom
collection,
tion whoseBrowser
spokesperson
is a rodent.
including
the full-blooded
You can see on
thethe
entire
collection,
Net-Hound,
World
Wide Web.
including Browser the full-blooded
Net-Hound,
onCoffee
the World
Wide Web.
Urls
Mugs
Urls Coffee
If youve noticed
youre spending
lots more time at the old computer
If youve
noticed
youre spending
than
you used
to, welcome
to the
lots
more
time
at
the
old computer
club. For what its worth,
heres our
than advice
you used
to, hardcore
welcomecomputer
to the
best
from
club. For
what
worth,coffee,
heresprefour
users:
stock
up its
on good
best
advice
from
hardcore
computer
erably
coffee
created
by a team
of
users: stock
up on good and
coffee,
prefcomputer
professionals
a small,
erably coffee
created
by a team of
fabulous
coffee
company
computer
professionals
andUrls
a small,
in
Santa Fe,
New Mexico.
fabulousCafe
coffee
company
Internet
offers
three different
in Santathat
Fe,New
Urls
blends
t thisMexico.
description.
Internet
Cafe
offers three different
Buy
them
at www.UrlsInternetblends that t this description.
Cafe.com.
Buy them at www.UrlsInternetCafe.com.
Urls RatPadz
Why be half-ratty?
Live the dream.
Express your Internet-bias with Urls
Why
be half-ratty? Live the dream.
RatPadz.
Express your Internet-bias with Urls
RatPadz.
These
are just some of the items
available in the Rat Cache. And Url,
These arethat
just he
some
of thedreaming
items
pack-Rat
is, keeps
available
in the
Rat to
Cache.
And Url,
up
new stuff
to add
the collection.
pack-Rat that he is, keeps dreaming
up newyou
stuff
add totothe
collection.
When
gotoonline
visit
Urls
Internet Cafe, youll nd more than
When
youideas.
go online
todiscover
visit Urls
great gift
Youll
a
InternetRatzNest
Cafe, youll
nd more than
whole
of information
and
great gift ideas. Youll discover a
entertainment.
whole RatzNest of information and
entertainment.
www.UrlsInternetCafe.com.
Coffee
Mugs
Sure, youUrls
can drink
coffee
from any
old mug. But wouldnt it be nice to
Sure, ayou
can
drink
fromjust
any
have
mug
that
tellscoffee
the world
old
mug.
But
wouldnt
it
be
how deep into this web stuffnice
you to
have aare?
mugThese
that tells
themake
worldgreat
just
really
mugs
how deep
into this
web stuff
you
gifts
for clients,
business
associates,
really are?orThese
mugs
make
greata
relatives,
friends.
Give
a client
gifts and
for clients,
business associates,
mug
hell understand
why his
relatives,
or friends.
a client
a
project
hasnt
been Give
nished.
Or just
mugone
andfor
hell
understand why his
buy
yourself!
project hasnt been nished. Or just
buy one for yourself!
www.UrlsInternetCafe.com.
Drink our
coffee in one
our
ofDrink
our mugs!
coffee in one
of our mugs!
Get on the
Internet
Getdoonstuff.
the
and
Internet
and do stuff.
s Nie stosuj kroju pisma o stopniu wynoszcym 12 punktw dla gwnego tekstu.
Czcionka o takim rozmiarze nie tylko wyglda na mao wyrafi nowan, ale jest
po prostu za dua na t szeroko kolumn, z jak spotykamy si w standardo
wych trzyczciowych folderach.

Nie umieszczaj tekstu zbyt blisko marginesw. Pamitaj, e cay projekt zostanie
zoony wzdu zagi znajdujcych si w rodku wewntrznych marginesw.
W przeciwiestwie do biuletynu, kolumny w folderze musz by od siebie nieco
bardziej oddalone.
2010-08-12 18:14:38
132
cz i
Warto sprbowa
Url
Url Ratz
Ratz
,to be specific.
, to be specific.
Im Url. Im a rat.
Im
Url. Im a rat.
As Head-Rodent-In-Charge
As
Head-Rodent-In-Charge
(HRIC)
of Urls Internet Cafe,
(HRIC)
Internet
Cafe,
Its my of
jobUrls
to keep
the cafe
Its
my job
tostuff
keepthat
the cafe
stocked
with
most
stocked
stuff
that
computerwith
users
need
. . most
. like
computer
usersRatPadz
need . . with
. like
lab coats and
lab
coats and
with
my picture
on RatPadz
them. I feel
my
picturethat
on them.
I feelfind
confident
you wont
confident
that you
wont
find
anything uglier
more
useful
anything
anywhere.uglier more useful
anywhere.
Get
Get on
on the
the Internet
Internet
and
do
stuff.
and do stuff.
Visit Urls Internet Cafe on the World Wide Web

and
the cafe
regulars:
theWeb
Visitmeet
Urls all
Internet
Cafe
on the Browser,
World Wide
full-blooded
Pixel, Urls
Luddite
and meet all Net-Hound;
the cafe regulars:
Browser,
the girl
friend; DimmSimm,
the humorless
full-blooded
Net-Hound;
Pixel, Urlslandlady;
Luddite girl
Buck Bighead,
DimmSimms
thespian
son-in-law;
friend;
DimmSimm,
the humorless
landlady;
Amanda
Reckonwith,
advice thespian
columnist;
also
Buck
Bighead,
DimmSimms
son-in-law;
special columns
by Robin
Williams,
author
Amanda
Reckonwith,
advice
columnist;
alsoand
speaker,columns
plus sports
commentary
by author
Url Ratz.
special
by Robin
Williams,
and
Theres more,
but, unlike
the webby
site,
speaker,
plus sports
commentary
Urlwere
Ratz.
out of space.
Theres
more, but, unlike the web site, were
out of space.
Get on the Internet and do stuff.

Get on the Internet and do stuff.
If you use the Internet,

If
you got
use one
the Internet,
weve
thing
weve
one. thing
to
say got
to you
..
to say to you . . .
Ratz!
Ktry panel czytelnik

zobaczy w pierwszej
kolejnoci, a ktry
w nastpnej? Projekt
tego folderu pozwala
odbiorcy zapoznawa
si z ofert fi rmy krok
po kroku.
s Przedni panel to do mocne i wyraziste powitanie czytel

nika, ktry ju na drugim panelu zapoznaje si z fi rmow
maskotk po to, aby w kocu otworzy cay folder.
Url
Lab Coats
Urlss Shirts
Shirts and
and Lab Coats
Urls t-shirts, sweatshirts, and polo shirts (and,

yes, lab
coats)sweatshirts,
are designed
specially
for those
Urls
t-shirts,
and
polo shirts
(and,
of uslab
who
dontare
mind
using fashionwear
a
yes,
coats)
designed
specially foras
those
desperate
formind
help.using
If youve
ever designed
of
us who cry
dont
fashionwear
as a
a web site,cry
youforknow
we mean.
desperate
help.what
If youve
ever designed
a web site, you know what we mean.
Url
Urlss Coffee
Coffee
If youve noticed
youre
spending
If
youve
noticedlots
more time
at thelots
old
youre
spending
computer
you
more
timethan
at the
old
used to, welcome
computer
than youto
the club.
For whatto
its
used
to, welcome
worth,
heres
our best
the
club.
For what
its
advice from
worth,
hereshardcore
our best
computer
users:
stock
advice
from
hardcore
up on good
coffee,
preferably coffee created
computer
users:
stock
by aonteam
up preferably
of computer
professionals
up
goodmade
coffee,
coffee
created
anda ateam
small,
fabulous
company
in
by
made
up of coffee
computer
professionals
Santaa small,
Fe, Newfabulous
Mexico.coffee
Urls Internet
and
companyCafe
in offers
three different
blends that
this description.
Santa
Fe, New Mexico.
Urls fit
Internet
Cafe offers
Buy them
at www.UrlsInternetCafe.com.
three
different
blends that fit this description.
Buy them at www.UrlsInternetCafe.com.
Url
Urlss Coffee
Coffee Mugs
Mugs
Full-blooded
Net-Hound
Full-blooded
Net-Hound
Every garment is top quality, just as you would

expect
from anyis operation
whose
Every garment
top quality,
just spokesperson
as you would
is
a rodent.
see thewhose
entirespokesperson
collection,
expect
from You
any can
operation
including
Browser
thesee
full-blooded
Net-Hound,
is
a rodent.
You can
the entire collection,
on the World
Wide the
Web.full-blooded Net-Hound,
including
Browser
on the World Wide Web.
Sure, you can drink coffee from any old mug.

But wouldnt
be nice
to have
mug
Sure,
you canitdrink
coffee
from aany
oldthat
mug.
explains
just how
thisaweb
But
wouldnt
it bedeep
nice into
to have
mugstuff
thatyou
really are?
These
great
gifts
explains
just
howmugs
deep make
into this
web
stuff you
for clients,
business
associates,
really
are? These
mugs
make great gifts
relatives,
friends. associates,
Use this
for clients,orbusiness
mug
at theorbreakfast
table
relatives,
friends. Use
this
and
spouse
will know
mug your
at the
breakfast
table
youre
working
late
tonight.
and your spouse will know
Give
your
client
a
mug
and
youre working late tonight.
hell
understand
why
his
Give your client a mug and
project
hasnt been
hell understand
whyfinished.
his
Or
buy one
for been
yourself
just
project
hasnt
finished.
to
your
envious.
Or make
buy one
forpeers
yourself
just
to make your peers envious.
Url
Urlss RatPadz
RatPadz
Why be half-ratty? Live the dream. Express

your be
Internet-bias
Urlsdream.
RatPadz.
Why
half-ratty? with
Live the
Express
your Internet-bias with Urls RatPadz.
Zauwa, w jaki
sposb skorzystano
tutaj z kontrastu
kolorw oraz
rozmiarw.
These are just some of the items

available
thesome
Rat Cache.
And
These
are in
just
of the items
Url, pack-Rat
that
is, keeps
available
in the
RatheCache.
And
dreaming
up new
add
Url,
pack-Rat
thatstuff
he is,tokeeps
to the collection.
dreaming
up new stuff to add
to the collection.
When you go online to visit Urls
Internet
you'll find
more
When
youCafe,
go online
to visit
Urls
than great
giftyou'll
ideas.find
You'll
discover
Internet
Cafe,
more
a whole
RatzNest
of information
than
great
gift ideas.
You'll discover
entertainment.
aand
whole
RatzNest of information
and entertainment.
s Baw si ilustracjami ze swojego folderu powikszaj je, nakadaj

na siebie, otaczaj tekstem i przekrzywiaj. Wszystko to jest dozwo
lone, jeli tylko w projekcie widoczna jest solidna struktura.

Czy widzisz, e jedyne elementy, ktre przecinaj margines we

wntrzny (przestrze pomidzy kolumnami tekstu), to ilustracje?
Tylko one bowiem nie zgubi si na zagiciach.
2010-08-12 18:14:39
8. Inne por ady i sztuczk i
133
Projektowanie folderw wskazwki

Pocztkujcy graficy projektujcy foldery borykaj si z wieloma problemami,
oktrych mwilimy ju wprzypadku biuletynw brak kontrastu, brak wyrwnania inadmierne uycie krojw, takich jak Helvetica czy Arial. Oto krtkie
podsumowanie podstawowych zasad projektowania iuycia ich wtrakcie pracy
nad folderami.
Kontrast
Tak jak w kadym innym projekcie, kontrast nie tylko wizualnie oywia stron tekstu, przycigajc tym samym wzrok odbiorcy, ale take pomaga stworzy
swego rodzaju hierarchi wrd informacji, dziki czemu czytelnik moe szybko
omie wzrokiem folder i dowiedzie si, czego tak naprawd dotyczy. Warto
zatem korzysta z zasady kontrastu zarwno w odniesieniu do krojw pisma
i obwdek, jak i w przypadku kolorw, odlegoci czy rozmiarw poszczeglnych elementw. Pamitajmy te, ekontrast tylko wtedy zda egzamin, jeli bdzie wyrany jeeli zatem dwa elementy nie sdokoca takie same, postarajmy si, aby bardzo si odsiebie rniy. Wprzeciwnym wypadku bdzie wyglda
tonapomyk. Nie aujmy sobie!
Powtarzanie
Powtarzanie poszczeglnych elementw wnaszym projekcie nada mu spjny wy-
gld. Warto zatem powtarza kolory, kroje pisma, obwdki, punktory czy sposo-
by rozmieszczenia tekstu.
Wyrwnanie
Wiem, esi powtarzam, ale kwestia wyrwnania wydaje si niezwykle wana,

ajego brak zawsze oznacza problemy. Wyrane, ostre krawdzie oznaczaj wyrany,
ostry efekt. Poczenie kilku sposobw wyrwnania (dolewej idoprawej krawdzi oraz wyrodkowania) zreguy koczy si sabym, byle jakim efektem.
Raz najaki czas moemy celowo przeama wyrwnanie (tak jak napoprzedniej stronie). Najlepiej mie wtedy dodyspozycji inne dobrze widoczne wyrwnania, ktre
bd kontrastowa zwysunitym elementem.
Odlego
Stosowanie zasady odlegoci, czyli grupowania podobnych elementw, jest wyjtkowo wane wprojektach materiaw takich jak foldery mamy tubowiem
do czynienia z wieloma wtkami zebranymi pod jednym wsplnym tematem.
Odlego, wjakiej poszczeglne elementy znajduj si odsiebie, decyduje oich
bliskoci tematycznej.
2010-08-12 18:14:39
134
cz i
Aby poprawnie rozmieci informacje wfolderze, naley pozna dziaanie oprogra-
mowania, w ktre wyposaony jest nasz komputer tylko w ten sposb uda nam
si stworzy odpowiednie odstpy pomidzy akapitami (przed lub zanimi) bez

uderzania dwukrotnie wklawisz Enter. A tak dua przerwa pomidzy akapitami jest nam niepotrzebna rozdzielamy wten sposb elementy, ktre wrzeczywistoci powinny znajdowa si bliej siebie. Cowicej, wciskajc dwa razy
Enter, dopuszczamy dosytuacji, wktrej odstp pomidzy nagwkiem atekstem umieszczonym nad nim jest taki sam jak odlego pomidzy nagwkiem
atekstem umieszczonym pod nim. Tego naley unika. Torwnie najprostszy
sposb nazbytnie oddzielenie odsiebie wypunktowanych informacji. Warto zatem zaznajomi si zwasnym oprogramowaniem!
2010-08-12 18:14:39
135
Pocztwki reklamowe
Pocztwki to doskonae narzdzie do przycigania uwagi odbiorcy. S bowiem materiaem stricte wizualnym, ich efekt jest natychmiastowy nie musimy si mocowa z kopertami i obawia, e skaleczymy si ostr krawdzi
kartki. Powysze powody mog dziaa te na nasz niekorzy brzydka,
pozbawiona wyrazu pocztwka to tak naprawd strata czasu. Dla kadego.
Aby tego unikn, warto pamita o nastpujcych sprawach:
Bdmy oryginalni. Pocztwki wiksze ni standardowe oraz te o niesza-
blonowych ksztatach bd wyrnia si wrd masy innych materiaw

w czyjej skrzynce na listy. (Warto jednak najpierw dowiedzie si na poczcie, czy pocztwka o dziwacznym ksztacie wci bdzie traktowana jako zwyka korespondencja).
Pomylmy o caej serii. Pojedyncza pocztwka wywouje pojedyncze wra-
enie. Czego zatem dokonaaby caa seria?
Bdmy konkretni. Dokadnie wyjanijmy adresatowi, w jaki sposb moe
skorzysta na wsppracy z nasz firm (oraz co musi zrobi, aby osign

t korzy).
Bdmy zwili. Z przodu pocztwki wystarczy umieci krtk, przyciga-
jc uwag wiadomo. Wszelkie mniej wane szczegy mog znale si

na odwrocie.
Jeli to moliwe, uyjmy kolorw. Kolor to magnes dla oka wietnie nadaje
si do przycigania uwagi. A poza tym projektowanie w kolorze to wietna zabawa!
17th Annual Invitational
Neighborhood
Cleanup
& Bake Sale

Saturday, May 20
8 a.m. 12 noon
Sponsored by
Urls Internet Cafe
s Pamitajmy, e pusta przestrze to take jeden z elemen

tw naszego projektu.
2010-08-12 18:14:40
136
cz i
Czego nie robi

GREAT GIFT IDEAS FOR YOUR INTERNET-OBSESSED FRIENDS
GREAT GIFT IDEAS FOR YOUR INTERRATZ! THATS WHAT YOU USUALLY SAY WHEN YOU REALIZE
NET-OB
SESSED
FRIENDS
THE HOLIDAYS
ARE HERE
AND YOU HAVENT
DONE DIDDLY-
Dlaczego ten nag

wek jest nieudany?
SQUAT FOR SHOPPING. BUT NOW WHEN YOU SAY RATZ!

RATZ! THATS WHAT YOU USUALLY SAY WHEN YOU REALIZE
YOURE REMINDED OF URL RATZ AND HIS INTERNET CAFE
THE HOLIDAYS ARE HERE AND YOU HAVENT DONE DIDDLYFULL OF UNIQUE GIFTS DEVELOPED JUST FOR INTERNET
SQUAT FOR SHOPPING. BUT NOW WHEN YOU SAY RATZ!
MAVENS LIKE YOU AND YOUR SCREEN-RADIATED FRIENDS
YOURE REMINDED OF URL RATZ AND HIS INTERNET CAFE
AND RELATIVES.
FULL OF UNIQUE GIFTS DEVELOPED JUST FOR INTERNET
MAVENS LIKE YOU AND YOUR SCREEN-RADIATED FRIENDS
HAPPY HOLIDAYS.
AND RELATIVES.
NOW GET ON THE INTERNET
AT WWW.URLSINTERNETCAFE.COM
HAPPY HOLIDAYS.
AND DO STUFF.
NOW GET ON THE INTERNET
AT WWW.URLSINTERNETCAFE.COM
AND DO STUFF.
s Nie stosuj takich czcionek, jak Helvetica, Arial, Times czy Sand,
w 12punktowym stopniu.

Nie wpisuj caego tekstu wersalikami trudno si je czyta, wic nikt

nie zada sobie trudu, aby przebrn przez tekst na Twojej pocztwce.
W kocu nikt Ci o ni nie prosi, nieprawda?
Aby jasno wyrazi dany komunikat, skorzystaj z zasady kontrastu

oraz odlegoci.
Great GIFT IDEAS for your

Internet-obsessed friends
Great GIFT IDEAS for your
Ratz! Thats what you usually say when you realize
Internet-ob
sessed
the hol
idays are here and
you haventfriends
done diddly-
squat Thats
for shop
ping.
Butusually
now when
you say
Ratz!
what
you
say when
youRatz!
realize
youre
mind
edhere
of Url
his Internet
Cafe
the
holire
days
are
andRatz
youand
havent
done diddlyfullfor
of unique
gifts
denow
veloped
just
forsay
Internet
squat
shopping.
But
when
you
Ratz!
mavensrelike
andUrl
your
screen-radiated
friends
youre
mindyou
ed of
Ratz
and his Internet
Cafe
andde
relatives.
full of unique gifts
veloped just for Internet
mavens like you and your screen-radiated friends
Now get on the Internet at
Happy
and relatives.
Holidays!
and
Now get
ondo
thestuff.
Internet at
Happy
Holidays!
and do stuff.
s Wskazwki, o ktrych bya mowa przy okazji wizytwek
(patrz strony 111 114), dotycz rwnie pocztwek reklamo
wych: nie upychaj informacji po ktach, nie staraj si na si
zapenia pustej przestrzeni i unikaj stosowania tych samych
lub prawie tych samych rozmiarw dla kadego elementu.
2010-08-12 18:14:40
137
Warto sprbowa
Great gift
ideas
for
Great gift ideas for
your Inter
yournetInternetobsessed
friends
obsessed friends
Sprbuj stworzy pocztwk

o niestandardowym rozmiarze:
wysok i wsk, nisk i szerok,
nadzwyczaj du lub zoon
w p.
Zanim zabierzesz si za drukowa
nie, zanie prbny wydruk na do
celowym papierze i w docelowym
rozmiarze na poczt tam do
wiesz si, czy spenia wszystkie
wymogi techniczne. Sporo infor
macji znajdziesz te w internecie1.
Sprawd rwnie, ile wyniesie
opata za przesanie pocztwki
o niestandardowych wymiarach.
Ratz! Thats
what you
Ratz! Thats
usually say
what you
when you realize
usually say
the holidays are
when you realize
here and you havent
the holidays are
done diddly-squat for shopping. But
here and you havent
now when you say Ratz! youre
done diddly-squat for shopping. But
reminded of Url Ratz and his Internet
now when you say Ratz! youre
Cafe full of unique gifts developed
reminded of Url Ratz and his Internet
just for Internet mavens like you and
Cafe full of unique gifts developed
your screen-radiated friends and
just for Internet mavens like you and
relatives. Happy Holidays.
your screen-radiated friends and
Happy
Now get onrelatives.
the Internet
at Holidays.
UrlsInternetCafe.com
Now get on the Internet at
and do stuff.
and do stuff.
Na przykad na stronie
Poczty Polskiej:
h t t p : / / w w w. p o c z t a - p o l sk a . p l /
przyp. tum.
Great gift
yourfor your
Greatideas
giftforideas
Internet-obsessed
friendsfriends
Internet-obsessed
Jak w przypadku
kadego materiau, ktry
ma na celu natych
miastowo przycign
wzrok odbiorcy, pogru
puj informacje zgodnie
Ratz! Thats what you usually say when you
realize the holidays are here and and you
z hierarchi wanoci,
havent done diddly-squat
for shopping.
Ratz! Thats
what you usually say when you
tak aby czytelnik mg
But now when yourealize
say Ratz!
youre are here and and you
the holidays
reminded of Url Ratz
and his
Internet
Cafe for shopping.
havent
done
diddly-squat
tylko zerkn na pocz
full of unique giftsBut
developed
justyou
forsay
Internet
now when
Ratz! youre
twk i podj szybk
mavens like you and
your screen-radiated
reminded
of Url Ratz and his Internet Cafe
friends
and
relatives.
Happy
Holidays.
Now
get on
full
of
unique
gifts
developed
just for Internet
decyzj o dalszej lekturze
the Internet at UrlsInternetCafe.com
andscreen-radiated
do stuff.
mavens like you and your
lub jej zaniechaniu.
friends and relatives. Happy Holidays. Now get on
the Internet at UrlsInternetCafe.com and do stuff.
2010-08-12 18:14:41
138
cz i
Projektowanie pocztwek reklamowych

wskazwki
Uamek sekundy takim czasem dysponujemy, aby przycign uwag odbiorcy, ktry znajduje w skrzynce niezamawian pocztwk. I niewane, jak
bardzo ciekawy tekst si na niej znajduje jeli czytelnikowi nie przypadnie
dogustu nasz projekt graficzny, nie bdzie zagbia si wzawarte napocztwce
informacje.
Cel
Nasamym pocztku musimy si zastanowi, cochcemy osign zapomoc naszej pocztwki. Czy zaley nam, aby odbiorcy traktowali ofert naszej firmy jako
drog iekskluzywn? Jeli tak, nasza pocztwka musi sprawia wraenie rwnie
drogiej iekskluzywnej conasze produkty. Amoe zaley nam, aby odbiorcy towarzyszyo przewiadczenie, ewanie trafia mu si wietna okazja? Jeli tak,
nasza pocztwka nie moe by zbyt wyrafinowana. Dyskonty spoywcze wydaj
niemae pienidze na wystrj wntrz, ktry potguje wraenie tanioci produktw. Nieprzypadkowo sklepy Saks Fifth Avenue1 wygldaj zupenie inaczej
(poczwszy od parkingw, askoczywszy natoaletach) odsklepw Kmart2
iwcale nie oznacza to, eci drudzy wydali mniej pienidzy nawystrj ni pierwsi. Kada z tych dekoracji suy okrelonemu celowi i jest skierowana do konkretnej grupy konsumentw.
Przyciganie uwagi
Zaprojektowanie pocztwki, tak jak kadego innego materiau reklamowego,

musi przebiega zgodnie zeznanymi ju zasadami: kontrastu, powtarzania, wyrwnania oraz odlegoci. W przypadku pocztwki mamy jednak utrudnione
zadanie. Musi ona bowiem wbardzo krtkim czasie skoni odbiorc dodalszej
lektury. Bdmy zatem odwani inie bjmy si wyrazistych kolorw, zarwno jeli
chodzi o tusz, jak i o kolor papieru. Warto wybra jak rzucajc si w oczy
ilustracj narynku sdostpne liczne niedrogie czcionki obrazkowe izbiory
gotowych ilustracji, ktre mona wykorzysta nawiele ciekawych sposobw.
Kontrast
W przypadku pocztwek reklamowych kontrast jest naszym najwikszym sojusznikiem. Nagwek powinien wyranie kontrastowa zreszt tekstu, kolory
rwnie powinny si znacznie odsiebie rni iodbiega odbarwy papieru. Nie
zapominajmy te, edobrym rdem kontrastu jest biaa przestrze!
Sie luksusowych sklepw specjalistycznych wUSA przyp. tum.
Amerykaska sie domw towarowych ocharakterze dyskontowym przyp. tum.
1
2
2010-08-12 18:14:41
139
Ogoszenia do gazet
Dobrze zaprojektowane ogoszenie do gazety moe zdziaa prawdziwe cuda!
Kluczem do sukcesu nie jest jednak w tym przypadku tylko i wycznie adny wygld ogoszenia. Oto kilka wskazwek, dziki ktrym nawet najbardziej
ociekajce seksem ogoszenie przyniesie podane efekty:
Wolna przestrze! Podczas przegldania gazety warto zwrci uwag, w ja-
kie miejsca wdruje nasz wzrok. Na ktrych ogoszeniach oczy lduj automatycznie, a ktre faktycznie czytamy? Mog si zaoy, e kady z nas
czyta przynajmniej nagwki ogosze, w ktrych jest wicej wolnego
miejsca.
Bdmy byskotliwi. Nic nie moe mierzy si z byskotliwym nagwkiem.

Nie pomoe nawet ciekawy projekt graficzny. (Jeli jednak mamy oba te
elementy, nasze moliwoci s zdecydowanie wiksze!)
Bdmy konkretni. Gdy nasz chwytliwy nagwek ju poskutkowa i przycign uwag odbiorcy, nastpn rzecz, jaka powinna znale si w naszym ogoszeniu, s konkretne informacje na temat tego, co naley zrobi,
aby skorzysta z naszej oferty (nie zapominajmy o danych kontaktowych:
numerze telefonu, adresie e-mail czy stronie internetowej).
Bdmy zwili. Ogoszenie to nie miejsce na dzielenie si z czytelnikami
histori naszego ycia. Skupmy si zatem na konkretach i nie odchodmy

od gwnego tematu.
Jeli to tylko moliwe, uyjmy kolorw. Kolor zawsze przyciga wzrok, szcze-
glnie gdy jest otoczony morzem szarego tekstu.
wintertime flower sale
Url took care all summer so you could have fresh flowers this winter.
Flowers 2/$5
All day Saturday, January 25
96
Urls Internet Cafe
s Ogoszenia nie musz by krzykliwe, aby przynie podany efekt.
2010-08-12 18:14:41
140
cz i
Czego nie robi

Jeli nagwek nie przycignie
uwagi czytelnika, nie prze
czyta on tekstu gwnego,
bez wzgldu na to, jak wielk
czcionk wybierzesz. (Jeli zre
zygnujesz z wpisywania caego
tekstu wersalikami, bdziesz
mie do dyspozycji nieco wi
cej miejsca na powikszenie
nagwka).
THIS IS THE TECHNOLOGY

AGE. LAB COATS FOR SALE.
You could also use a t-shirt that tells your
clients the Internet facts of life. And coffees
blended specically for web surfers.
Youll need matching mugs for the coffee and
most likely youll want original RatPadz to
replace those clunky old mouse pads you have
just lying around the ofce.
Did we mention polo shirts, caps, gift boxes, and

do-rags? Prepare yourself for the Technology
Age: visit Urls Internet Cafe for great gift ides
and a cafe full of educational, fun stuff.
Nie zapychaj na si wolnej

przestrzeni! Wiem, e kady
centymetr kwadratowy po
wierzchni reklamowej sporo
kosztuje, ale biaa przestrze
jest rwnie cenna i warta
wydanych pienidzy.
WOULD YOU BUY A LAB

COAT FROM AN UGLY RAT?
You may not think so
now, but just wait til
you see the lab coats, tshirts, caps, polo shirts,
special coffees, teas,
mugs, RatPadz, and
other great gift ideas at
Urls Internet Cafe.
But people dont come

here just to shop. Its a
cafe where just hangin
out is an art form. And
when that sudden im pulse to buy a lab coat
hits, weve got em right
here. So, if you think
hes a sleazy, ugly rat,
youre right. But come
on, how many hand some lab coat salesmen
do you know?
Nie wpisuj caego tekstu kro

jem o tym samym stopniu.
Wyszczeglnij nagwek
i pamitaj, e jeli uda Ci si
za jego pomoc zainteresowa
odbiorc, tak czy inaczej prze
czyta on tekst gwny, nawet
jeli bdzie napisany czcionka
o 9punktowym stopniu.
Nie wypeniaj ogoszenia

po brzegi, chyba e znajduj
si w nim cenne i darmowe
informacje, ktre faktycznie
przydadz si odbiorcy i kt
rych nie znajdzie w innych
materiaach. Pozwl zaistnie
wolnej przestrzeni.
P.O. Box 23465
Santa Fe, NM 87505
(505) 424-1115
2010-08-12 18:14:42
141
Warto sprbowa
This is the
Technology Age.
You need a lab coat.
You could also use a t-shirt that tells

your clients the Internet facts of life
(exhibit A). And coffees blended
specifically for web surfers. You'll need
matching mugs for the coffee and most
likely you'll want original RatPadz
to replace those clunky old mouse pads
you have just lying around the office.
Did we mention polo shirts, caps, gift boxes, and do-rags?
Prepare yourself for the Technology Age: visit Urls
Internet Cafe for great gift ideas and a cafe full of
educational, fun stuff.
Would you buy a lab coat

from an
ugly rat?
You may not think so now,
but just wait til you see the
lab coats, t-shirts, caps,
polo shirts, special coffees,
teas, mugs, Ratpadz, and
other great gift ideas at
Urls Internet Cafe.
But people don't come
here just to shop.
Its a cafe where
just hangin out
is an art form.
And when that
sudden impulse to
to buy a lab coat hits,
weve got em right here.
So, if you think hes a sleazy, ugly rat, youre right. But come on,
how many handsome lab coat salesmen do you know?
Wolna przestrze to nic zego.

Caa sztuczka polega na tym,
aby dobrze t przestrze za
aranowa. Na pierwszym
ogoszeniu z poprzedniej strony
znajduje si tyle samo wolnego
miejsca co na ogoszeniu obok
jednak w pierwszym przypad
ku jest ono chaotycznie rozsiane
po caej kartce.
Rozmie woln przestrze

tak samo wiadomie, jak
rozmieszczasz informacje
w swoim projekcie. Wystarczy
zastosowa si do czterech
podstawowych zasad projekto
wania, a puste miejsce automa
tycznie znajdzie si tam, gdzie
powinno by.
Tak jak w przypadku kadego

innego projektu grafi cznego,
pamitaj o zasadach: kontra
stu, powtarzania, wyrwnania
i odlegoci. Czy jeste w stanie
wskaza zastosowanie kadej
z tych zasad w przykadowych
ogoszeniach na tej stronie?
65 Ratznest Way
Santa Fe, New Mexico
2010-08-12 18:14:42
142
cz i
Projektowanie ogosze dogazet

wskazwki
Jednym z najczstszych problemw pojawiajcych si w projektach ogosze
dogazet jest panujcy wnich cisk. Wiele osb prywatnych oraz firm, ktre pac zazamieszczenie ogoszenia wczasopimie, wychodzi zzaoenia, enaley
zapeni kady centymetr kwadratowy patnej powierzchni reklamowej.
Kontrast
Wprzypadku ogoszenia zamieszczanego wgazecie zzasady kontrastu musimy

skorzysta nie tylko wobrbie samej reklamy, ale take pomidzy ni astron,
na ktrej si znajduje. Najlepszym sposobem na stworzenie takiego kontrastu
jest wykorzystanie wolnej przestrzeni. Poszczeglne strony gazet maj todosiebie, e z reguy zapenione s po brzegi rnymi informacjami. Ogoszenie,
wktrym pozostawiono sporo wolnego miejsca, bdzie wyrnia si wgazecie izpewnoci przycignie wzrok odbiorcy. Wystarczy przeprowadzi prosty
test. Otwrz gazet (lub ksik telefoniczn) najakiejkolwiek stronie iszybko
jprzejrzyj. Gwarantuj, ejeli jest tam cho troch wolnej przestrzeni, wzrok
automatycznie powdruje wjej kierunku. Dzieje si tak, gdy puste miejsce stanowi kontrast dla ciasnej, penej informacji strony.
Jeli wykorzystamy twoln przestrze, nagwek naszego ogoszenia nie musi
by napisany wielk, grub ikrzykliw czcionk, konkurujc zpozosta zawartoci kartki. Tak naprawd by moe wystarczy zastosowa elegancki, naladujcy odrczne pismo krj lub klasyczn czcionk wstarym stylu cika nie
bdzie tutaj wskazana.
Wybr kroju pisma
Papier gazetowy jest porowaty iszorstki, wic tusz bdzie si ponim rozchodzi. Nie warto zatem stosowa kroju pisma zmaymi, delikatnymi szeryfami
lub bardzo wskimi liniami, ktre wtrakcie druku ulegn pogrubieniu chyba
erozmiar kroju bdzie natyle duy, ewszystkie ozdobniki si utrzymaj.
Funkcja negatywu
Nie naley korzysta z funkcji negatywu (czyli biaych liter na ciemnym tle),
gdy nie matakiej potrzeby. Jeli jednak zjakiego powodu musimy zastosowa
ttechnik, wybierzmy solidny, pozbawiony cienkich linii krj pisma te bowiem zniknyby w momencie pojawienia si tuszu. Jak w kadym przypadku
uycia funkcji negatywu uyj kroju pisma ostopniu odrobin wikszym igrubszym, ni gdyby chodzio ozwyczajne pismo. Tozudzenie optyczne itak uyty
krj pisma zawsze bdzie wyglda namniejszy icieszy.
2010-08-12 18:14:42
143
Strony internetowe
Chocia projektowanie stron internetowych powinno przebiega wedug tych
samych czterech podstawowych zasad, o ktrych bezustannie mowa w niniejszej ksice (kontrast, powtarzanie, wyrwnanie i odlego), szczeglnie wan rol odgrywa tutaj zasada powtarzania. Pozostae trzy oczywicie take maj
sens i wpywaj na adny wygld strony, ale to wanie dziki zasadzie powtarzania osoba odwiedzajca bdzie wiedzie, czy wci znajduje si na tej samej stronie internetowej. Naley zatem stworzy konsekwentny system nawigacji i styl graficzny, dziki czemu odbiorcy bd mogli upewni si, e wci
przebywaj w obrbie tej samej strony. Aby to zrobi, wystarczy dokona powtrze w zakresie kolorystyki, tych samych krojw pisma, przyciskw czy
podobnych do siebie elementw graficznych, umieszczonych w tych samych
miejscach na kadej stronie.
Projektowanie strony internetowej znacznie rni si od pracy nad materiaami, ktre trafi do druku. Jeli z projektowaniem stron internetowych spotykasz si po raz pierwszy i chcesz dowiedzie si, od czego zacz, polecam
lektur innej mojej ksiki, pt. Projektowanie stron www. Jak to zrobi?
s Strona internetowa powinna zachca do odwiedzin

i do poruszania si po niej. Powysza strona jest prosta
i przejrzysta.

wietnym przykadem wybitnej i uytecznej, a przy tym

prostej i przejrzystej strony jest google.com.
2010-08-12 18:14:42
144
cz i
Czego nie robi

Nie ka odwiedzaj
cym przewija strony
tylko po to, aby mo
gli dotrze do linkw
nawigacyjnych!
Nie pozwl,
aby tekst wpada
na lew krawd
okna przegldarki.
s Nie stosuj domylnego niebieskiego koloru dla tekstu lub linkw. To dobitna oznaka
amatorskiego podejcia do projektowania stron internetowych.

Nie umieszczaj linkw tekstowych w duych, niezgrabnych polach z podkrelonymi

ramkami.
Nie wpisuj tekstu gwnego pogrubionym krojem pisma i nie dopu do sytuacji,
w ktrej tekst bdzie zajmowa ca szeroko strony.
Nie ustawiaj byszczcego ta dla tekstu, a ju na pewno nie wtedy, gdy stosujesz
byszczc czcionk.
Nie ka odwiedzajcym przewija strony w poziomie! Nie przekraczaj mak

symalnej 800pikselowej szerokoci strony. Zwr szczegln uwag na to, aby
na stronie nie umieszcza tabelek szerszych ni 600 pikseli chyba e chcesz
wywoa wcieko u osb prbujcych wydrukowa Twoj stron.
2010-08-12 18:14:43
145
Warto sprbowa
Ogranicz rozmiary zarwno
strony wejciowej, jak i gw
nej, tak aby miay po 800 pik
seli szerokoci i 600 pikseli
wysokoci. Odwiedzajcy nie
powinien przewija strony
gwnej po to, aby mg zna
le interesujce go linki!
Usunicie niepoda
nych elementw z pro
jektu to ju ogromny
krok w kierunku dobrej
strony internetowej.
s Przyjrzyj si stronom Peachpit.com lub Adobe.com. Postaraj si nazwa

co najmniej pi elementw, ktre zapewniaj odbiorcy poczucie
konsekwencji i sprawiaj, e zawsze wie, na jakim portalu wanie przebywa
bez wzgldu na to, na ktrej z podstron akurat si znajduje.

Wymie te rnice pomidzy przykadami z tej oraz z poprzedniej strony

niniejszej ksiki. Wypowiedzenie na gos poszczeglnych cech projektu
zarwno tych dobrych, jak i zych pomoe Ci w dalszej pracy z grafi k.
2010-08-12 18:14:43
146
cz i
Projektowanie stron internetowych

wskazwki
Dwoma najwaniejszymi czynnikami wpywajcymi na sukces projektu strony
internetowej s: powtarzanie oraz przejrzysto/czytelno. Odwiedzajcy nasz stron nie powinien gowi si nad tym, wjaki sposb uywa naszego systemu nawigacji, gdzie aktualnie si znajduje albo czy wci jest wobrbie naszej strony,
czy raczej przeskoczy ju pod inny adres.
Powtarzanie
Naley powtarza pewne elementy wizualne nakadej podstronie naszego projektu. Nie
tylko powiadomimy wten sposb odwiedzajcego, ewci znajduje si nanaszej stronie, ale take nadamy caoci spjny izgodny wygld czyli nieodczne cechy kadego dobrego projektu.
Gdy ju przejdziemy doposzczeglnych podstron, odbiorca powinien znale
nawigacj w tym samym miejscu, w tej samej kolejnoci i w tym samym stylu graficznym. Dziki temu bdzie mu atwiej porusza si po zawartoci caej witryny, amyzapewnimy sobie wten sposb obecno czynnika jednoczcego
wszystkie podstrony.
Przejrzysto iczytelno
Lektura tekstu wywietlanego na ekranie czy to telewizora, czy komputera

nie naley doczynnoci atwych iprzyjemnych. Aby zatem uczyni czytanie
zmonitora jak najbardziej przystpnym, musimy wpewnym stopniu dopasowa
tekst dopotrzeb stron internetowych.
Linie tekstu powinny by nieco krtsze ni napapierze. Tekst gwny nigdy nie powinien zajmowa caej szerokoci strony, cooznacza, enaley umieci go wramce lub zastosowa kod CSS (albo przynajmniej skorzysta zwcicia akapitu, ktre przycina tekst zarwno zlewej, jak izprawej strony). Uwaajmy jednak, aby
poszczeglne wersy nie byy zakrtkie, corozbijaoby struktur zda.
Jeli chcemy dokadnie okreli, w jakim kroju pisma ma si wywietla tekst
(jeli nie, mona pomin ten fragment) zreguy ustawiony nakroje takie jak
Helvetica czy Arial iTimes czy Times Roman najlepiej zestawi krj Geneva,
Verdana lub Trebuchet zHelvetik, akrj New York lub Georgia zkrojem Times. Dziki temu tekst wywietlany nakomputerach Macintosh bdzie znacznie bardziej przejrzysty iczytelny. (Jeli korzystamy zMaca, ustawmy czcionk
domyln naNew York zamiast Times, abdziemy zaskoczeni, zjak atwoci
przyjdzie nam czytanie stron internetowych. Jeli jednak bdziemy chcieli co
wydrukowa, zmiemy czcionk zpowrotem naTimes). Kroje pisma takie jak
Verdana czy Trebuchet mona znale nakadym aktualizowanym wprzecigu ostatnich kilku lat systemie operacyjnym oba wietnie sprawdz si jako
czcionki dla tekstu gwnego nastronach internetowych.
2010-08-12 18:14:43

DTP Od Podstaw. Projekty Z Klasą

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

DTP Od Podstaw. Projekty Z Klasą

Uploaded by

Copyright:

Available Formats

Id do

Poznaj praktyczne zasady projektowania dokumentw!

Zasada drzewa Jozuego

Cztery podstawowe zasady . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Niesamowite koo barw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Inne porady isztuczki

Tworzenie pakietu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112

Kroje pisma w projektowaniu

Klasyfikacja krojw pisma

Antykwy renesansowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Kontrastowanie krojw pisma

Odpowiedzi dotestu nr 1 (str. 86). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Kroje pisma uyte w ksice

Podstawowe fonty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Ale czy jest to stosowne?

Get on the Internet and do Stuff.

Url Ratz and Browser Dawg

Get on the Internet and do Stuff.

Great gift ideas for your

8. inne por ady i sztuczk i

Urls Internet Cafe

Czego nie robi

Nie upychaj informacji po k

Urls Internet Cafe

Get on the Internet and do Stuff.

(505) 424-1115 ph.

Zadbaj o to, aby stopie tekstu

Urls Internet Cafe

Get on the Internet and do Stuff.

Urls Inter net Cafe

Nie staraj si na si zapeni

Get on the Internet and do Stuff.

Nie stosuj takich krojw pisma,

8. inne por ady i sztuczk i

Wyrwnaj linie poziome.

Wyrwnaj lewe lub prawe

Podajc adres czy numer tele

Urls Internet Cafe

Urls Internet Cafe

Url Ratz, Manager

Wszelkie skrtowce staraj si

Nie umieszczaj na wizytwce

P.O. Box 23465

Projektowanie wizytwek wskazwki

Na pocztek musimy dokona wyboru: czy interesuje nas wizytwka pozioma,

Rozmiar kroju pisma

8. inne por ady i sztuczk i

Papier firmowy i koperty

Urls Internet Cafe

Get on the Internet and do Stuff.

Czego nie robi

P.O. Box 23465, Santa Fe, NM, 87502

Url Ratz and Browser Dawg

Urls Internet Cafe

Get on the Internet and do Stuff.

(505) 424-1115 ph.

Urls Internet Cafe

s Nie stosuj wyrodkowania dla wszystkich elementw na stronie,

Tak jak w przypadku wizytwek unikaj nawiasw, skrtw i zbdnych

8. inne por ady i sztuczk i

Get on the Internet and do Stuff.

Url Ratz and Browser Dawg

Get on the Internet and do Stuff.