Élaboré par Google en 2014 pour harmoniser l’expérience sur l’ensemble de leurs interfaces, il est basé le réalisme, l’action de l’utilisateur par un mouvement et 3 éléments physiques : la lumière, les ombres et l’espace 3D. L’objectif est d’offrir la possibilité à l’utilisateur de déplacer des éléments de l’interface comme il pourrait le faire avec […]
Archives : Lexique de l'UI UX Designer
Modèle d’ergonomie d’interfaces créé par Microsoft (Metro Design) en 2012 pour Windows 8. Ses principes de base sont : des icônes de couleur blanche dans des jeux de couleurs organisées sur une grille flexible qui s’animent au fil de la navigation, des typographies très présentes.
Effet visuel d’une interface qui imite l’apparence d’objets réels, facilitant la lecture et la rendant intuitive. Sa fonction est aussi émotionnelle en faisant appel à la mémoire et aux souvenirs des utilisateurs.
Un point de rupture (breakpoint) est une limite à partir de laquelle s’appliquent les styles CSS avec les requêtes de médias. Largeur d’écran /type de terminal <= 320 px / Smartphone en mode portrait <= 480 px / Smartphone en mode paysage => 768 px / Tablette en mode portrait => 980 px / Tablette […]
Ligne directrice de conception qui préconise la simplicité. Keep it Simple, Stupid (ne complique pas les choses). Leonardo Da Vinci – « La simplicité est la sophistication ultime » Ludwig Mies Van Der Rohe – « Less is more » De Bjarne Stroustrup « Faire des tâches simples simple! » Antoine de Marie Jean-Baptiste Roger, […]
Née au début du 20ème siècle en Allemagne, la théorie Gestalt ( « forme » en allemand) défini, entre autres, les principes de la perception visuelle par le cerveau, qui perçoit les éléments en les regroupant comme des ensembles. Un de ses postulats de base est la théorie de l’émergence : le tout est différent […]
Art consistant à associer deux typographies offrant un contraste harmonieux adaptées à leur application et au support prévu. Fontpair.co Fontjoy
Pile de polices de caractères utilisée pour définir l’ordre d’utilisation des typographies si l’une d’elles n’est pas disponible pour un visiteur. exemple :
Le design plat ou flat design est un style de design d’interface graphique caractérisé par son minimalisme où chaque élément a une fonction. Il se base sur l’emploi de formes simples, sans effets ajoutés, des aplats de couleurs vives valorisées et de jeux de typographie. Ce style s’inspire notamment du style typographique international, dit style […]
Retina est une marque d’Apple qui désigne des écrans de très hautes résolutions à densité de pixels élevée. Un site Retina Design ou Retina-Ready est optimisé pour des écrans Haute-Définition (HD). Pour une résolution donnée la densité de pixel sera multipliée par deux. Cette densité de pixel permet d’avoir une netteté incroyable, où il est […]