Tudor Mateescu

Acesta este un rezumat al cartii The Non Designer Design Book de Robin Williams (nu e cantaretul).

Miscarea ochilor utilizatorului pe pagina este responsabilitatea ta.

Exista patru principii de baza:

1. proximitatea
2. alineatul
3. repetitia
4. contrastul

Proximitatea

Apropierea sau departarea elementelor pe o pagina implica o relatie intre acestea. Astfel daca doresti sa subliniezi o relatie de legatura dintre doua elemente acestea vor fi apropiate una de alta (devenind o unitate) si se vor diferentia prin departare fata de celelalte elemente cu care nu au o legatura logica.

Cu cat ai mai putine elemente (grupuri vizuale, unitati) cu atat ochiul se va plimba mai usor pe pagina.

Scopul: scopul proximitatii este de a organiza informatia si elementele pe pagina.

Cum s-o obtii: grupeaza elementele care sunt conectate logic una de alta, in grupuri individuale.

Evita:

- sa ai prea multe elemente separate pe o pagina
- sa inghesui elementele vizuale in mijloc si colturi
- sa lasi spatii albe de aceeasi marime intre elemente, decat daca acestea au o relatie intre ele

Exemplu:

O sa dau un exemplu simplu si anume o lista:

Lista de cumparaturi
Mere
Creioane
Banane
Pere
Laptop
Husa de laptop
Baterie de laptop
Haina de iarna
DVD pentru laptop
Manusi

Corect ar arata asa:

Lista de cumparaturi

Mere
Banane
Pere

Laptop
Husa de laptop
Baterie de laptop
DVD pentru laptop

Haina de iarna
Manusi

Observa cum deja am 3 elemente distincte in lista si cum ochii parcurg lista. Automat stim ce elemente au o relatie intre ele.

va urma

PS. astept completari si intrebari