o MAQUETTER SON PROJETmoncoursdetechno.free.fr/IMG/pdf/maquetter_smartphone.pdf · 2015-10-26 ·...
Transcript of o MAQUETTER SON PROJETmoncoursdetechno.free.fr/IMG/pdf/maquetter_smartphone.pdf · 2015-10-26 ·...
Balsamiq MOCKUPS lchastain - Novembre 2015
BALSAMIQ MOCKUPS
CREER UN NOUVEAU PROJET
Smartphone/Arduino
MAQUETTER SON PROJET
Lancer le logiciel
"Balsamiq Mockups"
1
Double-cliquer sur "New Balsamiq
Project1"...
2
... et Nommer le projet
3
Double-cliquer sur "New Balsamiq
Project1"...
4
... et Nommer le Mockup
5
!!!!!!!!!
!
!!!!!!!!!!![ ! ]2
Ouvrir l'onglet "iOS"
6
Glisser-Déposer l'image du Smartphone sur le plan de
travail
7
Ouvrir l'onglet "Icons"
8
Glisser-Déposer le symbole
"androïd" sur le plan de travail
9
MAQUETTER SON MOCKUP (SMARTPHONE VERSION PORTRAIT)
Ouvrir l'onglet "Buttons"
10
!
!!!!!
Glisser-Déposer le symbole
"Button" sur le plan de travail...
11
... et Nommer ce bouton
12
Répéter ces manipulations
afin d'obtenir ceci :
!
!!!!!
Ouvrir l'onglet "Text"
13
Glisser-Déposer le symbole
"Label" sur le plan de travail...
14
... et Modifier ce texte
15
... et Modifier la couleur du texte
16
!
!!!!!
Répéter ces manipulations
ajouter le nom du concepteur :
INSÉRER UNE IMAGE
Ouvrir l'onglet "Media"
17
Glisser-Déposer le symbole
"Image" sur le plan de travail...
18
... et nommer cette image
19
Double-clic sur le symbole de
l'image et sélectionner la photo depuis son ordinateur
20
!
!!!!!
CLONER SON MOCKUP
Faire un clic-droit sur le MOCKUP
--> Clone
22
Faire un clic-droit sur le MOCKUP copy
--> Rename
23
modifier le nom de la copie du
MOCKUP
24
Ajuster sa taille
21
!!!!!
MAQUETTER SON MOCKUP (SMARTPHONE VERSION PAYSAGE)
Modifier la disposition des éléments
Modifier l'orientation du SMARTPHONE
25
26
Bon bèh...je crois que tu as
droit à une pause !