Un système de grille est une aide, un cadre de travail pour disposer des éléments dans une page Web. Comme de nombreux artistes traditionnels qui peignent encore leurs chefs-d’œuvre sur une feinte de série de lignes qui s’entrecroisent, la « mise au carreau » , le designer web peut s’aider d’une grille pour disposer avec précision les […]
Archives : Lexique de l'UI UX Designer
Paliers basés sur la largeur de l’écran (320px, 480px, 768px, 1024px, etc.) à partir desquels s’adaptent les éléments d’une page web. La définition des paliers peut se faire manuellement à partir d’un design existant ou selon des largeurs populaires. La largeur d’un modèle d’Iphone (320×480) peut servir de point de rupture.
Principe de mise en page utilisé dans le webdesign par des petits conteneurs, composés chacun d’un titre, d’un rich média et d’un texte concis. L’objectif d’une Card est de proposer un condensé d’informations et d’y ajouter des possibilités d’interactions (micro-actions) via des liens et/ou des boutons
É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 […]
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