Zasada C.R.A.P.

● Contrast,
● Repetition,
● Alignment,
● Proximity:

...the basic principles of design that appear in every well-designed piece of work.

ZASADY

Kontrast

Jeśli elementy na stronie nie są podobne, to niech się mocno różnią od siebie.

Powtórzenia (repetitions)

Powtarzaj te samy elementy graficzne na swoich stronach.

Wyrównanie (alignment)

Nic nie powinno być umieszczone w sposób przypadkowy na stronie. Nie rozrzucaj elementów losowo. Elementy powinne być wizualnie połączone.

Bliskość (proximity)

Obiekty powiązane powinny być zgrupowane (położone blisko siebie). Grupowanie organizuje stronę i zmniejsza bałagan.

Plakat


WIZYTÓWKA: Sytuacja wyjściowa

Jacek Cichoń
(071) 320-2109
Politechnika Wrocławska
pl. Grunwaldzki 13
50-377 Wrocław

Drobna poprawka

Jacek Cichoń
(071) 320-2109
Politechnika Wrocławska
pl. Grunwaldzki 13
50-377 Wrocław

Zasada "proximity"



Politechnika Wrocławska
Jacek Cichoń
pl. Grunwaldzki 13
50-377 Wrocław
(071) 320-2109

Zasady: "proximity" + "alignment"



Politechnika Wrocławska
Jacek Cichoń
pl. Grunwaldzki 13
50-377 Wrocław
(071) 320-2109

Zasady: "proximity" + "alignment + "repetitions"



Politechnika Wrocławska
Jacek Cichoń
pl. Grunwaldzki 13
50-377 Wrocław
(071) 320-2109

Oczywiście, temu co zrobiliśmy jeszcze wiele brakuje do czegoś w stylu: