ai
Extension de fichier créée par la firme Adobe permettant d’enregistrer des
compositions vectorielles réalisées avec le logiciel Illustrator. Ce format permet
notamment de conserver tous les calques d’une image.
arborescence
Organisation schématique et hiérarchique des différentes pages d’un site.
L’arborescence permet d’avoir une vue générale de la navigation sur un site
bannieres
Image fixe ou animée présentant un contenu publicitaire. Les formats des bannières
sont généralement régies par les standards du W3C.
baseline
Phrase ou expression courte et facile à retenir, marquant les esprits et permettant
de définir l’univers d’une marque. Elle est souvent utilisée sous le logo, en guise de
signature.
brief
Document de travail, en général rédigé par le commanditaire d’un projet, qui définit
tous les contours de sa commande : contexte, particularités et objectifs du projet.
checkbox (case à cocher)
Élément cliquable d’un formulaire permettant à l’utilisateur d’indiquer un ou
plusieurs choix. L’utilisateur peut cocher/décocher une case en cliquant dessus.
code hexadécimal
Ou code “hexa” dans sa version courte, est un ensemble de 6 caractères précédé
du sigle #, et qui permet de définir une couleur. Exemple : le code hexadécimal du
noir est #000000
CMS
Acronyme de “Content Management System”, le CMS est un système de gestion
de contenu, permettant de gérer des sites complets. Un des CMS les plus connus
est Wordpress.
CSS
Acronyme de “Cascading Style Sheets”, le CSS est un format de fichier contenant
toutes les informations de style d’un site web.
CTA
Acronyme de “Call To Action”, le CTA est un lien, bouton ou visuel appelant
l’internaute à entreprendre une action
desktop
Mot anglais signifiant “bureau”. Est généralement employé quand on parle de
responsive design pour désigner la version “ordinateur de bureau” d’une maquette
DPI
Acronyme de “Dot Per Inch”, le DPI indique la résolution d’une image numérique.
Cette valeur définit le nombre de pixels utilisés par unité de longueur. (72 DPI pour
un affichage web).
dropdown (liste déroulante)
Élément d’un formulaire permettant à l’utilisateur d’indiquer des choix. L’utilisateur
peut sélectionner selon les cas, 1 ou plusieurs éléments de la liste.
empattement (serif)
En typographie, les empattements sont les petites extensions qui terminent les
extrémités des caractères dans certaines polices d’écriture, que l’on oppose aux
polices sans empattement (sans serif)
eps
Format de fichier vectoriel
ergonomie
Un site ergonomique est un site qui conduit naturellement et rapidement le visiteur
vers l’information qu’il recherche et lui offre un confort de navigation.
favicon
Icone d’un site visible dans la barre de recherche, à gauche de l’URL. Elle permet
d’identifier un site plus facilement.
footer
Le footer, ou “pied de page” en français, désigne la zone la plus basse d’un site. on
y retrouve généralement les liens de mentions légales.
ftp
Acronyme de “File Transfer Protocol”, le FTP est un protocole qui permet de copier
des fichiers d’un ordinateur vers un autre. Ce mécanisme de copie est souvent
utilisé pour alimenter un site web hébergé chez un tiers.
gif
Format d’image couramment utilisé, notamment pour des bannières. Ce format
offre l’avantage de pouvoir stocker plusieurs images dans un même fichier et
permettre de créer des GIF animés.
grille
Permet de composer une page à l’aide d’un ensemble de repères horizontaux et
verticaux espacés de manière proportionnelle
habillage de site
Dispositif publicitaire qui consiste à reprendre des éléments d’identité visuelle
d’un annonceur, notamment ses couleurs et son logo, pour donner un aspect
personnalisé aux pages d’un site.
header
Le header, ou “en-tête” en français, désigne la zone la plus haute d’un site. On y
retrouve généralement le logo de l’entité ainsi que le menu d’accès aux rubriques
du site.
IAB
Acronyme de “Internet Advertising Bureau”, l’IAB est une association regroupant
les acteurs de la publicité Internet (régies, agences, prestataires techniques et
annonceurs). Son but est de promouvoir et de faciliter le développement de la
publicité Internet
icône
Une icône est un petit pictogramme dont le but est de représenter ou illustrer
quelque chose
input
Champ de saisi d’un formulaire permettant à l’utilisateur de saisir une suite de
caractères.
interface
Une interface graphique est un dispositif d’IHM (Interaction Humain-Machine) qui
permet à un usager de faire le lien et interagir avec un produit informatique via des
objets dessinés sur un écran et un dispositif de pointage (souris ou doigt pour les
écrans tactile)
jpg
Format d’image
ligne de flottaison
Limite théorique de visibilité dans une page. Au-delà de cette ligne, l’utilisateur
doit scroller pour afficher le contenu.
logotype (logo)
Signature visuelle aidant à l’identification d’une marque ou d’une entreprise. Le
logotype peut être typographique en sigle et/ou un visuel.
mobile first
Concept consistant à concevoir un site en mettant la priorité sur la version mobile
et en adaptant progressivement le web design pour les écrans plus large.
mockup
Mot anglais pour désigner “maquette”, mais plusieurs sens peuvent se cacher
derrière le mot.
Il peut s’agir d’une maquette simplifiée consistant à représenter le squelette d’une
interface utilisateur de façon très simpliste (à la manière d’un wireframe).
Il peut également s’agir d’une maquette “réaliste” avec une interface utilisateur
travaillée.
Il peut également s’agir d’une mise en situation de vos maquettes dans un
environnement réaliste (intégration de vos maquettes sur un écran d’ordinateur
par exemple)
pictogramme (picto)
Représentation graphique minimaliste et intelligible d’une action, d’une
fonctionnalité ou d’une thématique.
pixel
Plus petit élément composant une image numérique ou l’affichage de votre écran.
png
Format d’image offrant la possibilité d’avoir un fond transparent.
psd
le .psd est une extension de fichier créée par la firme Adobe permettant d’enregistrer
des compositions réalisées avec le logiciel Illustrator. Ce format permet notamment
de conserver tous les calques d’une image. Communément, un PSD est est un nom
utilisé pour désigner un fichier source.
radio button
Élément cliquable d’un formulaire permettant à l’utilisateur d’indiquer un choix. Les
boutons radio sont au minimum de 2, et un seul peut être sélectionné.
résolution
La résolution est la finesse de rendu d’un élément graphique sur un écran. La
résolution d’un écran est son nombre de pixels sur sa longueur multiplié par celui
sur sa hauteur.
responsive
Le responsive design permet d’adapter un design de site web aux différentes tailles
et résolutions d’écrans, comme les écrans d’ordinateurs, tablettes, téléphones
retina
Le retina est un type d’écran lancé par Apple et présentant une résolution très
élevée. Ces écrans, nécessitent de créer des éléments graphiques adaptés,
notamment des images deux fois plus grandes (@X2) pour qu’elles n’apparaissent
pas floues sur ces écrans.
rollover
Effet de texte ou d’image apparaissant au survol d’une zone d’une page web avec
le curseur de la souris.
RVB
Format de codage des couleurs : Rouge,Vert, Bleu, utilisé pour le Web, contrairement
au format CMJN : Cyan, Magenta, Jaune, Noir, utilisé pour l’impression.
sidebar
Une sidebar, que l’on traduit par barre latérale, est une zone qui affiche différentes
informations, et qui se positionne aussi bien à droite ou à gauche de la zone de
contenu d’un site.
sprite
Un seul fichier image regroupant plusieurs images. L’image est ensuite déplacée
pour afficher la zone voulue grâce à des règles de style CSS.
template
Un template est un docuement (fichier ou page web) sans contenu dont les
éléments statiques sont déjà positionnés et mis en forme. Leur fonctionnement
est très similaire aux modèles de documents Word ou Powerpoint
terminaux web
Appareil permettant l’affichage d’une pase internet. Les plus communs sont les
ordinateurs, les smartphones ou encore les tablettes.
typographie (font)
La typographie (souvent abrégée en “typo“) ou plus communément appelée
police de caractères (ou “font“ en anglais) désigne le choix des différents types
de caractères
UI
L’UI (User Interface) désigne le lien entre l’homme et les machines, notamment par
le biais d’une interface visuelle. Le travail sur l’UI d’un site web ou d’une application
consiste à créer un système visuel qui facilitera l’accès aux contenus.
URL
Adresse d’un site ou d’une page hypertexte sur Internet (ex. http://www.google.
com)
UX
L’UX (User experience) regroupe le travail sur l’expérience générale vécue par
l’utilisateur d’un site web ou d’une application
vectoriel
Une image vectorielle est une image numérique composée d’éléments graphiques
ne se dégradant pas lorsqu’on l’agrandit, contrairement aux images matricielles
composés de pixels (JPG, PNG…). Les principaux formats d’images vectorielles
sont EPS, AI et SVG.
W3C
Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de
standardisation à but non lucratif, chargé de promouvoir la compatibilité des
technologies du World Wide Web telles que HTML5 ou CSS.
wireframe
Maquette fonctionnelle d’un site ou d’une application. Créés en amont des
maquettes graphiques, les wireframes permettent de définir la structure générale
des pages sous forme schématique.