IFT2905 Interfaces personne-machine 9. Design graphique

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "IFT2905 Interfaces personne-machine 9. Design graphique"

Transcription

1 IFT2905 Interfaces personne-machine 9. Design graphique Sébastien Roy Département d Informatique et de recherche opérationnelle Université de Montréal 27 février 2007 Université de Montréal

2 Horreur ou Splendeur? Suggéré par Vishy Venugopalan

3 Horreur ou Splendeur? Museum of Modern Art s Workspheres exhibition Métaphore Mur couvert de post-it + Simplicité extrême + Esthétique - Trop simple. Impossible de différencier les éléments. - Si on cherche quelque chose d intéressant? - Si on cherche quelque chose qu on a déjà vu? (Reconnaissance VS mémorisation) La métaphore est le problème...

4 Horreur ou Splendeur? Esthétique Utilisabilité Le design graphique est important, mais il y a plus...

5 Références pour le design Graphique Simplicité Contraste Espacement Équilibre Alignement Références Designing Visual Interfaces, Kevin Mullet et Darrell Sano (Prentice-Hall, 1995) The Visual Display of Quantitative Information, Edward Tufte s Don t make me think,...

6 Simplicité Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away. Antoine de St- Exupery Simplicity does not mean the absence of any decor... It only means that the decor should belong intimately to the design proper, and that anything foreign to it should be taken away. Paul Jacques Grillo Keep it simple, stupid. (KISS) Less is more. Dans le doute, abstiens-toi.

7 Simplicité Pour atteindre la simplicité, on procède par élimination, pas par accrétion. La simplicité est en constante opposition aux principes de design d interface Ex: ajoutons un éléments juste au cas où... La simplicité impose de justifiez chaque élément ajouté... d éliminer tout ce qui ne survit pas à un examen minutieux

8 Vers la Simplicité: la Réduction Réduction Élimination de tout ce qui n est pas nécessaire. Trois étapes: 1. Qu est-ce qui doit ultimement être transmit par le design? 2. Examen critique de chaque élément (étiquette, bouton, couleur, police,...) pour déterminer sa raison d être 3. Si il n est pas essentiel, l éliminer. Sinon, l éliminer quand même, pour voir ce que ca donne...

9 Vers la Simplicité: la Régularité Régularité Utiliser des motifs régulier Limiter les variations non essentielles entre les éléments Les irrégularités attirent le regard et suggère une importance et une signification.

10 Vers la Simplicité: la double vocation Double vocation Combiner les éléments pour augmenter l impact visuel. ou donner plusieurs rôles à un élément Barre de défilement(scroll bar) Suggère la possibilité d une changement de position Montre la position courante Montre la portion visible Autres exemples: une barre de titre ou un champs d aide.

11 Contraste et Variables visuelles Contraste Différence perceptible le long d une dimension visuelle ou variables visuelles). Le contraste encode l information. Mullet et Sano, p. 54 Chaque élément doit avoir un contraste cohérent avec son importance.

12 Contraste et Variables visuelles Variable visuelle Jacques Bertin propose 7 variables visuelles. les variables se distinguent facilement au niveau de la perception, pas de la cognition. Mullet et Sano, p. 54

13 Caractéristiques des variables visuelles Échelle (type de comparaison) Nominal (=) toutes les variables Ordre (<, >) ordonné: position, taille, intensité, granularité désordonné: orientation, teinte, forme Quantitative quantitatif: position, taille non quantitatif: intensité, texture, orientation, teinte, forme Longueur (nombre de niveaux distingables) - Très long: forme (varitété infinie de formes) - Long: position - Moyen: la plupart des variables ( 10 niveaux) - Court: orientation ( 4 niveaux)

14 L attention Attention Lampe de poche, qui pointe à un seul endroit à la fois (voir notes sur la perception). L attention se déplace séquentiellement d un canal d entrée vers un autre. Tous les stimuli d un canal visité par l attention sont percus simultanéments. Le canal d entrée est donc une variable visuelle.

15 Sélectivité Perception sélective Est-ce que l attention peut être dirrigée vers une seule valeur d une variable, en excluant les aurtes variables et valeurs? Sélectif position, taille, orientation, teinte, intensité, texture Non sélectif forme Ex: on peut distingue immédiatement un objet vert ou très petit, mais pas un objet d une certaine forme.

16 Sélectivité Trouver les lettres de la moitié gauche (position) Trouver les lettre en forme de K (forme) Trouver les lettre rouges (teinte)

17 Associativité Perception associative Facilité avec laquelle une variable peut être ignorée lorsqu on observe une autre variable. Ex: le fait qu un objet soit petit (taille) réduit la perception de la forme de cet objet. Ex: le fait qu un objet soit rouge (teinte) n influence pas la perception de la position de cet objet. Ex: Petite taille et intensité faible interfèrent avec la perception de la teinte, intensité, texture, forme. Associatif position, teinte, intensité, texture, forme, orientation Non associatif taille, intensité

18 Associativité Losrque la taille varie, la forme et teinte des petits objets est plus difficile à percevoir.

19 Utilisation du contraste Choisir une variable visuelle appropriée Utiliser le plus de longueur possible Rendre les transitions bien perceptibles Échelle multiplicative, pas additive Redondance des variables visuelles pour augmenter l impact Exagération où cela facilite la perception Test de la poussière dans l oeil (squint test) Simule la perception visuelle de bas niveau, pour vérifier si les contrastes sont bien perceptibles. Fermer un oeil et entreouvrir l autre, pour obtenir une vision floue. Tout ce qui est percu dans ces conditions est très perceptible dans des conditions normales.

20 Associativité Choix des variables visuelles pour le courriel État de lecture: nominal, 3 valeurs (lu, non-lu, répondu) Pièce jointe, Importance: nominal, peu de valeurs Auteur, Sujet: nominal (peut être ordonné), beaucoup de valeurs Date: quantitatif Noter l utilisation de la teinte, forme, taille, etc...

21 Affichage d information Exemple démontrant l utilité de la richesse des variables visuelles. Pas besoin d avoir l air d un formulaire pour afficher de l information...

22 Contraste dans les publications Le contraste visuel rend un article plus facile à lire. Doit-on maximiser le contraste en transformant le document en sapin de Noël? Non. Ne pas oublier la simplicité...

23 Simplicité VS Contraste La boîte de Tukey affiche 5 statistiques. On peut simplifier, mais le contraste en souffre beaucoup...

24 Problème de contraste source: Interface Hall of Shame Il faut distinguer étiquette et champs de donnée... La teinte est peu différentiable et les autres variables sont identiques. En plus, c est plutôt encombré...

25 Espace Si mon écran était plus grand... L espace disponible pour une interface usager est limité. On est donc tenté d encombrer l espace pour en donner plus. Cela résulte en une interface inefficace et difficile à parcourir. Utiliser les espaces pour grouper, plutôt que des lignes Utiliser des marges pour attirer le regard Harmonie entre les plans avant et arrière Choisir des tailles proportionnelles aux espaces disponibles Ne pas grouper les boutons trop serré L entassement crée une tension spatiale et ralenti le parcours visuel

26 Espace source: Mullet et Sano, p.110 Pas de marge Contrôles trop serrés Lignes pour le groupement

27 Espace source: Mullet et Sano, p.96 Exemple d utilisation de l espace: Interface de gauche difficile à parcourir Interface de droite utilise efficacement l espace

28 Regroupement Principe de Gestalt Principes gouvernant le regroupement d éléments visuels simples en un tout cohérent.

29 Regroupement Proximité Les éléments rapprochés sont groupés ensembles. On voit 4 colonnes plutôt que 4 lignes). Similarité Les éléments aux attributs similaires sont groupés ensembles. On voit 4 rangées plutôt que des colonnes. Continuité L oeil suppose un contour comme un objet continu. On voit 2 lignes qui se croisent plutôt que 4 ou 2 coins en contact.

30 Regroupement Fermeture Si des contours sont manquant, l oeil complète pour precevoir des formes pleines. On voit un triangle blanc plutôt que 4 pacman. Aire Si deux éléments se superposent, le plus petit est percu comme en avant du plus gros. On voit un petit carré devant un gros plutôt qu un trou carré. Symmétrie L oeil préfère une interprétation plus symmétrique. On voit 2 carrés superposés plutôt que 3 polygones.

31 Espace On peut réduie l encombrement visuel en remplacant les lignes d une grille par des blancs.

32 Équilibre et symmétrie Choisir un axe (en général vertical) Répartir les éléments également autour d axe Harmoniser autant la masse (nombre de pixels non vide) que la dimension (l espace occupé par ces pixels).

33 Alignement On peut simplifier le design par un alignement simple horizontal ou vertical. Un nombre réduit de références d alignement améliore la lisibilité. Aligner les étiquettes à gauche ou à droite. Aligner les contrôles à gauche ou à droite Permettre l expansion lorsque nécessaire. Aligner les lignes de texte Exemple d alignement aléatoire...

34 Alignement Les grilles sont efficaces pour l alignement et l équilibre simultanément. source: Mullet et Sano, p.165

35 Alignement La couleur doit être utilisée avec modération. Trop de couleur rend l interface complexe, encombrée, et distrayante. Limites de la vision humaine daltonisme, texte rouge sur bleu, petit texte bleu,... Éviter les couleurs saturées (fatigue visuelle) La couleur du fond doit établir un bon contraste. Utiliser des couleurs contrastantes (mais pas seulement ca) Cohérence... OK en rouge, CANCEL en vert...

Le Design Graphique. Interface Personne Machine. Alicia HERAZ - Hiver 2009 Département Informatique et Recherche Opérationnelle Université de Montréal

Le Design Graphique. Interface Personne Machine. Alicia HERAZ - Hiver 2009 Département Informatique et Recherche Opérationnelle Université de Montréal Chapitre 11 Le Design Graphique Interface Personne Machine Alicia HERAZ - Hiver 2009 Département Informatique et Recherche Opérationnelle Université de Montréal La simplicité Le contraste L espace blanc

Plus en détail

L Assistant graphique

L Assistant graphique Activité 2 : Les graphiques avec Excel Un graphique transforme les données en images. Il est un élément visuel qui facilite la compréhension de données statistiques. Cette activité permet d apprendre comment

Plus en détail

Pourquoi utiliser des visuels et des logiciels de présentation?

Pourquoi utiliser des visuels et des logiciels de présentation? Pourquoi utiliser des visuels et des logiciels de présentation? Jacques Lanarès 3 fonctions principales Mémorisation Compréhension Renforcer Attention Les visuels peuvent faciliter la mémorisation : En

Plus en détail

Gimp. Découverte de l espace de travail. Diaporamas,extraits du Cahier Gimp spécial débutants Editions Eyrolles Auteur : Raymond Ostertag

Gimp. Découverte de l espace de travail. Diaporamas,extraits du Cahier Gimp spécial débutants Editions Eyrolles Auteur : Raymond Ostertag Gimp Découverte de l espace de travail Diaporamas,extraits du Cahier Gimp spécial débutants Editions Eyrolles Auteur : Raymond Ostertag Gimp Découvrir l espace de travail Le premier contact avec le logiciel

Plus en détail

Traitements de base d une image avec PHOTOFILTRE

Traitements de base d une image avec PHOTOFILTRE Traitements de base d une image avec PHOTOFILTRE Barre d outils Barre d outils complémentaire Nouveau Niveaux automatiques Contrastes automatiques Ouvrir Luminosité (-) Luminosité (+) Enregistrer Contraste

Plus en détail

Photofiltre Les outils

Photofiltre Les outils Photofiltre Les outils Les outils de Photofiltre se situent dans une barre située à droite de votre écran. Cette palette d outils peut-être à gauche ou flottante ; pour cela, allez dans le menu «Outils»

Plus en détail

10.6 Créer un fond d image avec une couleur personnelle:

10.6 Créer un fond d image avec une couleur personnelle: 10.6 Créer un fond d image avec une couleur personnelle: La dimension de l écran du système Tellimage est définie à 720 x 480 pixels. Il faut donc utiliser votre logiciel de dessin pour créer un fond d

Plus en détail

Questions / Réponses. Comment mettre à jour mon registre parcellaire graphique?

Questions / Réponses. Comment mettre à jour mon registre parcellaire graphique? Questions / Réponses Comment mettre à jour mon registre parcellaire graphique? Février 2014 Liste des questions Préambule... 3 Localisation... 4 1.- Comment faire pour se déplacer sur la carte?... 4 2.-

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Réalisation d une Interface Utilisateur

Réalisation d une Interface Utilisateur Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir

Plus en détail

Traitements de base d une image à l aide du logiciel PHOTOFILTRE

Traitements de base d une image à l aide du logiciel PHOTOFILTRE Traitements de base d une image à l aide du logiciel PHOTOFILTRE PhotoFiltre est un logiciel de retouche d images simple et intuitif, gratuit pour une utilisation privée, non commerciale ou éducative.

Plus en détail

Pixeye production http://pixeye.pao.neuf.fr

Pixeye production http://pixeye.pao.neuf.fr Charte graphique PIXEYE production s est dotée d une charte graphique permettant d utiliser son logotype sur tous les supports réalisés pour et par les composantes ou les services, ainsi que par ses différents

Plus en détail

API08 : Evaluation ergonomique d une IHM

API08 : Evaluation ergonomique d une IHM API08 : Evaluation d une IHM Résumé Twitter : les aspects positifs et négatifs de l interface Web par Ewan C. BURNS L objectif de ce document est de proposer une évaluation de l IHM web proposée par Twitter.

Plus en détail

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Collage spécial Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Définir le type de collage à réaliser Transposé : inverse

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11693-4

Groupe Eyrolles, 2006, ISBN : 2-212-11693-4 Groupe Eyrolles, 2006, ISBN : 2-212-11693-4 6 Nettoyer et retoucher les images Avant de réaliser un montage, un petit travail est parfois nécessaire, il s agit du nettoyage de la photo. Cela consiste à

Plus en détail

Analyse des images après lecture

Analyse des images après lecture http://transcriptome.ens.fr 1 Analyse des images après lecture Utilisation d un logiciel d analyse d image!: Sur la plate-forme de l ENS, nous avons choisi de travailler avec le logiciel GenePix Pro, vous

Plus en détail

Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique

Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique Design graphique Mejdi BLAGHGI m.blaghgi@gmail.com Introduction

Plus en détail

Les Tracés et les Outils de Dessin. Formes géométriques

Les Tracés et les Outils de Dessin. Formes géométriques et les Outils de Dessin Prise en main rapide Formes géométriques Cliquez sur cette Icône pour ouvrir la fenêtre Caractéristiques générales des Dessins. Ci-contre, vous avez les différentes formes géométriques,

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 4.5 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 4.5 pour WINDOWS Barre de titre Cellule sélectionnée ou cellule active

Plus en détail

Découverte de Photoshop 7

Découverte de Photoshop 7 Découverte de Photoshop 7 L espace de travail : Options de l outil utilisé Menu principal (fonctions principales du logiciel) Outils de sélection Outils de retouche et de peinture Outils de dessin et de

Plus en détail

Mettre ses photos en ligne avec Picasa (Google)

Mettre ses photos en ligne avec Picasa (Google) Mettre ses photos en ligne avec Picasa (Google) Survol Organiser les photos efficacement dans Picasa Albums Diaporamas Montage photos Film Retouche photo Compression Partage Web 2 Qu est-ce que Picasa?

Plus en détail

COMPARAISON GRAHPIQUE DE DEUX VALEURS AVEC INCERTITUDE

COMPARAISON GRAHPIQUE DE DEUX VALEURS AVEC INCERTITUDE COMPARAISON GRAHPIQUE DE DEUX VALEURS AVEC INCERTITUDE Le but d une expérience de laboratoire est souvent de vérifier un résultat théorique à l aide d un montage. Puisqu il est impossible (sinon très rare)

Plus en détail

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign Nom :... Prénom :... Classe :... Techniques infographiques InDesign 1 Insertion de blocs textes et images (bases) a Création d un nouveau document...p04 b Le plan de travail...p05 c Les outils de base...p06

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Ergonomie des IHM Karim Sehaba Maître de Conférences en Informatique karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Université Lumière Lyon2 Conception Web Organisation du contenu Navigation

Plus en détail

FICHE 10 : MODIFIER LES OBJETS

FICHE 10 : MODIFIER LES OBJETS 1. SELECTIONNER UN OBJET FICHE 10 : MODIFIER LES OBJETS Avant d'éditer un objet (zone de texte, tableau, image, objet ), vous devez le sélectionner en cliquant au milieu de l'objet. Des petits carrés noirs

Plus en détail

Traitements de base d une image à l aide du logiciel PHOTOFILTRE

Traitements de base d une image à l aide du logiciel PHOTOFILTRE Traitements de base d une image à l aide du logiciel PHOTOFILTRE PhotoFiltre est un logiciel de retouche d images simple et intuitif, gratuit pour une utilisation privée, non commerciale ou éducative.

Plus en détail

Didacticiel du logiciel GIMP :

Didacticiel du logiciel GIMP : Didacticiel du logiciel GIMP : GIMP (GNU, Image, Manipulation, Programme) est un logiciel libre de modifications, de retouches et de création d images numériques. Il est doté de nombreux outils et filtres.

Plus en détail

Lignes directrices concernant le marqueur d annonce Comment les entreprises doivent utiliser l icône Choix de pub (AdChoices) et son texte.

Lignes directrices concernant le marqueur d annonce Comment les entreprises doivent utiliser l icône Choix de pub (AdChoices) et son texte. 1 Lignes directrices concernant le marqueur d annonce Comment les entreprises doivent utiliser l icône Choix de pub (AdChoices) et son texte Août 2015 2 Lignes directrices concernant le marqueur d annonce

Plus en détail

CHARTE GRAPHIQUE. Cahier de normes UNÎMES juin 2008. UNÎMES Charte graphique ÉTINCELLE

CHARTE GRAPHIQUE. Cahier de normes UNÎMES juin 2008. UNÎMES Charte graphique ÉTINCELLE CHARTE GRAPHIQUE Cahier de normes juin 2008 1 SOMMAIRE Introduction Présentation de la charte.............................. 03 Logotype Couleurs & Identité visuelle............................ 04 Autopsie

Plus en détail

ELECTROMAGNETISM EXEMPLES

ELECTROMAGNETISM EXEMPLES EXEMPLES 1. Représentation globale du champ électrique 2. Graphiques et export CSV sous Microsoft Excel 3. Configuration de Helmholtz 4. Condensateur plan 5. Limaille de fer autour d une bobine 6. Trajectoire

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Initiation Publisher. Karine PEREIRA

Initiation Publisher. Karine PEREIRA BUREAU de WINDOWS Lorsque vous allumez votre ordinateur, vous arrivez directement sur le bureau de WINDOWS. Ce bureau, qui occupe la surface entière de l écran, est différent d un utilisateur à l autre,

Plus en détail

Figure 6.3: Possibilité d exprimer son talent

Figure 6.3: Possibilité d exprimer son talent SÉANCE 6 Création de schémas 6.1 Présentation du logiciel «Draw» est un logiciel de dessin vectoriel et de PAO (Publication Assistée par Ordinateur). Avec ce logiciel, il vous est possible de créer divers

Plus en détail

INTRODUCTION au TABLEUR

INTRODUCTION au TABLEUR INTRODUCTION au TABLEUR La principale utilisation d un tableur est le calcul automatique de formules. Il est utilisé dans différents domaines de la gestion... Il est destiné à de multiples applications,

Plus en détail

Book Creator. Guide de prise en main rapide. Introduction

Book Creator. Guide de prise en main rapide. Introduction Version 3.4 - Avril 2015 Introduction Book Creator est une application qui permet de réaliser des livres numériques au format epub à lire sur une tablette. Son interface très simple permettra même aux

Plus en détail

Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003

Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003 Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003 Cahier de formation 5 Apprendre à utiliser les TIC dans la vie de tous les jours

Plus en détail

Charte graphigue du logo de l UNESCO

Charte graphigue du logo de l UNESCO Secteur des Relations extérieures et de l Information du public Charte graphigue du logo de l UNESCO Directives pour les logos secondaires Règles générales pour les logos secondaires : Combiner systématiquement

Plus en détail

Trépier avec règle, ressort à boudin, chronomètre, 5 masses de 50 g.

Trépier avec règle, ressort à boudin, chronomètre, 5 masses de 50 g. PHYSQ 130: Hooke 1 LOI DE HOOKE: CAS DU RESSORT 1 Introduction La loi de Hooke est fondamentale dans l étude du mouvement oscillatoire. Elle est utilisée, entre autres, dans les théories décrivant les

Plus en détail

TP3-Traitement de texte : Word

TP3-Traitement de texte : Word TP3-Traitement de texte : Word Objectifs : Mise en page d un document, sauts de pages, sauts de section, marges, numérotation des pages, mise en colonnes, encadrement d une page. Utilisation des éléments

Plus en détail

Table des matières Le Poche Excel Réf 4173

Table des matières Le Poche Excel Réf 4173 Table des matières Le Poche Excel Réf 4173 Présentation d'excel Fonctions et rôles d'un tableur Écran de travail Barres de menus Barres d'outils Barre de formule Zone de nom Barre d'état Classeurs, feuilles

Plus en détail

Produit par: Julie Robidoux. Demander autorisation avant d utiliser ce guide.

Produit par: Julie Robidoux. Demander autorisation avant d utiliser ce guide. Produit par: Julie Robidoux Demander autorisation avant d utiliser ce guide. Qui n a jamais rêvé de peindre des tableaux grandioses avec facilité? Dans ce guide, je vous présente une nouvelle forme d art.

Plus en détail

Office 2011 Word, Excel, PowerPoint et Outlook 2011 pour Mac

Office 2011 Word, Excel, PowerPoint et Outlook 2011 pour Mac L'environnement Lancer/quitter une application Office 20 11 Utiliser/gérer le ruban 12 Annuler/rétablir/répéter les manipulations 13 Personnaliser les barres d outils 15 Fonctions communes aux applications

Plus en détail

Sillage Météo. Notion de sillage

Sillage Météo. Notion de sillage Sillage Météo Les représentations météorologiques sous forme d animation satellites image par image sont intéressantes. Il est dommage que les données ainsi visualisées ne soient pas utilisées pour une

Plus en détail

Quelles sont les caractéristiques de la perception tactile manuelle chez les jeunes enfants et leurs conséquences cognitives?

Quelles sont les caractéristiques de la perception tactile manuelle chez les jeunes enfants et leurs conséquences cognitives? Quelles sont les caractéristiques de la perception tactile manuelle chez les jeunes enfants et leurs conséquences cognitives? Par Edouard GENTAZ Professeur de Psychologie, Université de Genève Habituellement,

Plus en détail

IFT2905 Interfaces personne-machine

IFT2905 Interfaces personne-machine IFT2905 Interfaces personne-machine Sébastien Roy Département d Informatique et de recherche opérationnelle Université de Montréal 9 janvier 2007 Université de Montréal Horaire et locaux Professeur : Sébastien

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 E mail : bij@agasc.fr www.agasc.fr. Word: La présentation

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 E mail : bij@agasc.fr www.agasc.fr. Word: La présentation Word: La présentation Introduction 2 ième partie Bien que le contenu du document soit le plus important, Word vous offre plusieurs options pour améliorer la présentation du texte. Cette page va vous montrer

Plus en détail

Leçon N 11 Faire un Album de photo avec ALBELLI 1 ère partie

Leçon N 11 Faire un Album de photo avec ALBELLI 1 ère partie Leçon N 11 Faire un Album de photo avec ALBELLI 1 ère partie Maintenant que vous avez vu comment traiter vos photos, nous allons nous intéresser à composer un album de photos. L année dernière, pour ceux

Plus en détail

Parcours Ingénieur Polytech. Mini-projets. Banque d images. Auteur : Encadrant : Jonathan Courtois

Parcours Ingénieur Polytech. Mini-projets. Banque d images. Auteur : Encadrant : Jonathan Courtois École Polytechnique de l Université de Tours 64, Avenue Jean Portalis 37200 TOURS, FRANCE Tél. (33)2-47-36-14-14 Fax (33)2-47-36-14-22 www.polytech.univ-tours.fr Parcours Ingénieur Polytech Mini-projets

Plus en détail

Contenu Microsoft Access 2010

Contenu Microsoft Access 2010 Contenu Microsoft Access 2010 Module 1 Environnement Access 2010 Fichiers d apprentissage Logiciel Access 2010 Base de données Lancement d Access 2010 Ouverture d une base de données Fenêtre Access 2010

Plus en détail

GUIDE Word (version intermédiaire) Version 2013

GUIDE Word (version intermédiaire) Version 2013 GUIDE Word (version intermédiaire) Version 2013 Table des matières 1. Les rubans... 2 2. Pagination... 4 3. En-tête et pied de page... 4 4. Note de bas de page ou des notes de fin de document... 6 5. Table

Plus en détail

RECADRER UNE IMAGE. Sélectionnez l outil recadrage dans la palette d outils.

RECADRER UNE IMAGE. Sélectionnez l outil recadrage dans la palette d outils. 1 SOMMAIRE 1. Recadrer une image 2. Redresser la perspective d une image 3. Encadrer un tableau 4. Les filtres 5. Supprimer des éléments indésirables 6. Incruster une image 7. Les outils de sélections

Plus en détail

Plan d exploitation. Sommaire

Plan d exploitation. Sommaire Sommaire Identification... 3 Saisie de vos identifiants de connexion... 3 Choix du service... 4 Installation de la cartographie... 4 Outils du plan d exploitation... 4 1) Affichage des outils de classement...

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

Module Communication - Messagerie V6. Infostance. Messagerie

Module Communication - Messagerie V6. Infostance. Messagerie 1 Infostance Messagerie 2 Table des matières Les droits... 3 La boîte de réception... 4 Fonctionnalités disponibles via le clic droit sur un message... 6 Ecrire un nouveau message... 7 Présentation...

Plus en détail

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

Publier une Actualité ou un Evenement

Publier une Actualité ou un Evenement Site Web de l association des ingénieurs INSA de Lyon Publier une Actualité ou un Evenement Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

PF2S CHARTE GRAPHIQUE

PF2S CHARTE GRAPHIQUE CHARTE GRAPHIQUE Le pôle de formation santé et social s est muni d une charte graphique permettant de déployer son logotype sur tout les supports réalisés pour et par les composantes ou les services, ainsi

Plus en détail

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

Plus en détail

Ouvrir le compte UQÀM

Ouvrir le compte UQÀM Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!

Plus en détail

FICHE 3 : LES BARRES D OUTILS DE WORD

FICHE 3 : LES BARRES D OUTILS DE WORD 1. L ÉCRAN DE WORD FICHE 3 : LES BARRES D OUTILS DE WORD Lorsque vous lancez Word, vous obtenez l écran suivant : Barre des menus Barre des titres Barre d outils standard Symbole de fin de paragraphe Barre

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Programme de Formation Office 2011 pour Mac Word, Excel, PowerPoint et Outlook 2011 pour Mac

Programme de Formation Office 2011 pour Mac Word, Excel, PowerPoint et Outlook 2011 pour Mac L'ENVIRONNEMENT Lancer/quitter une application Office 20 Utiliser/gérer le ruban Annuler/rétablir/répéter les manipulations Personnaliser les barres d outils FONCTIONS COMMUNES AUX APPLICATIONS Créer/ouvrir/enregistrer/fermer

Plus en détail

GENERALITES ANALYSE ET ETUDES DE MARCHE MASTER 2 MARKETING ET COMMUNICATION COMMERCIALE E.MARTIN VERDIER 2012/2013. Photoshop

GENERALITES ANALYSE ET ETUDES DE MARCHE MASTER 2 MARKETING ET COMMUNICATION COMMERCIALE E.MARTIN VERDIER 2012/2013. Photoshop GENERALITES ANALYSE ET ETUDES DE MARCHE MASTER 2 MARKETING ET COMMUNICATION COMMERCIALE E.MARTIN VERDIER 2012/2013 Photoshop Présentation des différents outils On peut regrouper les outils de Photoshop

Plus en détail

F.A.Q 1.0 Designer 3D Atex System

F.A.Q 1.0 Designer 3D Atex System -Sommaire- 1-Comment installer le logiciel?...2 2-Comment créer un projet?...3 3-Comment ouvrir un projet?...4 4-Comment se déplacer en 2D & 3D?...5 5-Comment ajouter des composants?...6 1-Comment installer

Plus en détail

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE ETAPE 1 : CREATION DU QUESTIONNAIRE SIMPLE Nous allons concevoir un questionnaire sur les moyens de communications. Pour créer un formulaire, cliquez sur

Plus en détail

Guide de couleurs Adobe Illustrator CS3

Guide de couleurs Adobe Illustrator CS3 Le panneau Guide de couleurs Adobe Illustrator CS3 Dans les notions de couleurs dynamiques, une nouveauté apparaît, le panneau guide de couleurs. L objectif est de concevoir rapidement des combinaisons

Plus en détail

Formation sur Photoshop. Photoshop

Formation sur Photoshop. Photoshop Photoshop Photoshop est un logiciel de retouche de photos et de dessins. Ce programme est le meilleur et le plus reconnu en ce qui a trait à la retouche de photos. Avec une connaissance de base du logiciel,

Plus en détail

Microsoft Office 2013 : Word, Excel, PowerPoint, Outlook 2013 Fonctions de base

Microsoft Office 2013 : Word, Excel, PowerPoint, Outlook 2013 Fonctions de base Environnement Office Lancer/quitter une application Office 2013 9 Utiliser/gérer le ruban 10 Annuler les actions 12 Modifier le zoom d affichage 13 Interface Word Découvrir l écran de travail 15 Afficher/masquer

Plus en détail

PRÉSENTATION Série Découverte Volet no 1

PRÉSENTATION Série Découverte Volet no 1 PRÉSENTATION Série Découverte Volet no 1 Construction d albums souvenirs avec Power Point Comment regrouper des images et des photos, y ajouter du texte, une trame musicale ou un commentaire vocal, et

Plus en détail

MESSAGERIE ÉLECTRONIQUE

MESSAGERIE ÉLECTRONIQUE MESSAGERIE ÉLECTRONIQUE OUTLOOK EXPRESS DE MICROSOFT VERSION 5 1. LE «COURRIEL», «COURRIER ÉLECTRONIQUE», «MESSAGE ÉLECTRONIQUE», LES «E-MAILS» C EST QUOI ET ÇA SERT À QUOI? Premièrement, tous ces mots

Plus en détail

Pour le renouvellement de la sémiologie de la carte de flux

Pour le renouvellement de la sémiologie de la carte de flux Thème 3 : la sémiologie usages et renouveau Pour le renouvellement de la sémiologie de la carte de flux Françoise Bahoken Représenter sur une carte toute l information disponible dans une matrice de flux,

Plus en détail

WORD - PUBLIPOSTAGE. Notions abordées

WORD - PUBLIPOSTAGE. Notions abordées WORD - PUBLIPOSTAGE Notions abordées Lettre à personnaliser Base de données Assistant de publipostage MISE EN SITUATION Vous êtes responsable d un centre de loisirs. Vous organisez une campagne de financement

Plus en détail

On peut faire des ajustements avec le bouton «Baseline». Pour cela, utiliser la boîte de dialogue suivante

On peut faire des ajustements avec le bouton «Baseline». Pour cela, utiliser la boîte de dialogue suivante Coupe 3D : Montre un graphique en 3D des différentes valeurs de pixels sur une image en niveaux de gris ou en fausses couleurs. Cela crée une pile de points lorsque la source est une pile d images. Certains

Plus en détail

Flash CS5. A - L environnement auteur de Flash

Flash CS5. A - L environnement auteur de Flash 1 Flash CS5 L objectif de cet apprentissage CS5 est de comprendre les concepts utilisés par le logiciel, et la manière dont il travaille. La description des outils ne sera donc pas exhaustive. Les différents

Plus en détail

Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010

Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010 Initiation à SPIP Système de Publication pour l'internet Partagé mercredi 28 juillet 2010 Sommaire 2 I. Introduction II. Architecture d un site SPIP IV. Conclusion V. Documentation VI. Questions I. Introduction

Plus en détail

Comment insérer une image de fond?

Comment insérer une image de fond? COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document

Plus en détail

Initiation à LabView : Les exemples d applications :

Initiation à LabView : Les exemples d applications : Initiation à LabView : Les exemples d applications : c) Type de variables : Créer un programme : Exemple 1 : Calcul de c= 2(a+b)(a-3b) ou a, b et c seront des réels. «Exemple1» nom du programme : «Exemple

Plus en détail

Créer un fichier PSD de travail avec plusieurs calques d images et un calque de texte

Créer un fichier PSD de travail avec plusieurs calques d images et un calque de texte Créer un fichier PSD de travail avec plusieurs calques d images et un calque de texte Sur une page Web de mon site consacré aux champignons de ma région, je veux afficher sur une page Amanites plusieurs

Plus en détail

Pour augmenter la taille du texte, plusieurs possibilités sont disponibles :

Pour augmenter la taille du texte, plusieurs possibilités sont disponibles : Agrandir le texte A l'ouverture de la page, l'écran contient l'ensemble de la fiche. Ceci vous permet de visualiser l'architecture de la fiche, mais peut rendre difficile la lecture du texte. Pour augmenter

Plus en détail

Comment intégrer des images dans un texte

Comment intégrer des images dans un texte Quoi de plus utile que de pouvoir ajouter une image, un graphique à un commentaire afin d étoffer celui-ci. C est possible de le faire de plusieurs façon dans le forum Météocentre. Cependant il faut limiter

Plus en détail

GUIDE D UTILISATION DU SERVICE ELBAPRINT

GUIDE D UTILISATION DU SERVICE ELBAPRINT Pré-Requis Logiciels Etape 1 : S identifier ou créer son espace Etape 2 : Choisir son format d étiquette Etape 3 : Choisir son décor ou travailler sur étiquette vierge Etape 4 : Importer ses données dans

Plus en détail

sommaire VOTRE PAPETERIE 01 INTRODUCTION UTILISER VOTRE LOGO Têtes de lettre 1 Le logotype seul / avec signature Enveloppes

sommaire VOTRE PAPETERIE 01 INTRODUCTION UTILISER VOTRE LOGO Têtes de lettre 1 Le logotype seul / avec signature Enveloppes 0 sommaire 0 INTRODUCTION 02 VOTRE PPETERIE 01 UTILISER VOTRE LOGO 11 Têtes de lettre 1 Le logotype seul / avec signature 12 Enveloppes 2 Version / version quadri 13 Cartes de visite / Correspondance 3

Plus en détail

guide des normes graphiques identité visuelle image de marque abitibi-témiscamingue

guide des normes graphiques identité visuelle image de marque abitibi-témiscamingue guide des normes graphiques identité visuelle image de marque abitibi-témiscamingue Pourquoi une image de marque? Le renforcement de l attractivité de l Abitibi-Témiscamingue est, sans aucun doute, le

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 3 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 3 pour WINDOWS Barre de titre Barre des menus Barre de commande (icônes

Plus en détail

Fiche n 1 Interface & Prise en main de Scribus

Fiche n 1 Interface & Prise en main de Scribus Fiche n 1 Interface & Prise en main de Scribus Table des matières 1- Quelques conseils en P.A.O...1 1.1- La mise en page...1 1.2- Les formats de fichiers...1 1.3- Le travail collaboratif...1 1.4- La sauvegarde

Plus en détail

Guide de formation avec exercices et cas pratiques. Excel 2013. initiation. Philippe Moreau. TSoft et Groupe Eyrolles, 2013, ISBN : 978-2-212-13811-5

Guide de formation avec exercices et cas pratiques. Excel 2013. initiation. Philippe Moreau. TSoft et Groupe Eyrolles, 2013, ISBN : 978-2-212-13811-5 Guide de formation avec exercices et cas pratiques Excel 2013 initiation Philippe Moreau TSoft et Groupe Eyrolles, 2013, ISBN : 978-2-212-13811-5 LES DONNÉES LES CALCULS LE RÉSULTAT Tsoft/Eyrolles Excel

Plus en détail

Guide d utilisation du logiciel Regard

Guide d utilisation du logiciel Regard Guide d utilisation du logiciel Regard version complète LE MODULE DE CIRCULATION 0 Conception : Chantal Vézina, bibliothécaire Réalisation : Bibliothécaires, Commission scolaire de Laval Équipe du CRP,

Plus en détail

Document 1 : modélisation d un appareil photographique

Document 1 : modélisation d un appareil photographique PCSI1-Lycée Michelet 2014-2015 APPROCHE DOCUMENTAIRE : appareil photo numérique Extrait du programme : en comparant des images produites par un appareil photographique numérique, discuter l influence de

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

RETOUCHER SES PHOTOS AVEC PHOTOFILTRE

RETOUCHER SES PHOTOS AVEC PHOTOFILTRE RETOUCHER SES PHOTOS AVEC PHOTOFILTRE 1- TELECHARGEMENT ET INSTALLATION DE PHOTOFILTRE PhotoFiltre est un logiciel de retouche photo gratuit. Il est simple d utilisation et téléchargeable sur Internet.

Plus en détail

Procédurier des principales fonctions

Procédurier des principales fonctions SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations

Plus en détail

NOUVELLE INTERFACE POWERPOINT 2013

NOUVELLE INTERFACE POWERPOINT 2013 NOUVELLE INTERFACE POWERPOINT 2013 Barre de lancement rapide Onglets Groupe Fonctions Commande Lanceur boîte de dialogue(options) Ruban PROCEDURE D UTILISATION D UN MASQUE DE DIAPOSITIVE Nouveau document

Plus en détail

Formation tableur niveau 5 (Excel 2013)

Formation tableur niveau 5 (Excel 2013) Formation tableur niveau 5 (Excel 2013) L objectif général de cette formation est d améliorer les graphiques créés avec Excel pour qu ils soient plus percutants et de créer des graphiques originaux. Sommaire

Plus en détail

SNAKE. Programmation du jeu SNAKE sur la console Windows en C sous l IDE Devcpp. Copie d écran du jeu

SNAKE. Programmation du jeu SNAKE sur la console Windows en C sous l IDE Devcpp. Copie d écran du jeu SNAKE Programmation du jeu SNAKE sur la console Windows en C sous l IDE Devcpp Copie d écran du jeu Principe de fonctionnement du jeu : le serpent avance automatiquement, le joueur ne peut agir que sur

Plus en détail

AL5L Architecture logicielle. Séance 1 Introduction

AL5L Architecture logicielle. Séance 1 Introduction AL5L Architecture logicielle Séance 1 Introduction Sébastien Combéfis lundi 10 novembre 2014 Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution Pas d Utilisation

Plus en détail

Diamètre principal règle la taille du Pinceau en faisant varier son diamètre.

Diamètre principal règle la taille du Pinceau en faisant varier son diamètre. Au fils du temps, Photoshop qui est à la base un logiciel de photogravure a étendu ses capacités. Une voie de l'évolution a été d'étoffer l'offre des options des outils de dessin afin d'obtenir des rendus

Plus en détail

Fonctions principales du logiciel : Zone de texte libre Zone de texte automatique Fonction «multiplaque» ou «matrix» Vectorisation d image noir et

Fonctions principales du logiciel : Zone de texte libre Zone de texte automatique Fonction «multiplaque» ou «matrix» Vectorisation d image noir et Fonctions principales du logiciel : Zone de texte libre Zone de texte automatique Fonction «multiplaque» ou «matrix» Vectorisation d image noir et blanc Outils de dessin et de modelage Utilisation de la

Plus en détail

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE Edités par la Mobile Marketing Association France, juin 2010 http://www.mmafrance.org La Mobile Marketing Association France, association

Plus en détail