web-dev-qa-db-fra.com

Exemples côte à côte de conception skeuomorphique vs plate?

Cherchant les nouveautés de Android Lollipop, je suis tombé sur le concept de design skeuomorphique pour la première fois. Je comprends que ce terme signifie un design numérique qui conserve les caractéristiques esthétiques de ses origines physiques.

J'ai également lu des exemples, par exemple étagères en bois dans iBook, mais j'espère voir une comparaison picturale côte à côte du passage récent du skeuomorphe au design plat par les deux Apple et Google. Étant un consommateur régulier, j'ai en fait PAS remarqué ce mouvement jusqu'à ce que je lise le concept.

Avis de non-responsabilité: cette question provient d'un utilisateur de smartphone ordinaire, et non d'un concepteur UX.

1
Heisenberg

Le skeuomorphisme était une caractéristique déterminante d'iOS jusqu'à la sortie l'an dernier d'iOS7 "plat". Une recherche rapide sur Google pour iOS6 vs iOS7 design plat renvoie des tonnes d'articles de conception, des comparaisons, des reproches, des diatribes, etc. Le onglet images de cette recherche a beaucoup de côté -des exemples.

Certaines différences clés comprennent la réduction (ou l'élimination pure et simple) des repères de profondeur comme les ombres, les biseaux et les gradients; réduction également des textures "réalistes" conçues pour ressembler à du bois, du verre, du métal ou du tissu (le "feutre vert" d'iOS game center en est un exemple courant). Un exemple extrême du changement de conception est la façon dont ils ont transformé des boutons dégradés tactiles évidents en rien de plus qu'un hyperlien sans bordure.

Le changement le plus récent de Google pour Android est vers ce qu'ils appellent " Material Design ", qui combine ces idées. Ils utilisent des couleurs plates et audacieuses avec des ombres minimales, mais des animations qui viser à imiter le travail avec des objets réels comme le papier et l'encre. Bien que visuellement "plat" l'interaction est toujours "réaliste". Ceci est similaire à certains égards aux animations et à la dynamique dans iOS7/8 - visuellement plat, mais rebondissant et réactif d'une manière cela semble naturel.

2
mc01