Zasady_projektowania [tryb zgodności]

Odległość
Zasady projektowania
Zasada odległości mówi, by
grupować powiązane ze sobą elementy,
umieszczając je fizycznie blisko siebie
w taki sposób, by były postrzegane
jako jedna spójna całość,
a nie wiele niezwiązanych ze sobą fragmentów.
Odległość
Wyrównanie
Powtarzanie
Kontrast
BW
2
Odległość - wizytówka
Odległość - wizytówka
BW
BW
3
4
Odległość - wizytówka
Odległość - wizytówka
bliskość elementów sugeruje ich związek
poprawa
grupowanie podobnych elementów
w jedną całość
strona bardziej zorganizowana
nasza wizytówka – pogrupowanie
powiązanych elementów
BW
BW
5
6
1
Odległość - biuletyn
Odległość - biuletyn
ile jest w nim oddzielnych elementów?
czy o takiej zmianie myśleliście?
czy na podstawie rozmieszczenia elementów
moŜna wyciągnąć wniosek, Ŝe jakieś napisy
są ze sobą związane?
czy widoczne są teraz związki między elementami?
BW
BW
7
8
Odległość - biuletyn
Odległość
wszystkie pozycje są
umieszczone blisko siebie –
nie da się zobaczyć związków
pomiędzy elementami ani
jakiekolwiek organizacji
zmiana z wersalików na litery podrzędne
wzmocnienie i pogrubienie tytułu
poprawa czytelności tekstu
zaokrąglone rogi obramowania na proste
wygląda czyściej i solidniej
powiększenie rysunku – drzewa poza obramowanie
BW
BW
9
10
Odległość
Odległość
strona nudna
wizualne grupy – świadomie
i z większym przekonaniem
trudno znaleźć
konkretne
informacje
nagłówki – kontrast,
powtórzenie efektu w całej
liście wraz z linią podkreślenia
BW
BW
11
12
2
Odległość
Odległość
grupowanie logiczne,
fizyczne
dwukrotne naciśniecie „enter”
rozproszona pusta przestrzeń,
znajduje się tam gdzie nie
powinno jej być – pomiędzy
nagłówkiem a treścią akapitu
(odpychanie elementów)
odstępy między
„koncertami” takie same
informacje drugorzędne
odsunięte
BW
BW
13
14
BW
BW
15
16
Odległość
Wyrównanie
Zasada wyrównania mówi, Ŝe
Ŝaden obiekt nie powinien być
umieszczony na stronie w sposób
przypadkowy.
KaŜdy element powinien mieć
wizualne połączenie z innym
elementem strony.
BW
BW
17
18
3
Wyrównanie - wizytówka
Wyrównanie - wizytówka
BW
BW
19
20
Wyrównanie
Wyrównanie
wyraźne wyrównanie
do lewego marginesu
automatyczne
centrowanie
BW
BW
21
22
BW
BW
23
24
Wyrównanie
wyszukać wyraźną linię i wykorzystać
4
Powtarzanie
Powtarzanie
Zasada powtarzania kaŜe
pogrubiony krój pisma
powtarzać w całym projekcie
jakiś jego wizualny element.
cienki krój pisma
kwadratowy punktor
wcięcia
odstępy
wyrównanie
BW
BW
25
26
Kontrast
Zasada kontrastu mówi, Ŝe
jeśli dwa obiekty nie są dokładnie
takie same, naleŜy pogłębić róŜnicę
między nimi.
Powinny znacznie się róŜnić.
odrobina odwagi
BW
BW
27
28
BW
BW
29
30
5