You are on page 1of 16

IDZ DO

PRZYKADOWY ROZDZIA
SPIS TRECI

KATALOG KSIEK
KATALOG ONLINE
ZAMW DRUKOWANY KATALOG

Komputerowy skad
tekstw. Jak to zrobi?
Autor: Robin Williams
Tumaczenie: Agata Bulandra
ISBN: 83-7361-236-X
Tytu oryginau: The Non-Designer's Design Book
Format: B5, stron: 152

TWJ KOSZYK
DODAJ DO KOSZYKA

CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK

CZYTELNIA
FRAGMENTY KSIEK ONLINE

Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl

Projektowanie atrakcyjnych publikacji nie jest wycznie kwesti wrodzonego talentu


projektanta i chwili natchnienia. Rzdzi si ono pewnymi zasadami, ktre czsto
czujemy, a ktre w tej ksice zostay szczegowo opisane i wyjanione.
Poleganie wycznie na wasnej intuicji moe okaza si zwodnicze. Dlatego jeli
chcesz, by stworzone przez Ciebie publikacje przycigay uwag czytelnika sw
eleganck form, powiniene przeczyta t ksik.
Ksika Komputerowy skad tekstw. Jak to zrobi? zostaa napisana z myl
o wszystkich osobach, ktre pragn zaprojektowa rnego rodzaju publikacje,
ale nie maj dowiadczenia ani teoretycznych podstaw z zakresu projektowania.
Posuenie si opisanymi w niej podstawowymi zasadami gwarantuje, e projekty
bd wyglday profesjonalnie, bd lepiej zorganizowane, ujednolicone i interesujce,
a ich autor poczuje si pewniej w swojej roli.
W ksice omwiono midzy innymi:
Dobr waciwych odlegoci midzy poszczeglnymi elementami graficznymi
publikacji, organizacja treci
Wyrwnywanie i rozmieszczanie elementw na stronie
Stosowanie standardw graficznych prowadzce do jednolitego wygldu projektu
Tworzenie atrakcyjnych projektw dziki stosowaniu kontrastu midzy
elementami
Najwaniejsze kategoria krojw pisma
czenie i kontrastowanie krojw pisma
Wieloletnie dowiadczenie Robin Williams i jej wyjtkowy styl trafiajcy w potrzeby
osb bez specjalistycznego przygotowania, sprawi, e nauka projektowania stanie si
dajc satysfakcj przygod. Jeli dopiero rozpoczynasz zabaw z projektowaniem
publikacji, zacznij od tej ksiki.

Spis treci
Dla kogo jest ta ksika? . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Sowniczek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Zasady projektowania

designer.indb 5

Zasada drzewa Jozuego

13

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


Kontrast . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Powtarzanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Wyrwnanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Odlego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Odlego

Wyrwnanie

Powtarzanie

Kontrast

14
14
14
14
14

15

Odlego podsumowanie . . . . . . . . . . . . . . . . . . . . . . .
Podstawowy cel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Jak to osign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Czego naley unika . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

26
26
26
26

27

Wyrwnanie podsumowanie . . . . . . . . . . . . . . . . . . . .
Podstawowy cel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Jak to osign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Czego naley unika . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

42
42
42
42

43

Powtarzanie podsumowanie . . . . . . . . . . . . . . . . . . . . . .
Podstawowy cel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Jak to osign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Czego naley unika . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

52
52
52
52

55

Kontrast podsumowamie . . . . . . . . . . . . . . . . . . . . . . .
Podstawowy cel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Jak to osign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Czego naley unika . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

64
64
64
64

2003-10-16, 13:41:04

SPIS TRECI

Przegld

65

Odlego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Wyrwnanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Powtarzanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kontrast . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Szybki test #1 zasady projektowania . . . . . . . . . . . . . . . .
Szybki test #2 zmiana projektu ogoszenia . . . . . . . . . . . .
Podsumowanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Co zrobi, aby zwikszy swoj wizualn wiadomo . . . . . . .

66
67
68
69
70
71
72
73

Kroje pisma w projektowaniu

designer.indb 6

Druk (a ycie)

77

Harmonia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Konflikt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Kontrast . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Posumowanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84

Klasyfikacja pism

Kontrastowanie pism

85

Antykwy renesansowe . . . . . . . . . . . . . . . . . . . . . . . . . . .
Antykwy klasycystyczne . . . . . . . . . . . . . . . . . . . . . . . . . .
Antykwy linearne szeryfowe . . . . . . . . . . . . . . . . . . . . . .
Antykwy linearne bezszeryfowe . . . . . . . . . . . . . . . . . . . .
Pisanki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Ksenotypy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
wiadomo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Szybki test #3 grupy krojw . . . . . . . . . . . . . . . . . . . . .
Szybki test #4 rnice gruboci kresek . . . . . . . . . . . . . . .
Szybki test #5 szeryfy . . . . . . . . . . . . . . . . . . . . . . . . .
Posumowanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Rozmiar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Grubo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Struktura . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Forma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kierunek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kolor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
czenie kontrastw . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podsumowanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Szybki test #6 kontrast czy konflikt . . . . . . . . . . . . . . .
Szybki test #7 tak i nie . . . . . . . . . . . . . . . . . . . . . . .
wiczenie na czenie kontrastw . . . . . . . . . . . . . . . . . . .

86
87
88
89
91
92
93
93
94
95
96

97
98
102
106
110
114
118
124
125
126
127
128

2003-10-16, 13:41:05

SPIS TRECI

Dodatki

10
11

To takie proste

12

Bibliografia

13

Kroje pisma uyte w ksice

145

Skorowidz

149

designer.indb 7

131

Proces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
wiczenie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Przeprojektujmy to . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

Odpowiedzi do testw
Odpowiedzi do testu #1
Odpowiedzi do testu #2
Odpowiedzi do testu #3
Odpowiedzi do testu #4
Odpowiedzi do testu #5
Odpowiedzi do testu #6
Odpowiedzi do testu #7

135

.........................
.........................
.........................
.........................
.........................
.........................
.........................

136
137
138
138
138
139
140

141

Czasopisma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Projektowanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Poligrafia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Typografia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

141
142
143
143

2003-10-16, 13:41:05

Odlego

W projektach nowicjuszy grafika, sowa i wyraenia s zazwyczaj porozrzucane i porozcigane wypeniaj naroniki i zajmuj wiele miejsca, nie
pozostawiajc wolnej przestrzeni. Patrzc na taki projekt mona pomyle,
e jego autor boi si pustej przestrzeni. Gdy elementy skadowe s rozrzucone po caej powierzchni projektu, wyglda on na niezorganizowany, a czytelno informacji jest ograniczona.

Zasada odlegoci mwi, by grupowa powizane ze sob elementy, umieszczajc je fizycznie blisko siebie w taki sposb, by byy postrzegane jako
jedna spjna cao, a nie wiele niezwizanych ze sob fragmentw. Informacje czy te grupy informacji, ktre nie s ze sob zwizane, nie powinny
znajdowa si blisko innych elementw, poniewa odlego jest wizualn
wskazwk na temat organizacji projektu i jego treci. Kolejne strony ilustruj t zasad.

designer.indb 15

2003-10-16, 13:41:08

16

CZ I: Z A SA DY PROJ E K TOWA N I A

Przyjrzyjmy si typowej wizytwce. Ile oddzielnych elementw mona rozrni na tak maej przestrzeni? Ile razy zatrzymujemy wzrok, by na co
popatrze?

t Zatrzymujemy wzrok pi razy? Oczywicie, poniewa na wizytwce znaj-

duje si pi oddzielnych elementw. Od ktrego miejsca rozpoczynamy czytanie? Prawdopodobnie od rodka, poniewa tam znajduje si
najwyraniejszy napis. Na ktry element nastpnie pada wzrok? Czy idzie
od lewej do prawej strony, poniewa czytamy tekst napisany alfabetem
aciskim? Jeli zosta ju przeczytany napis w prawym dolnym rogu,
to gdzie nastpnie poda wzrok? Czy wdruje dookoa upewniajc si,
e nie pomin adnego napisu?

Reilly Pickett

(717) 555 - 1212

Toad Hall
916 Old River Road

Red River, NM

t A co bdzie, jeli skomplikujemy przykad?

Reilly Pickett

(717) 555 - 1212

Toad Hall
916 Old River Road

Red River, NM

s Od ktrego miejsca rozpoczniemy czytanie, gdy wytuszczone s dwa

napisy? Od lewego grnego naronika? A moe od rodka? Co zostanie


przeczytane po tych dwch elementach? By moe wzrok bdzie przeskakiwa tam i z powrotem pomidzy wytuszczonymi sowami, nerwowo
prbujc ogarn sowa znajdujce si w pozostaych rogach. Czy czytelnik bdzie mia pewno, e nic nie pomin? Czy inna osoba bdzie
czyta napisy w tej samej kolejnoci?

designer.indb 16

2003-10-16, 13:41:10

2. ODLEGO

17

Gdy kilka elementw znajduje si blisko siebie, staj si wizualn jednostk,


zamiast zbiorem oddzielnych jednostek. Tak jak w yciu, blisko elementw
sugeruje ich zwizek.
Uzyskamy natychmiastow popraw, grupujc podobne elementy w jedn cao. Strona stanie si bardziej zorganizowana. Od razu rozpoznamy
miejsce, od ktrego naley zacz czytanie wiadomoci i gdzie znajduje
si koniec wiadomoci. A pusta przestrze (obszar dookoa liter) stanie si
rwnie bardziej zorganizowana.

t Problemem przedstawionym w poprzednim przykadzie jest brak

widocznego zwizku pomidzy poszczeglnymi elementami


wizytwki. Nie wiadomo, od ktrego napisu naley rozpocz
czytanie wizytwki, trudno te o przekonanie, e przeczytalimy
wszystko.
Zobaczmy, co si stanie, jeli wprowadzimy w wizytwce jedn
zmian pogrupujemy powizane ze sob elementy, zbliajc
je do siebie.

Toad Hall
Reilly Pickett

916 Old River Road


Red River, NM
(717) 555 - 1212

s Czy mona mie teraz jakiekolwiek wtpliwoci, od ktrego

miejsca rozpocz czytanie karty, albo gdzie jest jej koniec?


Czy mamy pewno, e przeczytalimy wszystko? Dziki zastosowaniu jednej prostej zasady wizytwka zostaa zorganizowana
informacyjnie i wizualnie.

designer.indb 17

2003-10-16, 13:41:11

18

CZ I: Z A SA DY PROJ E K TOWA N I A

Poniej pokazany jest typowy nagwek biuletynu. Ile jest w nim oddzielnych elementw? Czy na podstawie rozmieszczenia elementw mona
wycign wniosek, e jakie napisy s ze sob zwizane?

t Zastanwmy si przez chwil nad tym, ktre elementy mona

zgrupowa, a ktre naley od siebie oddzieli.

REDWOOD COUNTY FORESTRY

s Dwa elementy w grnym lewym naroniku znajduj si blisko

siebie, sugerujc jaki zwizek. Czy rzeczywicie s ze sob


zwizane?

t Czy o takiej zmianie mylelicie? Czy widoczne s teraz zwizki

pomidzy poszczeglnymi napisami?

Redwood County Forestry

s Przy okazji dokonaam jeszcze paru zmian.

Wszystkie napisy zmieniam z wersalikw na litery podrzdne.


Dao mi to miejsce na wzmocnienie i pogrubienie tytuu oraz
poprawio czytelno tekstu.
Zmieniam zaokrglone rogi obramowania na proste, dziki
czemu wyglda ono czyciej i solidniej.
Powikszyam rysunek, tak by drzewa wystaway troch poza
obramowanie. Jest to powszechnie stosowany trik graficzny.

designer.indb 18

2003-10-16, 13:41:13

2. ODLEGO

19

Przy tworzeniu ulotki, broszury, biuletynu lub innych materiaw autor


orientuje si, jakie informacje s ze sob logicznie poczone, wie, ktre z nich
naley uwypukli, a ktre mona przytumi. Podkrelmy graficznie charakter informacji, odpowiednio je grupujc.

CD ROMs
CD ROMs
Childrens CDs
Educational CDs
Entertainment CDs
Laser discs
Educational
Early learning
Language arts
Science
Math
Teacher Tools
Books
Teacher tools
Videos
Hardware & Accessories
Cables
Input devices
Mass storage
Memory
Modems
Printers & supplies
Video and sound

s Oczywicie trzeba t list troch

sformatowa, jeli chcemy, by


bya zrozumiaa. Jednak najwikszym problemem jest to, e
wszystkie pozycje s umieszczone bardzo blisko siebie nie da
si zobaczy zwizkw pomidzy
elementami ani jakiejkolwiek
organizacji.

designer.indb 19

CD ROMs
CD ROMs
Childrens CDs
Educational CDs
Entertainment CDs
Laser discs
Educational
Early learning
Language arts
Science
Math
Teacher Tools
Books
Teacher tools
Videos
Hardware & Accessories
Cables
Input devices
Mass storage
Memory
Modems
Printers & supplies
Video and sound

s To ta sama lista, tylko sformato-

wana w wizualne grupy. Jestem


pewna, e tak operacj kady
robi automatycznie sugeruj
jednak, by robi to jeszcze bardziej wiadomie i z wikszym
przekonaniem.
Poza tym do nagwkw dodaam
troch kontrastu i powtrzyam
ten efekt w caej licie wraz z lini
podkrelenia.

2003-10-16, 13:41:15

20

CZ I: Z A SA DY PROJ E K TOWA N I A

Czasami przy grupowaniu elementw trzeba wprowadzi dodatkowe zmiany na przykad w rozmiarze, wadze, w rozmieszczeniu tekstu lub grafiki. Tekst nie musi mie 12 punktw! Informacje drugorzdne w stosunku
do gwnej wiadomoci (takie jak numer tomu i rok biuletynu) mog by
mniejsze; mona je zoy stopniem wielkoci 7 lub 8 punktw.

s Nie do, e ta strona jest wizualnie nudna, to jeszcze trud-

no znale na niej konkretne informacje co ma si wydarzy, gdzie to zdarzenie bdzie miao miejsce, kiedy si
odbdzie i tak dalej.

designer.indb 20

2003-10-16, 13:41:17

2. ODLEGO

21

Istot zasady odlegoci nie jest to, by wszystkie obiekty ustawi blisko siebie.
Zgodnie z t zasad logicznie powizane elementy, ktre w jaki sposb ze
sob koresponduj, powinny by rwnie poczone wizualnie. Inne oddzielne elementy albo grupy elementw nie powinny znajdowa si blisko siebie.
Maa lub dua odlego wskazuje na istnienie bd brak relacji pomidzy
elementami.

s Informacje zostay najpierw pogrupowane logicznie (w myli

albo naszkicowane na papierze), a potem fizycznie umieszczone w grupach na stronie. Odstpy pomidzy informacjami na temat trzech koncertw s takie same, co oznacza,
e te trzy grupy informacji s jako ze sob zwizane. Wiadomoci drugorzdne odsunito, dziki czemu wida, e
nie s to informacje na temat kolejnego koncertu.

designer.indb 21

2003-10-16, 13:41:19

22

CZ I: Z A SA DY PROJ E K TOWA N I A

Najprawdopodobniej kady Czytelnik stosuje ju w swojej pracy zasad


odlegoci, ale moliwe, e nie wykorzystuje jej jeszcze w takim stopniu, by
bya naprawd efektywna. Popatrzmy obiektywnie na strony i ich elementy i zobaczmy, co mona zgrupowa.

s Najwidoczniej osoba projektujca to ogoszenie dwukrot-

nie naciskaa przycisk Enter po kadym nagwku i akapicie tekstu podstawowego. Nagwki s w takiej samej
odlegoci od tekstu podstawowego, znajdujcego si
powyej i poniej ich, dlatego wydaje si, e s oddzielone
i niezwizane z pozostaymi elementami.
W projekcie tym wida duo pustej przestrzeni, ale jest
ona mocno rozproszona. Pusta przestrze znajduje si
tam, gdzie nie powinno jej by na przykad pomidzy
nagwkiem a odpowiadajc mu treci akapitu. Tak
uwiziona pusta przestrze wizualnie odpycha elementy, pomidzy ktrymi si znajduje.

designer.indb 22

2003-10-16, 13:41:20

2. ODLEGO

23

Jeeli w projekcie jest zbyt duo oddzielnych elementw, naley zastanowi si, ktre z nich mogyby znale si bliej siebie. Jeeli strona zawiera
obszary, w ktrych organizacja informacji nie jest zupenie jasna, naley
sprawdzi, czy jakie elementy nie le zbyt blisko siebie.

s Zmieniajc w tym ogoszeniu tylko jedn rzecz przysu-

wajc nagwki do odpowiednich akapitw uzyskamy


par ulepsze.
Struktura tekstu stanie si bardziej wyrana. Pusta przestrze nie bdzie ju uwiziona pomidzy elementami.
Bdzie mona uy pisma o jeden punkt wikszego (czyli
9 punktw), zwikszajc tym samym czytelno tekstu
podstawowego. Pozostanie te wicej miejsca na miniatur plakatu, przez co cae ogoszenie nie bdzie sprawiao
wraenia przepenionego.

designer.indb 23

2003-10-16, 13:41:21

24

CZ I: Z A SA DY PROJ E K TOWA N I A

Stosowanie zasady odlegoci tak naprawd polega na bardziej wiadomym wykonywaniu intuicyjnych dziaa i rozwiniciu pojcia odlegoci.
Uwiadomienie sobie istnienia zwizkw pomidzy liniami znakw pozwala zauway, jakie efekty nios te zwizki. Gdy zaczynamy zauwaa te
efekty, moemy je wykorzysta, zapanowa nad nimi, kontrolowa je.

s Ogoszenie to pochodzi z gazety. Naprawd. Jednym z najwikszych problemw

w tym ogoszeniu (poza tym, e cao tekstu napisana jest wersalikami) jest zgrupowanie caej informacji w jednym, duym bloku.
Zanim sprbujemy zmieni projekt tego ogoszenia, wynotujmy niezalene czci
wiadomoci, a nastpnie pogrupujmy elementy. To nic trudnego wystarczy troch
pomyle.
Gdy grupy informacji bd ju wyodrbnione, mona poonglowa nimi na stronie.

designer.indb 24

2003-10-16, 13:41:23

2. ODLEGO

25

Rzadko zastosowanie samej zasady odlegoci jest rozwizaniem korygujcym zy ukad strony. Kolejne trzy zasady s nieodzowne w procesie projektowania i zazwyczaj uywa si wszystkich czterech zasad. Stosujmy je
jedna po drugiej, zaczynajc od zasady odlegoci.

s Oto tylko jedna z wielu moliwoci rozmieszczenia grup informacji. Uyam rwnie

zasady wyrwnania i kontrastu; bdzie o nich mowa wkrtce.


Najwikszym problemem, widocznym w oryginalnym ogoszeniu, jest brak jakiegokolwiek rozdzielenia informacji. Napisany wersalikami, w jednym duym bloku tekst zaj
cay obszar ogoszenia, nie pozostawiajc skrawka dodatkowej, pustej, biaej przestrzeni, pozwalajcej odpocz oczom. Naprawd mona zastosowa pismo w stopniu
mniejszym ni 12 czy 14 punktw!

designer.indb 25

2003-10-16, 13:41:25

26

CZ I: Z A SA DY PROJ E K TOWA N I A

Odlego podsumowanie
Kiedy kilka elementw znajduje si blisko siebie, przestaj by traktowane jako osobne jednostki i wizualnie zaczynaj stanowi cao. Elementy
w jaki sposb powizane ze sob powinny by zgrupowane. Trzeba zdawa sobie spraw z tego, jak drog poda nasz wzrok gdzie patrzymy
najpierw, jak wodzimy wzrokiem, co ogldamy na kocu, gdzie przenosimy spojrzenie po przeczytaniu ostatniego elementu. W projekcie powinno by widoczne logiczne nastpstwo elementw od samego pocztku do
koca informacji.

Podstawowy cel
Podstawowy cel zasady odlegoci to porzdkowanie. Pomocne s rwnie
inne zasady, ale zwyczajne grupowanie powizanych ze sob elementw
i zmniejszenie odlegoci midzy nimi automatycznie tworzy struktur. Jeli informacja jest zorganizowana, to jest bardziej prawdopodobne, e bdzie przeczytana i zostanie zapamitana. Dodatkowym efektem organizacji
wiadomoci jest uzyskanie bardziej atrakcyjnej (lepiej rozmieszczonej) pustej
przestrzeni (pusta przestrze to ulubiony termin projektantw).

Jak to osign
Przymruajc lekko oczy sprawdmy liczb wizualnych elementw na stronie, liczc, ile razy zatrzyma si nasz wzrok. Jeeli na stronie mona wyrni wicej ni trzy do piciu elementw (oczywicie zaley to od projektu),
trzeba zastanowi si, ktre z elementw mona zgrupowa tak, by stanowiy jedn wizualn cao.

Czego naley unika


Unikajmy zbyt wielu oddzielnych elementw na stronie.
Nie umieszczajmy elementw w naronikach i na rodku strony.
Unikajmy pozostawiania rwnych odstpw pomidzy elementami, jeeli
nie s czciami jednego wikszego zbioru (patrz przykad na stronie 23).
Unikajmy sytuacji zmuszajcych do zastanawiania si, ktrego fragmentu
treci dotyczy nagwek, podtytu, podpis, grafika i tak dalej. Twrzmy relacje pomidzy bliskimi sobie elementami.
Nie twrzmy relacji z elementami, ktre nie s ze sob powizane! Jeli tak
jest, odsumy takie elementy od siebie.

designer.indb 26

2003-10-16, 13:41:26

You might also like