100% ont trouvé ce document utile (5 votes)
5K vues28 pages

Introduction Au Design Graphique Sur Mobile

Ce document introduit le design graphique sur mobile. Il présente les bases du graphisme et ses composants comme la typographie, la couleur, les images, les formes et lignes. Le document décrit également l'application PixelLab et comment la utiliser pour créer des conceptions graphiques sur mobile.

Transféré par

Nariz
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
100% ont trouvé ce document utile (5 votes)
5K vues28 pages

Introduction Au Design Graphique Sur Mobile

Ce document introduit le design graphique sur mobile. Il présente les bases du graphisme et ses composants comme la typographie, la couleur, les images, les formes et lignes. Le document décrit également l'application PixelLab et comment la utiliser pour créer des conceptions graphiques sur mobile.

Transféré par

Nariz
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

JESUGO DESIGN ACADEMY 1.

2
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

TABLE DES MATIERES


INTRODUCTION.................................................................................................................................................... 5
CHAPITRE I : A la découverte du graphisme .............................................................................................. 7
I. Généralités sur le Graphisme ................................................................................................................. 7
1. C’est quoi le Graphisme ? ................................................................................................................... 7
2. Les types de Design .............................................................................................................................. 7
2.1. L’identité visuelle ................................................................................................................................ 8
2.2. Le marketing et la publicité ............................................................................................................ 8
2.3. L’édition ................................................................................................................................................ 9
2.4. Le packaging ...................................................................................................................................... 9
2.5. L’interface utilisateur ....................................................................................................................... 10
2.6. Le motion design .............................................................................................................................. 10
2.7. L’illustration ........................................................................................................................................ 11
3. Quelle est l’utilité du Graphisme ? .................................................................................................. 11
4. Quelles sont les qualités d’un bon graphiste ? ............................................................................ 12
4.1. La patience........................................................................................................................................ 12
4.2. La capacité de voir les critiques de façon constructive ...................................................... 12
4.3. La cohérence.................................................................................................................................... 12
4.4. L’apprentissage continuel ............................................................................................................. 12
4.5. Être à l’écoute et rester posé........................................................................................................ 13
4.6. Prendre de réfléchir et de représenter votre imagination sur papier ............................... 13
5. Les principes du graphisme .............................................................................................................. 13
5.1. Le contraste ....................................................................................................................................... 13
5.2. L’uniformité......................................................................................................................................... 13
5.3. Le rythme............................................................................................................................................ 14
5.4. L’alignement ...................................................................................................................................... 14
5.5. La simplicité ....................................................................................................................................... 14
5.6. Les couleurs ....................................................................................................................................... 14
5.7. La typographie ................................................................................................................................. 15
5.8. L’espacement ................................................................................................................................... 15
II. Composants du Design Graphique .................................................................................................... 16
1. La typographie ..................................................................................................................................... 16
1.1. La typographie et la communication ........................................................................................ 17

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
3
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

1.2. La typographie et le web .............................................................................................................. 17


2. La couleur .............................................................................................................................................. 19
2.1. Comprenons les couleurs… .......................................................................................................... 19
2.2. La perception et la signification des couleurs ........................................................................ 19
3. La place de l’image ............................................................................................................................ 21
4. Formes et Lignes ................................................................................................................................... 22
4.1. Utilisation des lignes dans votre conception ........................................................................... 23
4.2. Utilisation des formes dans votre conception ......................................................................... 23
5. Les arrière-plans ou Backgrounds .................................................................................................. 23
CHAPITRE II : Introduction au Graphisme Mobile avec PixelLab et sa suite .................................. 25
I. Graphisme et Applications Mobiles ................................................................................................... 25
II. Démarrer avec PixelLab ........................................................................................................................ 27
6. Prise en main de PixelLab.................................................................................................................. 27
6.1. Tailles et Images ............................................................................................................................... 27
6.2. Menu de bas et Boutons optionnels ........................................................................................... 27
7. Outils avancés et Introduction aux conceptions graphiques dans PixelLab ..................... 28

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
4
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

INTRODUCTION
Depuis quelques années, la technologie évolue de façon fulgurante, à vitesse
de croisière. Cette révolution a conduit à la numérisation de presque tout et,
maintenant plus que jamais, à la digitalisation de toutes les activités. Ce qui donna
lieu au terme business en ligne.
Puisque vous lisez ce livre dans l’espoir de vous faire une place dans cet
univers, vous vous demandez certainement les moyens de se faire de l’argent en ligne.
Plusieurs chemins existent pour vous aider à tirer meilleur profit d’Internet et nous
pouvons vous énumérer ceux-ci : apprenez et maitrisez une compétence, Faites de
l’affiliation des produits d’une plateforme, devenez influenceur, entrez sur le marché
des cryptomonnaies, devenez scammeur etc.
Tous ces moyens vous permettent, si vous vous concentrez, à télécharger
beaucoup d’argent. Mais le plus facile, sans stress, de ces moyens reste l’acquisition
d’une compétence. Vous devez savoir que l’argent n’est qu’un intermédiaire des
échanges. Du coup, il faut un bien ou un service à échanger contre satisfaction d’un
client pour obtenir de l’argent. Non pas l’acquisition d’une compétence au hasard
mais l’acquisition d’une compétence à forte demande pouvant générer un maximum
de revenus. Pourquoi ?
Nous sommes dans un monde digital où vous et moi faisons des transactions
en ligne. Nous pouvons facilement faire toutes nos opérations en ligne. Vous voyez,
plusieurs activités se digitalisent dans le but de vendre et tout.
Laissez-moi nous informer que notre smartphone est capable de faire
beaucoup de choses et ce qui est maintenant intéressant, il est capable de nous faire
lever des fonds. Parce qu’un vaste marché est disponible et a besoin des travailleurs
qui aimeraient aider à opérer convenablement la transition digitale. Il s’agit ici des
gens qui veulent aider à faciliter les divers flux d’activités en ligne. Tout comme sur un
marché physique où nous avons besoin d’un vendeur, nous en avons aussi besoin en
ligne. Ceux-là sont appelés des travailleurs digitaux.
Digitaliser signifie tout simplement mettre en ligne. Pour que les travailleurs
digitaux soient efficaces, il leur faut apprendre une compétence adéquate. D’où se
dégage la notion de compétences digitales.
Les compétences digitales sont ces compétences que nous acquérons dans
le but d’aider les marques et les particuliers à positionner efficacement et en toute
confiance leurs activités en ligne. Quelques-unes de ces compétences sont : le Design
Graphique (Graphisme), le Copywriting, l’Infopreneuriat ou le Marketing Digital.
La compétence la plus facile et la rapide à apprendre et monétiser est le
Design Graphique. Vous n’avez pas besoin d’un capital monstrueux, vous n’avez pas
besoin d’un entrepôt, d’une boutique, vous gagnez en temps et vous n’avez pas de
superviseur. Plus génial, vous avez la possibilité de faire valoir votre expertise même à
l’étranger en travaillant depuis votre lit. N’est-ce pas bien ça ? Entre temps, il fallait
avoir nécessairement un PC mais aujourd’hui, votre smartphone peut changer votre

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
5
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

vie. A partir d’aujourd’hui, trouvez-lui une utilité financière. Faites de ça votre machine
à sous ou jetez-le. Je ne le dis par pour faire genre mais c’est réel.
Notons quand même que le graphisme ne devient une source de revenus
que lorsque vous prenez le temps de le maitrisez et 07 jours ne suffiront pas pour
atteindre cet idéal. C’est à coût d’exercices continuels et de recherches qu’on
s’améliore.
Nous vous plongeons à travers ces quelques lignes dans les profondeurs du
design graphique.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
6
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

CHAPITRE I : A la découverte du graphisme

I. Généralités sur le Graphisme


1. C’est quoi le Graphisme ?
Selon Wikipédia, le graphisme est une discipline qui consiste à créer, choisir et
utiliser des éléments graphiques pour élaborer un objet de communication et/ou de
culture. C'est une manière de représenter. Chacun des éléments est symbolique et
signifiant dans la conception du projet, selon les axes définis éventuellement avec
d'autres intervenants du domaine de la communication, dans le but de promouvoir,
d'informer ou d'instruire.

Pour Annick Lantenois, « le design graphique peut être défini comme le


traitement formel des informations et des savoirs. Le designer graphique est alors un
médiateur qui agit sur les conditions de réception et d’appropriation des informations
et des savoirs qu’il met en forme. »

Votre design doit être à même de s’exprimer dès qu’on le regarde. Il doit pouvoir
passer très rapidement le message en un clin d’œil, en quelques secondes.

Quand une bonne conception graphique est réalisée, l’on devra être en
mesure de connaitre immédiatement le message qu’elle passe avant même de la lire
par la raison, selon la manière dont les éléments seront harmonieusement utilisés.

Typographies (Fonts), Couleurs, Formes, Desseins, Images sont autant


d’éléments exploités dont mise en commun donne un magnifique design, agréable à
la vue.

Depuis quelques années, le terme Graphiste se substitue au Designer graphique et l’on parle
de « Designer graphique » pour désigner un graphiste.

2. Les types de Design


Le design graphique étant une discipline qui consiste à utiliser une composition
visuelle pour résoudre un problème et exprimer une idée ou passer un message, il
n’existe pas qu’une seule façon de faire cela et c’est pourquoi on compte plusieurs
types de design, chacun avec ses attributs propres.

Bien qu’ils aient de similitudes, chacun des types de design graphique fait appel
à des compétences et des techniques bien précises. Nombreux sont les graphistes qui
se spécialisent dans un seul type de design. D’autres préfèrent développer des
compétences dans plusieurs domaines liés les uns aux autres. Mais parce que ce
secteur d’activité est en constante évolution, les graphistes doivent être capables de
s’adapter et d’apprendre de nouvelles techniques tous les jours, de sorte à changer
ou à ajouter des domaines de spécialité à leur offre.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
7
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

2.1. L’identité visuelle


L’identité visuelle est l’ensemble des éléments graphiques qui permettent
d’identifier une entreprise ou une organisation.

Les graphistes qui se spécialisent en design d’identité visuelle collaborent avec


les décisionnaires d’une marque pour créer une série d’éléments, comme un logo,
une typographie, une palette de couleurs, et une bibliothèque d’images qui
représentent la personnalité de la marque. En plus des traditionnelles cartes de visite
et autres éléments de papeterie, les graphistes mettent au point une charte graphique
servant de référence pour tous les besoins graphiques à venir, sur tous les canaux de
communication. Ces directives permettent de créer une certaine cohérence dans
l’identité de la marque.

Les graphistes spécialisés en identité visuelle doivent avoir une bonne


connaissance générale de tous les types de design graphique, de sorte à créer des
éléments utilisables sur tous les canaux. Ils doivent aussi posséder d’excellentes
compétences relationnelles, des facilités de conceptualisation et un bon sens créatif,
ainsi qu’avoir envie de toucher les gens en fonction du secteur d’activité, des
tendances et de la compétition.

2.2. Le marketing et la publicité


Lorsqu’on parle de design graphique, la plupart des gens pensent qu’il s’agit de
designs créés pour le marketing et la publicité.

Les entreprises comptent sur la réussite de leurs campagnes de marketing pour


influencer les décisions de leur audience cible. Un marketing efficace engage les gens
en fonction de leurs désirs, besoins, connaissances et satisfactions d’un produit, d’un
service, ou d’une marque. Étant donné que les contenus visuels sont toujours plus
engageants que du texte seul, les graphistes aident les organisations à se promouvoir
et à communiquer de manière efficace.

Les graphistes spécialisés en marketing travaillent avec les directeurs


d’entreprises, les managers, ou encore les marketeurs pour créer des éléments utiles
aux stratégies marketing de leurs clients. Ils sont parfois en freelance ou sont employés
au sein d’une entreprise et font partie d’une équipe. Les graphistes peuvent se
spécialiser dans un média en particulier (publicité dans les magazines, publicité sur
véhicules, par exemple), ou au contraire travailler sur tous les supports, digitaux ou pas.
Si ce type de graphisme est traditionnellement concentré sur les designs « print », le
digital prend désormais de plus en plus de place, surtout en ce qui concerne le
marketing de contenu.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
8
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

Exemples de design graphique marketing

 Cartes postales et flyers


 Magazines et publicités dans la presse
 Affiches, bannières, et panneaux publicitaires
 Infographies
 Brochures (imprimées et digitales)
 Menus
 Publicités sur les réseaux sociaux, bannières et graphiques
 Etc…

2.3. L’édition
L’édition est un domaine généralement associé avec des publications longues,
largement distribuées. On pensera notamment à tous les supports imprimés : livres,
journaux, magazines et catalogues. Cependant, les publications digitales connaissent
depuis quelque temps une certaine popularité.

Les graphistes spécialisés dans ce domaine travaillent avec des éditeurs et


maisons d’édition pour créer la mise en page de leurs publications, et choisir la
typographie et toute image qui accompagne le texte. Il peut s’agir de photos, de
graphiques, ou d’illustrations. Ces graphistes-là exercent leur profession en freelance,
au sein d’une agence, ou tout simplement en tant qu’employés d’une maison
d’édition.

Exemples de design graphique d’édition

 Livres
 Newsletters
 Magazines
 Catalogues

Les graphistes spécialisés en édition doivent posséder d’excellentes


compétences relationnelles, maîtriser la mise en page, et être bien organisés. En plus
d’être de véritables experts en design graphique, ils doivent avoir une bonne
compréhension de la couleur, des techniques d’impression et de publication digitale.

2.4. Le packaging
La plupart des produits ont besoin d’un emballage, de sorte à pouvoir être
stockés, distribués et vendus. Mais le design du packaging peut aussi être un
formidable outil pour communiquer tout un tas d’information aux consommateurs, ce
qui en fait un excellent outil marketing ! Chaque boîte, bouteille, sac, canette, et
conteneur représente une occasion de raconter l’histoire de la marque.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
9
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

Les graphistes spécialisés en packaging trouvent des concepts, réalisent des


maquettes, et créent des fichiers prêts à être imprimés pour l’emballage d’un produit.
Cela requiert une connaissance pointue des techniques d’impression ainsi qu’une
bonne compréhension des processus de fabrication. Parce que le design de
packaging rassemble énormément de disciplines, il est courant de voir les graphistes
spécialisés dans ce domaine créer également d’autres éléments, comme des
photographies, des illustrations, ou encore des identités visuelles complètes.

Les graphistes packaging sont soit extrêmement polyvalents, soit au contraire


très spécialisés dans un type d’emballage (étiquettes, ou canettes, par exemple) ou
dans un secteur d’activité (agroalimentaire, ou jouets pour enfants, par exemple). Leur
travail demande une grande capacité de conceptualisation, en plus de très bien
connaître les processus d’impression et du design industriel. Ils doivent être flexibles de
sorte à accommoder leurs clients, les marketeurs, les fabricants, et être toujours au fait
des dernières tendances.

2.5. L’interface utilisateur


Le Design UI/UX, autrefois à la mode, est maintenant un domaine de design
incroyablement compétitif. Les designers d’expérience utilisateur sont au cœur de
l’expérience client, et les entreprises investissent sérieusement dans ces rôles. Sans un
examen attentif de l’expérience utilisateur d’un produit, vous risquez de perdre une
tonne d’activité et une tonne de ressources. Nous pouvons ainsi dire sans nous tromper
que le besoin de designers UX ne disparaîtra pas maintenant.

Libre à vous d’embrasser ce domaine du design graphique. Notons quand


même que vous devez avoir des connaissances poussées en CSS (Cascading Style
Sheets) et en javascript ainsi que dans des Framework associés.

2.6. Le motion design


L’animation étant devenue un ensemble de compétences incroyablement
souhaitable. Puisqu’elle a été identifiée par les designers comme la principale
compétence qu’ils souhaitent acquérir au cours des prochaines années pour
progresser dans leur carrière.

La bonne nouvelle est que, quelle que soit la compétence de design dans
laquelle vous vous spécialisez, le motion design peut être appliqué à presque tous les
types de design. Que ce soit pour des interactions Web ou des animations d’interface
utilisateur, en passant par les illustrations statiques ou le branding. Les artistes
multimédias sont en forte demande. Il n’est pas surprenant que les motion designers
soient parmi les types de designers les plus demandés Et il est naturel que nous nous
attendions à ce que le besoin pour ce rôle continue de croître.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
10
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

2.7. L’illustration
Il est révolu le temps où l’illustration ne pouvait être trouvée que sur papier. Avec
l’ère numérique croissante, l’illustration a lentement commencé à se développer dans
le design de produits. En effet, les grandes et petites marques commencent à
comprendre la valeur que l’illustration personnalisée peut apporter à leur entreprise.

Nous voyons que de plus en plus de géants de la technologie commencent à


adopter cette forme d’art. Ce qui fait du design illustratif un élément déterminant de
nombreuses identités de marque. Ce bonheur que procure l’illustration aux grandes
marques influence à son tour d’autres marques pour qui se lancent dans l’action.

Ne vous inquiétez pas chers designers, c’est à notre avantage…

Si vous êtes un magicien de l’un au moins des logiciels de la suite Adobe ou


même que vous savez utiliser des applications de graphisme pour Android, sachez que
vous êtes éligible et recherchez par ce grand nombre d’entreprises et de personnes
qui vous attend.

3. Quelle est l’utilité du Graphisme ?


C’est indéniable, nous sommes dans une société de l’apparence, avec toutes
les dérives que cela entraîne. Et le processus de vente dépend du nombre de client
qu’une entreprise réussit à atteindre. Il est donc indispensable de travailler l’image de
votre société. Le graphisme, la charte graphique, est la première chose que voit le
client, « la première impression est toujours la bonne » dit-on, il faut alors faire « bonne
impression ». Une bonne image va donner une impression de confiance, parfois
inconsciente, au prospect ou, au mieux, au client. Enfin, une bonne charte graphique
permet au prospect de retenir l’image, la marque d’une entreprise et de l’intégrer très
facilement dans son univers. Il est donc important de produire des designs parlants et
il convient de savoir utiliser chacun des composants de votre conception.

Le graphisme n’est plus un luxe, c’est une nécessité.

La charte graphique est un guide comprenant les recommandations


d’utilisation et les caractéristiques des différents éléments graphiques (logo, couleurs,
polices, typographies, symboles, calques, …) qui peuvent être utilisés sur les différents
support de communication d’une entreprise ou d’une organisation.

La charte graphique permet de garantir l’homogénéité et la cohérence de la


communication visuelle au sein et en dehors d’une entreprise ou d’une organisation.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
11
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

4. Quelles sont les qualités d’un bon graphiste ?


Le designer graphique doit avoir certaines qualités et cultiver certaines
habitudes afin d’offrir le meilleur de sa créativité aux clients. Nous pouvons énumérer
entre autres qualités :

4.1. La patience
Elle la plus grande et la plus importante qualité à observer pour être un bon
graphiste. Vous devez être patient envers vous-même, envers vos clients. Vous devez
être patient dans l’apprentissage, dans votre créativité. J’ai eu des problèmes dans
mes débuts en graphisme parce que je volais un bon résultat sur le champ comme je
le vois chez les autres. Je voulais tout connaitre en même temps oubliant que les
bonnes choses prennent du temps à se construire.

Soyez donc patient et sachez que, il y a un temps pour la formation de toute


choses…

4.2. La capacité de voir les critiques de façon constructive


Il est important de le savoir, vous ne pourrez jamais tout connaitre. Vous devez
donc être ouverts aux corrections, remarques et critiques des personnes qui sont plus
expérimentées que vous. Pourquoi ne pas rester ouvert aux critiques d’une personne
lambda ? L’humilité précède la gloire, dit-on.

Ne vous sentez pas insulté, rabaissé lorsque quelqu’un vous dit en vérité que
votre design est désagréable (j’admets qu’il y en a qui ne savent pas marcher leurs et
qui paraissent agaçants). C’est de votre devoir de ne plus faire ce genre d’erreur afin
de vous améliorer.

4.3. La cohérence
Vous devez être cohérent, l’on doit lire l’harmonie et la cohérence dans les
projets que vous touchez, que ça soit des projets propres à vous ou pour un client. Il
n’y a pas de place à la paresse dans ce milieu sans quoi quelqu’un d’autre arrachera
vos clients.

4.4. L’apprentissage continuel


Un designer est toujours ouvert aux nouvelles manières de faire. Il doit avoir de
la passion pour apprendre à être plus créatif. Soyez curieux et refusez l’oisiveté même
quand vous n’avez pas encore de commande. Lisez des livres et articles relatifs au
design graphique afin d’accroitre votre banque de créativité. Vous pouvez vous
rendre sur les sites de communauté des designers afin de vous ressourcer.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
12
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

La créativité vient de l’imagination et de sa réalisation…

Quelques plateformes pour vous ressourcer…

Graphiste Behance Pixelix Dribble Penterest


.com .com .com .com .com

4.5. Être à l’écoute et rester posé


Ne soyez pas pressé d’avoir l’information et courir immédiatement vers votre
application ou votre logiciel. Vous n’êtes pas Tom et Jerry.

Prenez du temps pour lire et bien lire et assimiler. Cela commence par cet ebook
que vous avez sous vos yeux.

Lorsque vous avez un client, écoutez attentivement ses instructions et si vous


n’avez pas compris une de ses spécifications, demandez avec adresse.

En tant que graphiste, prenez l’habitude de rester attentif avant de prendre une
quelconque décision pour la conduite d’un projet.

4.6. Prendre de réfléchir et de représenter votre imagination sur papier


Lorsque vous recevez une commande d’un client pensez, après réflexion, à
représenter tout d’abord votre imagination sur papier même si elle sera brute. Cette
manière de faire aide à être plus créatif et fidèle dans notre conception.

Ces habitudes changeront votre manière de voir et de penser.

5. Les principes du graphisme


5.1. Le contraste
Pour renforcer la différence entre deux éléments, vous pouvez en faire varier les
couleurs, la grosseur, les formes, le style typographique et la relation entre les éléments
pour faire ressortir l’essentiel.

L’objectif est de mettre l’accent sur certains éléments de votre contenu,


d’améliorer la lisibilité de votre texte et de lui donner du dynamisme. Une mise en page
qui manque de contraste est peu invitante à consulter. Pensez-y pour ajouter du
dynamisme et faire ressortir le contenu essentiel !

5.2. L’uniformité
Dans un document de plusieurs pages comme les plaquettes, les brochures ou
carrousels, pensez à offrir des repères visuels au lecteur et à placer les éléments aux

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
13
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

mêmes endroits pour en faciliter la compréhension. Les styles d’illustration et de


photographie utilisés doivent aussi être constants tout au long de votre document. Les
titres de même niveau doivent avoir la même taille et le même style.

Généralement, vous pouvez simplifier (et améliorer !) une mise en page en


prenant quelques secondes pour définir vos styles (grosseur, position, couleur,
alignement…) et en vous forçant à respecter ces normes graphiques dans l’ensemble
de votre document.

5.3. Le rythme
L’uniformité dans les styles typographiques dicte la structure du document et
vous permet de créer des repères visuels dans la mise en page.

5.4. L’alignement
L’alignement est un principe fondamental en design. Que ce soit une image, un
bloc de texte, un titre ou un logo, l’alignement vous permet de créer une structure
dans le contenu.

Il est important d’identifier les alignements communs de la page et d’en


minimiser le nombre. Dans plusieurs logiciels, les éléments sont automatiquement
alignés lorsqu’on les déplace. N’ayez pas peur d’utiliser ces fonctions qui vous aident
à améliorer la qualité de votre mise en page. L’alignement permet aussi d’éliminer le
chaos et l’aspect aléatoire dans la position des éléments graphiques.

5.5. La simplicité
Engagez le principe Less is more . Simple c’est, mieux ça attire.

Ne sous-estimez jamais le pouvoir de la simplicité. La solution la plus facile pour


améliorer une mise en page n’est pas de chercher ce que vous pouvez ajouter, mais
bien ce que vous pouvez enlever pour renforcer votre visuel.

5.6. Les couleurs


La couleur désigne une émotion, le ton et l’ambiance du visuel.
Inconsciemment, nous associons ces couleurs à des références. Par exemple, le vert
est fréquemment associé à la nature, le rouge à l’intensité, le bleu au calme et le noir
au luxe.

Au début d’un projet, il est important de définir une palette de 3 à 5 couleurs


que vous allez utiliser dans l’ensemble du design. Ces couleurs peuvent être
complémentaires ou de différentes teintes pour une plus grande uniformité. Les photos

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
14
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

et les illustrations doivent aussi être dans la même palette de couleurs. Une couleur en
rappel est toujours efficace pour renforcer un message précis.

Comme nous l'avons dit, le nombre de couleurs dans vos designs ne doit pas
excéder 03 sans quoi, le design devient désagréable.

5.7. La typographie
Ne vous laissez pas intimider par la grande variété de polices de caractère
disponibles dans les logiciels. Dans le doute, optez pour des polices classiques
(Helvetica, Futura, Lato, Open Sans, Univers, …) qui sont toujours des valeurs sûres.

Vous pouvez regrouper les polices en 04 grandes familles : avec empattements,


linéales, scriptes et celles de formes spéciales. Pour l’affichage à l’écran, on favorise
les polices linéales et pour de l’impression sur papier, les polices sérif (avec
empattement).

5.8. L’espacement
Ah oui ! Qui ne veut pas mieux respirer ? Qui ne veut pas de l’espace pour lui
seul ?

Dans votre design, pensez à laisser de l’espace autour ou entre certains


éléments notamment les contenus essentiels à la diffusion de votre message. Fluidité
et facilité à la lecture ou à la vue attirent plus le regard. Pour ainsi dire, ne surchargez
pas votre canevas.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
15
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

II. Composants du Design Graphique


Lorsque nous parlons des composants d’une chose, nous faisons appel aux
différents éléments qui la constitue. Contextuellement, nous nous référons à tous les
éléments qui forment le Design Graphique dans son entièreté.

1. La typographie
La typographie est indispensable pour rendre tous vos supports de
communication attrayants. Que faut-il savoir sur la typographie ?

La typographie souvent abrégée « typo » est un terme qui peut se définir comme
étant l’art d’assembler des caractères pour créer des phrases puis les imprimer. Les
lettres ont une forme fixée définitivement.

On évoque dans ces cas-là le choix :

 de la police d’écriture,
 des types de caractères.

Le terme « caractère » est propre à la typographie et aux usages de l’imprimerie. Par


définition, ” C’est une pièce destinée à recevoir une encre grasse et à être pressée sur
un support pour y laisser son empreinte “.

Les impératifs techniques de la typographie

La typo doit prendre en compte des impératifs techniques, comme :

 L’unité de style
 L’utilisation de deux voire trois polices maximum,
 Le choix du caractère principal
 Le choix doit porter sur la lisibilité du caractère.

Le titrage

La tendance est d’utiliser un corps de police plus grand pour les titres que pour les
paragraphes.

L’emphase

Les lettres italiques sont couramment utilisées pour souligner un extrait de texte
ou des sources.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
16
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

1.1. La typographie et la communication


La typographie (typography en anglais), tout comme le web, la mode … suit les
tendances. C’est un élément fondamental des contenus diffusés via le print ou le web
dans la communication.

De nos jours, les agences de communication, les graphistes, utilisent le mot «


typographie » pour identifier dans le graphisme le style d’écriture utilisé dans un
document.

On utilise ce terme pour désigner le choix :

 des polices,
 du corps, à savoir la taille du texte,
 de la mise en page.

Ces dernières années, la tendance est la mise en valeur les éléments du


contenu. Comme pour les couleurs, utilisez 2 voire 3 polices maximum. Quel que soit
le style de police utilisée, il est indispensable de privilégier la lisibilité avant tout.

Le lecteur doit trouver la lecture agréable et retenir facilement et rapidement le


message véhiculé.

Quelques conseils pour votre contenu texte :

i. distinguez l’essentiel de votre contenu en différenciant les titres, les sous-titres et


les paragraphes,
ii. choisissez des polices de la même famille (Fonts family en anglais),
iii. utilisez différentes tailles pour les caractères afin de faire ressortir les mots et
expressions clés.

1.2. La typographie et le web


Pour le web, Google a mis en place un service d’hébergement de polices
d’écritures open source. Ce service nommé Google Fonts propose 847 polices de
caractères dans différentes langues. Vous pouvez les télécharger (fonts.google.com)
et les utiliser gratuitement sur un site internet à vocation personnelle ou commerciale.
Vous pouvez également télécharger des polices de caractères sur Dafont, le n°1
français (dafont.com).

Il existe plusieurs catégories de polices de caractères. Nous avons des polices :

Avec Serif

Ces polices ont des empattements, comme par exemple la Georgia, Times New
Roman… les « anciens » préfèrent ce type de police.

TIMES NEW ROMAN


AVEC AMOUR PAR JESUGO DESIGN ACADEMY
(+229) 61345336
17
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

Sans Serif

Sans empattements, plus moderne, elles peuvent être utilisées pour le print et le web.
Exemples : la Tahoma, Helvetica …

Helvetiva

Display

Ce sont des polices populaires à fortes personnalités. Elles sont surtout utilisées
sur le web pour les titres par exemple. Nous avons Adolfo’s Punk Restaurant en
exemple.

Adolfo’s Punk Restaurant

Handwriting

Une police de caractère de style manuscrite, comme la Lucida Handwriting,

Lucida Handwriting

Monospace

Cette police a une largeur fixe. Par exemple, la Lucida Console, le Courrier
New …

Lucida Console

Le graphiste est appelé a utilisé des caractères typographiques dans ses créations.

Leurs rôles peuvent être :

 utilitaires, en privilégiant l’équilibre et la lisibilité,


 ou expressive, étant un élément visuel principal à part entière.

Quelques plateformes de vérification et de téléchargement de polices d’écriture.

WhatFontIs
.com
Dafont FontSquirrel WhatTheFont GoogleFonts
.com .com .com .com

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
18
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

2. La couleur
2.1. Comprenons les couleurs…
Nos yeux captent la lumière et envoient l’information sous forme d’impulsions
électriques vers notre cerveau qui va décoder ces signaux pour interpréter l’image.

Nous pouvons classer deux catégories de couleurs :

Les couleurs additives : RGB (Red Green Blue=Rouge Vert Bleu)

Ces couleurs sont dites additives car leur mélange en proportions égales donne
la couleur blanche. Elles peuvent être utilisées pour les visuels destinés aux écrans (TV,
Smartphone, …).

Les couleurs soustractives

On retrouve ce principe de couleurs soustractives chez les imprimeurs ou même


dans les cartouches d’imprimantes. Ces systèmes fonctionnent avec comme couleurs
de base le Cyan, le Magenta et le Jaune, aussi appelé CMYK (Cyan – Magenta –
Yellow – Black). Leur agencement en proportions égales donne la couleur noire.

Si vous devez concevoir des images destinées à une impression, vous devez
utiliser un format CMYK sinon vos couleurs risquent fort d’être faussées ! Et, bonjour les
dégâts !

2.2. La perception et la signification des couleurs


Une étude a démontré que le visiteur qui arrive sur un nouveau site web décide
en 8 secondes de poursuivre sa visite ou de fermer la page. En 8 secondes, son regard
aura lu les titres principaux, survolé un début de texte et jeté un coup d’œil rapide sur
les photos et images disponibles… et aura perçu inconsciemment les couleurs utilisées.

Vous aurez beau avoir un texte extraordinaire et des images sensationnelles… si


votre visiteur est rebuté par les couleurs, c’est bye-bye illico presto parce que la
perception des couleurs est inconsciente et intuitive. On aime ou on déteste même si
on ne sait pas forcément pourquoi…

Il est clair que la perception des couleurs varie avec

i. La distance d’observation :
 L’éloignement estompe les couleurs, la proximité ravive les couleurs
ii. L’importance de la surface colorée :
 Plus une couleur est froide, plus la surface doit être importante.
 Plus une couleur est chaude, plus la surface doit être réduite.
 Plus une couleur est diluée, plus la surface doit être importante.
 Plus une couleur est saturée, plus la surface doit être réduite.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
19
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

iii. Deux couleurs contrastées proches ayant chacune la même surface


provoquent un effet désagréable et ont tendance à s’annuler.
iv. Des couleurs ayant des surfaces différentes se mettent en valeur : une tache
orange dans un fond bleu.

Symbolisme des couleurs

Rouge : L’une des couleurs préférées dans le monde entier. Le rouge évoque la vitalité,
la joie, l’activité, l’énergie, le dynamisme, le tempérament, l’impulsivité, la chaleur, la
passion, la tentation, l’éveil, la volonté de conquête, le goût de l’action, l’aventure, le
feu, le courage, l’excentricité et la vigueur mais aussi le surmenage, le danger, la
violence, la colère, la provocation. Le rouge ouvre l’appétit.

Orange : Est apprécié autant des hommes que des femmes. Le orange signifie :
Énergie, vitalité, excitation, aventure, chaleur, santé L’orange symbolise la joie, la
jeunesse, l’efficacité, la vitalité, l’amusement, l’extraversion, l’excitation, l’affirmation
de la vie, l’exubérance, l’énergie, l’activité, stimule les émotions ou encore l’appétit,
l’aventure, la chaleur, la santé mais évoque aussi le fanatisme, la rudesse et l’arrivisme.
Le orange est souvent associé aux économies.

Jaune : Est la couleur qui attire le plus l’attention. Le jaune représente le Soleil, la
lumière, la maturité, la chaleur, la clarté, la planification, la loi, l’optimisme, la poussée
en avant, la sensibilité, le luxe, la joie de vivre, la bonne humeur, la gentillesse, le
changement et l’extraversion, l’optimisme, l’ensoleillement, la créativité, la chaleur, la
plaisir mais il évoque aussi la vanité, la présomption, l’arrogance, l’envie, la jalousie,
l’avarice, l’égoïsme, le mensonge, l’incertitude, l’absence d’émotions, ainsi que
l’amertume et le venin. Cette couleur a toujours été associée aux hors-la-loi, aux
persécutés et aux exclus. Le jaune est souvent associé au danger.

Vert : La couleur universelle de l’écologie Le vert symbolise l’endurance, la fraîcheur,


la ténacité, la relaxation, la nature, la végétation, la fertilité, la renaissance, la sérénité,
l’argent, le naturel, le calme, la générosité, la santé, la confiance, Il semble extraverti,
joyeux, régénératif, complet et neutre mais suggère aussi l’indécision, la paresse et
une attitude impersonnelle. Le vert est associé à l’environnement, à la nature.

Bleu : La couleur la plus utilisé dans l’identité corporative. Le bleu est une valeur sûre
Le bleu symbolise la relaxation, l’apaisement, les résultats, la sympathie, la confiance,
la gentillesse, la fiabilité, l’expansivité, les loisirs, l’harmonie, la satisfaction, le calme, le
silence, la passivité, l’infini, la propreté, l’espoir, la fusion, l’intelligence, la science, la
conservation, la propreté, le désir, l’imagination, le courage, le caractère sportif, la
paix, la sécurité mais il évoque également le froid, la fraîcheur, l’étourderie, la
négligence, l’obstination, la naïveté, l’assouvissement ou la mélancolie. Le bleu est la
couleur la plus froide du spectre et la couleur complémentaire de l’orange.

Violet : Est une couleur qu’on aime ou que l’on n’aime pas. Le violet est souvent
associé à la créativité. Le violet représente le mystère, la magie, tristesse,

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
20
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

l’extravagance, le majestueux, la justice, la noblesse, la richesse, la spiritualité, la


dignité mais également la vanité, l’arrivisme et le conflit.

Magenta : le magenta représente l’idéalisme, la gratitude, l’engagement, l’ordre et


la sympathie mais également le snobisme, l’arrogance et la suffisance.

Rose : le rose représente la délicatesse, la féminité, l’innocence, le romantisme, la


tranquillité, la douceur.

Brun : Est la couleur de la terre Le brun signifie : Terre, simplicité, durabilité, stabilité. Le
brun est souvent associé à la maturité.

* Des effets de couleurs sont utilisés pour rendre le design un peu plus agréable à voir.
On appelle ces de jeux des dégradés.

Quelques plateformes de pour avoir des dégradés de couleurs.

Gradients
.com
Coolhue Gradienthunt WebGradients
.com
Eggradients
.com .com .com

3. La place de l’image
Les photos, images et les schémas bénéficient bien plus qu’un simple rôle
décoratif : ils attirent le regard et facilitent la compréhension. De plus, l’image
représente le contenu le plus engageant, notamment sur les réseaux sociaux.

Il convient de noter que c’est l’utilisation de la bonne image, l’image


convenable pour le design, qui attire très rapidement le regard et l’attention de votre
audience. Une image, dans une conception doit être de qualité supérieure et doit
correspondre au message que véhicule votre support de communication. Sans quoi,
votre objectif ne sera pas atteint et le lecteur se trouvera confus.

Remarquons qu’il est de plus en plus important d’illustrer ses supports de


communication à l’aide d’images adaptées. Que vous soyez graphistes, marketeurs,
rédacteurs, communicants, étudiants ou particuliers, vous vous êtes forcément un jour
demandé quelle image choisir pour illustrer de manière légale et originale un de vos
supports (sites web, affiches, brochures, display, articles, rapports, présentations…).

Que faut-il faire pour avoir des images légales et originales si on ne


peut se payer un photographe professionnel ?
Choisir des images libres de droits…

Depuis quelques années on voit naitre de plus en plus de banques d’images qui
proposent des photos libres de droits à des petits prix. Cependant, il n’est pas toujours

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
21
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

évident de trouver un site avec une interface simple et logique sur lequel il est facile
de trouver les photos dont vous avez besoin. L’idéal est donc de se rendre sur une
banque d’image qui dispose d’un moteur de recherche, un site qui est extrêmement
puissant et intuitif, ainsi, il suffira d’entrer quelques mots clés pour obtenir une multitude
de résultats correspondants à votre recherche. Par ailleurs, pour une recherche plus
précise, certaines banques d’images ont mis en place un moteur de recherche
avancée dans lequel vous pourrez filtrer vos résultats en fonction de vos besoins. Pour
finir, un site qui aura classé la totalité de ses fichiers en différentes catégories selon les
thématiques, facilitera la recherche.

Il est facile de consulter plusieurs millions de photos, images vectorielles libres de


droits en vous inscrivant gratuitement sur ces sites. Toutefois, pour accéder à certaines
ressources remarquables, ces sites proposent des formules d’abonnement à des prix
très attractifs. Si vous souhaitez téléchargez des photos, le principe est simple, trois
formules sont souvent proposées (formule journalière, mensuelle, annuelle et aussi des
crédits d’achat ponctuel) et il suffit de choisir celle qui vous convient le plus.

Quelques plateformes de téléchargements d’images libres de droits.

Freepik Pexel Gettyimages Burst.Shopify PngPix Reshot


.com .com .com .com .com .com

N’oubliez pas, votre image parle…

4. Formes et Lignes
Les formes et les lignes sont de puissants éléments de conception qui peuvent
être utilisés de façon stratégique afin de guider le regard de l’audience et d’ajouter
un intérêt visuel. Regardez n’importe quelle conception de logo, carte de visite,
brochure, ou n’importe quel site web, et vous verrez comment les formes et les lignes
sont utilisées collectivement comme les éléments essentiels d’une composition. Les
designers utilisent des lignes et des formes pour d’importantes raisons, notamment
afin :

 d’attirer l’attention sur des informations importantes (souvent du texte),


 de séparer différentes informations et
 d’ajouter un attrait visuel.

Comprendre les effets des lignes et des formes, et en tirer ainsi le meilleur
profit dans votre prochain projet…

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
22
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

4.1. Utilisation des lignes dans votre conception


Les lignes créent une hiérarchie visuelle en divisant les conceptions en sections et en
séparant des contenus différents. Ce sont d’excellents éléments d’organisation, car ils
créent une séparation entre différents éléments textuels ou visuels. Cela les rend
indispensables dans la plupart des conceptions, en particulier les compositions qui
contiennent de nombreuses informations.

4.2. Utilisation des formes dans votre conception


Même si toutes les formes imaginables peuvent être utilisées dans la conception,
les formes droites sont les plus fréquentes. Cela comprend les carrés, les rectangles, les
triangles, les pentagones, les hexagones, et plus encore.

Les formes irrégulières comme les gouttes ou les explosions sont utilisées
modérément pour obtenir un impact visuel. Mais en général, les designers choisissent
d’abord des formes lisses et symétriques, car elles suggèrent l’équilibre, l’harmonie, la
précision et la sécurité. Cependant, les formes asymétriques peuvent être utilisées pour
suggérer le mouvement, la vitesse, le dynamisme et l’enthousiasme.

Comme le texte forme naturellement des blocs de lignes et des rectangles, des
cadres sont souvent utilisés pour mettre en valeur d’importantes informations. Les
cadres peuvent présenter des angles arrondis ou d’autres petits détails qui les rendent
plus intéressants, mais il ne faut pas les surcharger pour ne pas détourner l’attention du
message. Un mot ou une phrase courte peut être facilement placé à l’intérieur d’un
cercle. Par ailleurs, les formes circulaires font d’élégants cadres pour les images.

Faites des essais vous-mêmes avec quelques images et textes !

5. Les arrière-plans ou Backgrounds


Des styles isométriques aux motifs 3D, des graphismes marins aux graphismes
galactiques, il existe une image d’arrière-plan pour tout type d’industrie.

C’est la base de vos conceptions. Ils déterminent l’humeur et le regard que


dégage votre design. Nous avons plusieurs sortes d’arrière-plans et chacun d’eux
répond à une signification donnée.

Les arrière-plans sont un des outils les plus importants du designer, et dont on
ne parle pourtant pas souvent. Utiles pour ajouter de la couleur, un intérêt graphique
et de la texture à un large éventail de designs – des sites web aux apps, en passant
par les affiches et flyers – les images d’arrière-plan sont l’élément ayant le plus
d’impact sur votre mise en page.

Différents types de designs requièrent différents styles d’arrière-plans, et il en va


de même pour les types d’industries ou d’entreprises. Un arrière-plan isométrique

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
23
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

extensible peut être parfait pour le site web réactif d’une startup, tandis qu’un arrière-
plan métallique marbré s’adaptera très bien à des emballages de luxe. Un arrière-plan
choisi avec soin peut générer des clics sur les réseaux sociaux, convertir les visites en
ventes sur les sites ou générer plus d’intérêt à l’égard d’un webinaire. Ainsi, vous
gagnerez à ne pas négliger le choix de votre arrière-plan.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
24
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

CHAPITRE II : Introduction au Graphisme Mobile avec PixelLab et


sa suite

I. Graphisme et Applications Mobiles


Comme nous l’avons dit depuis l’introduction, il est maintenant possible de faire
du graphisme avec son smartphone. Il existe donc une pléthore d’applications
Android pour démarrer. Des solutions pour amateurs aux pour professionnels, nous
pouvons citer :

Desygner Canva VistaCreate Poster Maker Photopea PixelLab


Crello

Ces applications ont chacune leurs spécificités, leurs forces et leurs faiblesses.

Si nous convenons qu’un logiciel est un ensemble d’applications qui se


complètent et destiné à effectuer un ensemble de tâches complémentaires pour
aboutir à un résultat donné, nous trouverons juste de dire que pour faire du design
graphique nous avons besoin de rogner une image, de filtrer une image, de
sélectionner exactement des couleurs ou même d’animer notre conception. Ceci
pour dire qu’en plus de ces applications, un graphiste mobile a besoin d’une suite
d’autres applications complémentaires.

Mais quelle application choisir ?

Objectivement, compte tenu de son utilisation gratuite et hors ligne, de ses


puissantes fonctionnalités, de sa légèreté, du rendu inégalable de notre conception,
de la liberté d’intégration de polices, de la possibilité qu’elle offre à l’impression et de
sa forte communauté, nous pouvons confirmer que PixelLab reste d’abord
l’application par excellence pour faire du design graphique professionnel et créatif
sur smartphone.

A côté de PixelLab, il y a ses compagnons :

 Remove.bg ou FocoClipping pour le détourage,


 PicsArt ou Remini pour le traitement d’image,
 FontsPicker pour le téléchargement de polices de caractères
 Gradient, UI Colors and Gradients ou Awesome gradients pour avoir avec
précision les codes des couleurs et leurs dégradés.

Toutes ces applications doivent faire partie de votre boîte à outils et concourent à la
réalisation d’un design attrayant.

Très important ! N’oubliez jamais que votre allié le plus sûr doit être Google. Bien sûr,
votre coach est là pour vous orienter justement vers les ressources convenables sur

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
25
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

Google. Aussi, trouver très rapidement ce dont on a besoin sur Google est un art à
développer.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
26
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

II. Démarrer avec PixelLab


Téléchargez PixelLab depuis le PlayStore et installez-la.

6. Prise en main de PixelLab


PixelLab s’ouvre sur un environnement de travail assez simple et intuitif.

6.1. Tailles et Images


L’environnement de PixelLab nous offre un espace de travail de dimensions
1280*1280 (carré). La première donnée représente la largeur qu’occupera notre
design et la seconde représente la hauteur qu’elle prendra. Ces dimensions donnent
alors le format de notre image, du rendu de notre conception.

1280*1280 signifie alors que nous obtiendrons finalement une image carrée de
largeur 1280 pixels et de hauteur 1280 pixels : une image au format carré au finish.

Ces dimensions peuvent être modifiées selon notre votre projet. Les images pour
les publications dans les réseaux sociaux sont de tailles ou formats variés. Il est donc
nécessaire de se plier aux recommandations de ces réseaux.

Mais comment modifier la taille de ma zone de travail ou de mon image ?

C’est simple ! Cliquez sur le bouton en haut au coin droit de l’écran puis
sur l’option Taille d’image. Entrez maintenant la largeur et la hauteur voulue pour votre
image.

Maintenant, ouvrez PixelLab et entrez les dimensions 1500*2700 et


regardez ce qui se passe !

6.2. Menu de bas et Boutons optionnels


Dans PixelLab, nous pouvons distinguer cinq types de boutons au niveau du menu. A la
sélection de chaque bouton d’option, des sous-options s’affichent automatiquement en haut.
Ces sous-options sont spécifiques à chaque type d’objet (texte, forme, ligne, dessin ou image)
sélectionné.

Voyons très brièvement à quoi renvoie chaque bouton du menu.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
27
JESUGO DESIGN ACADEMY A LA DECOUVERTE DU DESIGN GRAPHIQUE SUR MOBILE

6.2.1. Le bouton Mes Projets

Ce bouton est actif à l’ouverture de PixelLab et nous permet d’accéder à des


projets d’amorçage édités par le développeur ou d’accéder à nos propres projets.

6.2.2. Le bouton Texte A


Ce bouton vous offre une large palette d’options et de sous-options de création
et de modification de vos objets de type Texte.

6.2.3. Le bouton Formes, Lignes et Illustrations

Ce bouton est relatif aux options de création et de modification des autres types
d’objets d’illustration autres que l’objet Texte. Nous parlons là des formes et lignes, des
dessins, des images et béziers.

6.2.4. Le bouton Arrière-plan principal ou Canevas

Il nous permet de définir si vous voulez un fond d’arrière-plan ou pas, si vous


voulez utilisez des couleurs, des dégradés ou des images principales comme arrière-
plan. Vous pouvez exporter des images depuis votre galerie ou en choisir parmi celles
qui sont proposées par PixelLab.

6.2.5. Le bouton Baguette Magique

Bien qu’étant que peut utiliser, ce bouton peut nous permettre de modifier la
température de notre élément d’arrière-plan en jouant professionnellement sur les
options de filtre.

7. Outils avancés et Introduction aux conceptions graphiques dans PixelLab

Le reste du cours et les exercices sont présentés en version vidéo. Contactez-nous pour avoir
accès.

N.B : Veuillez nous faire parvenir les éventuelles erreurs remarquées dans le but de parfaire le présent document.

Obtenez l’application PixelLab Premium ici.

AVEC AMOUR PAR JESUGO DESIGN ACADEMY


(+229) 61345336
28

Common questions

Alimenté par l’IA

Choosing appropriate apps and tools in mobile graphic design is crucial as it determines the designer’s ability to execute and enhance their creative vision effectively. Apps like PixelLab offer powerful features for professional design work on-the-go, complementing other tools like Remove.bg for image editing. They improve workflow efficiency by providing specialized functionalities tailored to design needs, such as font integration and color gradient selection, thereby optimizing the design process and output quality .

Contrast enhances the distinction between elements by varying colors, sizes, and shapes, highlighting key content and improving text readability, thus adding dynamism to the layout. Alignment creates a structured visual order, removing chaos by minimizing disparate alignments on a page, which helps in organizing content logically. Together, these principles ensure the layout is inviting and visually organized, guiding the audience's focus efficiently .

Background images significantly affect design impact by adding visual interest, texture, and color, which can transform the aesthetic and engagement levels of a piece. They need to be selected carefully to suit the design’s purpose—such as isometric backgrounds for responsive web design or marbled textures for luxury packaging—to enhance the thematic relevance and audience connection. Effective backgrounds can increase click-through rates and sales on digital platforms .

Simplicity enhances visual appeal by focusing on essential elements, minimizing clutter, and guiding the viewer’s attention to key aspects of the design. It creates a clean, impactful look that is easier to engage with. This practice, encapsulated in the principle 'Less is more,' avoids distraction, making the overall composition more attractive and digestible, leading to a stronger visual message .

Creating a good first impression is significant in graphic design because it instills a sense of confidence, often unconsciously, in the prospect or client. A well-crafted brand image through a cohesive graphic design guide helps the prospect easily memorize and integrate the brand into their universe. To achieve this, one must produce compelling designs and effectively utilize all components of the design, ensuring that graphic elements (logo, colors, fonts) are consistent across communication materials to maintain visual coherence .

Alignment organizes design elements into a coherent structure, improving visual coherence and guiding the viewer’s eye smoothly across the composition. It minimizes chaos by standardizing the alignment of images, text, and other design components, which clarifies the intended hierarchy and flow of information. This contributes to improved readability and a professional presentation that is both aesthetically pleasing and functionally effective .

Colors in graphic design are instrumental in conveying emotions and themes as they are unconsciously associated with specific feelings and concepts. For instance, green is linked to nature, red to intensity, blue to calmness, and black to luxury. Selecting a coherent color palette supports thematic consistency and emotional resonance, enabling designers to enhance the viewer’s connection with the design’s message .

Openness to feedback and criticism is essential for graphic designers as it facilitates growth and improvement by providing external perspectives that might reveal overlooked issues in their work. Constructive criticism helps designers refine their skills and avoid repetitive mistakes, fostering a culture of continuous improvement. This attitude ensures designers remain humble and receptive, which can enhance the quality and effectiveness of their work .

Continuous learning allows graphic designers to explore new methods, tools, and trends, enhancing their creativity and adaptability. This constant evolution keeps their work current and competitive, enabling them to meet diverse client needs effectively. Moreover, staying informed about community platforms and reading relevant literature broadens their creative bank, fostering innovation in their designs .

Patience is crucial for a graphic designer because it allows them to endure the learning curve and the iterative process of creativity, leading to the refinement of skills and designs over time. Impatience can lead to frustration and suboptimal outcomes, while patience supports the gradual build-up of expertise and the development of high-quality designs. This quality enables designers to appreciate that good results take time to construct, ultimately enhancing their work quality and client satisfaction .

Vous aimerez peut-être aussi