La profondità nel web design

La profondità in un sito crea un senso di realismo e aggiunge interesse. E ‘ utile per mettere in evidenza particolari elementi all’interno della pagina e contribuisce a creare una gerarchia all’interno del progetto. Molti designer hanno espresso modi insoliti per creare la profondità, Speckyboy ne indica alcuni esempi eccellenti con alcuni suggerimenti.

Animazione

I disegni animati creano un senso di prospettiva per evidenziare maggiorrealismo.

Interfacce realistiche

Interfacce e buttons creano un design elegante e facile da interagire.

Stratificazione e trasparenza

Stratificare e creare elementi traslucidi è un modo brillante per aggiungere profondità al sito. Entrambi gli esempi utilizzano la prospettiva top-down.

Wraparound

La tecnica wraparound dà l’illusione che la pagina continui fornendo un senso di profondità. E ‘anche un ottimo modo per evidenziare un particolare elemento della pagina stessa.

Attenersi alle regole principali della prospettiva

Il creare il senso di profondità prospettica dipende da una serie di regole abbastanza semplici che tutti i designer conoscono tra le quali il punto e le linee di fuga.

Giocare con le ombre

Aggiungere un’ombra aumenta l’effetto di profondità.

Sovrapposizione

Sovrapporre alcuni elementi crea un senso di ordine e profondità. Si tratta però un escamotage troppo prevedibile.

Ribbon

Nonostante gli elementi piani di questo esempio, un semplice Ribbon aggiunge al tutto consistenza e profondità.

Effetto Cut out

L’effetto Cut Out è una buona tecnica. Le ombreggiature inoltre ne aumentano il senso di realismo e di 3D.

Diventa socio

Video