Smart/Origin
  • Solutions
    • Produits
      • Dashboard
      • Cities
      • Citizens
      • Field
    • Usages
      • Informer votre public
      • Observer vos territoires
      • Faciliter les remontées citoyennes
      • Piloter votre organisation
      • Faire participer les citoyens à la vie publique
      • Réinventer les façons de se balader
      • Gérer durablement votre patrimoine arboré
      • Superviser les cours d’eau
  • Expertises
    • Coeur de métier
      • Réalisation d’applications sur-mesure
      • Prestations de services autour des solutions Esri
    • Spécialités
      • Cartographie et data-visualisation
      • Développement web et mobile
      • Expérience utilisateur et design
  • Réalisations
  • Blog
  • Société
    • L’entreprise
    • Recrutement
    • Nous contacter
  • Démo
  • Menu Menu
Tech

Choisir les bonnes couleurs pour votre design d’interface

choix-couleurs-design-appli

D’après une étude menée par Microsoft en 2015, en arrivant sur un nouveau site web, le visiteur décide en huit secondes de poursuivre sa navigation ou de fermer la page. Durant ces huit secondes, il aura lu les titres principaux, survolé un début de texte et regardé rapidement les images, et aura perçu inconsciemment les couleurs utilisées.

Dans cet article, nous allons parler de l’importance du choix de couleurs pour le design de votre interface d’application ou site web. Car celles-ci ont une signification dans l’esprit de l’utilisateur, elles influencent ses émotions et ses actes. Mais attention, ces principes généraux que nous allons voir ici sont valables pour l’occident. Nous verrons en fin d’article quelques principes à avoir en tête concernant les autres régions du monde, car selon les cultures la signification des couleurs diverge.

Notre perception des couleurs est d’instinct liée à leur présence primitive dans la nature, voici donc quelques principes généraux à avoir en tête lorsqu’on choisi une couleur pour notre logo et notre charte graphique.

Blanc

Qualités associées : simplicité, pureté, spiritualité, virginité, innocence, simplicité, précision, propreté, hiver, neige, efficacité, innovations, sainteté, optimisme.

Activités : mode, actualités, technologies, informatique, santé.

Gris

Qualités associées : solennité, professionnalisme, sophistication, pragmatisme, intemporalité.

Activités : sites professionnels, articles de luxe ou pour créer un effet d’équilibre et de calme.

Bleu

Qualités associées : clarté, confiance, calme, confiance, contrôle, succès.

Activités : high-tech, réseaux sociaux, banques, secteurs juridiques et de la santé.

Jaune

Qualités associées : énergie, joie, optimisme.

Activités : tourisme, énergie solaire, électricité.

Marron

Qualités associées : fiabilité, robustesse, stabilité, amitié, nature.

Activités : contexte culturel ou luxueux, secteur du chocolat.

Noir

Qualités associées : sérieux, luxe, pouvoir, formalité, chic, sophistication, élégance, profondeur, tristesse, autorité, prestige, puissance.

Activités : cinéma, luxe, art, photo.

Orange

Qualités associées : motivation, impulsion, optimisme, enthousiasme, dynamisme, vitalité, équilibre, joie, chaleur, détermination, créativité, encouragement, amusement, fraicheur, jeunesse.

Activités : divertissement, jeunesse, sport, nouvelles technologies, création.

Rose

Qualités associées : amour, féminité, enfance, charme, intimité, chic, beauté, énergie.

Activités : journal, univers de l’enfance.

Rouge

Qualités associées : énergie, mouvement, passion, amour, confiance.

Activités : nourriture, mode, loisirs, sport, marketing, publicité, services d’urgence, santé.

Vert

Qualités associées : croissance,  salubrité, équilibre, nature, environnement, espoir.

Activités : découverte, nature, voyage, écologie, développement durable, santé, renouveau.

Violet

Qualités associées : originalité, créativité, prospérité, mystère, respect, connaissance, élégance.

Activités : produits de beauté, astrologie, massages, yoga, spiritualité.

 

Voici quelques exemples d’interprétation des couleurs dans le reste du monde, bon à savoir si vous avez pour projet de travailler en collaboration avec d’autres pays :

Le blanc est la couleur du deuil dans la plupart des pays d’Asie, et représente le malheur en Inde. Le bleu caractérise le deuil en Iran, en Chine, c’est la couleur de l’immortalité. Le jaune est une couleur qui fait référence à la royauté en Asie. Au Japon, c’est un symbole de courage et de force. Pour les bouddhistes, le jaune est spirituel et apaisant. En Inde, il est associé au commerce et à la négociation. Enfin, il symbolise le deuil en Égypte. Le noir est porté par les jeunes garçons en Chine. En Inde, le noir rétablit l’équilibre et la santé. En Thaïlande, c’est la couleur de la malchance. Le rouge est la couleur du deuil en Afrique du Sud, elle représente la chance en Chine. C’est aussi la couleur des robes de mariée en Chine et en Inde. Le vert est la couleur du mensonge en Chine, en Irlande, le vert rappelle le symbole national, le trèfle à quatre feuilles.

Vous avez à présent quelques pistes afin de faire votre choix de couleurs pour votre charte graphique, pensez bien au public que vous ciblez et au marché visé. 


Article rédigé par Fanny Koch. 

Etiquettes : design, ergonomie, UI, UX
Partager cette publication
  • Partager sur Facebook
  • Partager sur X
  • Partager sur LinkedIn
  • Partager par Mail
https://smart-origin.com/wp-content/uploads/2018/03/vignette-article-choix-couleurs-design-interface.jpeg 398 575 Denis Martin https://smart-origin.com/wp-content/uploads/2019/01/logo-smart-origin-300x138.png Denis Martin2018-03-08 14:58:462019-03-11 11:03:02Choisir les bonnes couleurs pour votre design d’interface
Vous aimerez peut-être aussi
Nouveau-site-2018-Smart-Origin Le site de Smart/Origin fait peau neuve
ui-ux Le métier de designer ergonome
Icones-POI-ArcGIS Créez une symbologie moderne pour représenter vos POI sur ArcGIS
Eye-tracking Optimisez le design de votre site internet grâce à l’Eye-tracking
Quelles visualisations géographiques choisir pour vos données ?
UX SEO Design UX & SEO, la clé du succès pour votre site web ?

Catégories

Cas client (40) Data visualisation (20) Non classé (4) Team (11) Tech (10)

Articles récents

  • Des rapports géomarketing automatisés à partir d’une adresse22 avril 2026 - 16 h 29 min
  • Associer Alfresco et ArcGIS Experience Builder grâce à un widget personnalisé10 janvier 2025 - 10 h 58 min
  • Ma Boussole Territoires, l’observatoire des solutions d’aide pour les aidants5 décembre 2024 - 12 h 04 min
  • Une nouvelle expérience pour les cavaliers : GéoCheval, l’application de randonnée équestre de la FFE29 novembre 2024 - 16 h 45 min
  • Modélisation 3D du territoire de Val d’Europe8 avril 2024 - 17 h 06 min
  • Application cartographique d’extraction de données SIG format DWG, DXF ou SHP5 avril 2024 - 17 h 37 min

Mots clés

alimentation (3) ArcGIS (2) attractivité (12) carte (20) communiquer (12) data (1) data science (4) dataset (1) datavisualisation (1) dataviz (2) design (10) DevOps (4) drupal (1) démocratie participative (1) démo vidéo (3) ergonomie (4) ESRI (8) event (5) google maps (1) géo-décisionnel (2) habitat (4) infographie (1) jeu de donnée (1) logement (3) marketing territorial (9) observatoire (3) open data (7) OpenStreetMap (1) outil métier (1) patrimoine (2) plan alimentaire territorial (1) portail open data (3) React Native (2) salon SIG (5) SEO (1) SIG (4) smart cities (11) success stories (43) territoire (18) tourisme (3) UI (4) UI/UX (1) Unity (2) UX (5) Xamarin (2)

logo-smart-origin-data-visualisation-carte-tableau-de-bord

Société de services en ingénierie logicielle, experte en cartographie et en data visualisation, façonnant des applications sur mesure et des expériences utilisateurs pensées pour s’informer, communiquer, travailler et vivre avec les données.

Expertises

  • Réalisations d’applications sur-mesure
  • Prestations de services autour des solutions Esri

Produits

  • Cities
  • Citizens
  • Dashboard
  • Field

Blog

  • Des rapports géomarketing automatisés à partir d’une adresse22 avril 2026 - 16 h 29 min
  • Associer Alfresco et ArcGIS Experience Builder grâce à un widget personnalisé10 janvier 2025 - 10 h 58 min
  • Ma Boussole Territoires, l’observatoire des solutions d’aide pour les aidants5 décembre 2024 - 12 h 04 min
© Smart/Origin, made with ❤ à Grenoble | contact@smart-origin.com | 04 76 41 16 69
  • Lien vers X
  • Lien vers LinkedIn
  • Politique de confidentialité et mentions légales
Lien vers: ENS / PDIPR : Boostez l’attractivité de vos territoires Lien vers: ENS / PDIPR : Boostez l’attractivité de vos territoires ENS / PDIPR : Boostez l’attractivité de vos territoiresENS-PDIPR-randonnées Lien vers: Retour sur 50 ans de Roland-Garros en cartes Lien vers: Retour sur 50 ans de Roland-Garros en cartes roland-garrosRetour sur 50 ans de Roland-Garros en cartes
Faire défiler vers le haut Faire défiler vers le haut Faire défiler vers le haut

Nous utilisons des cookies pour nos statistiques de fréquentations. En continuant à utiliser le site, vous acceptez l'utilisation des cookies.

AccepterRefuserEn savoir plus

Cookies et paramètres de confidentialité



Comment nous utilisons les cookies

Nous pouvons demander que les cookies soient mis en place sur votre appareil. Nous utilisons des cookies pour nous faire savoir quand vous visitez nos sites Web, comment vous interagissez avec nous, pour enrichir votre expérience utilisateur, et pour personnaliser votre relation avec notre site Web.

Cliquez sur les différentes rubriques de la catégorie pour en savoir plus. Vous pouvez également modifier certaines de vos préférences. Notez que le blocage de certains types de cookies peut avoir une incidence sur votre expérience sur nos sites Web et les services que nous sommes en mesure d’offrir.

Cookies Web Essentiels

Ces cookies sont strictement nécessaires pour vous délivrer les services disponibles sur notre site et pour utiliser certaines de ses fonctionnalités.

Du fait que ces cookies sont absolument nécessaires au bon rendu du site, les refuser aura un impact sur la façon dont il fonctionne. Vous pouvez toujours bloquer ou effacer les cookies via les options de votre navigateur et forcer leur blocage sur ce site. Mais le message vous demandant de les accepter/refuser reviendra à chaque nouvelle visite sur notre site.

Nous respectons votre choix de refuser les cookies mais pour éviter de vous le demander à chaque page laissez nous en utiliser un pour mémoriser ce choix. Vous êtes libre de revenir sur ce choix quand vous voulez et le modifier pour améliorer votre expérience de navigation. Si vous refusez les cookies nous retirerons tous ceux issus de ce domaine.

Nous vous fournissons une liste de cookies déposés sur votre ordinateur via notre domaine, vous pouvez ainsi voir ce qui y est stocké. Pour des raisons de sécurité nous ne pouvons montrer ou afficher les cookies externes d’autres domaines. Ceux-ci sont accessibles via les options de votre navigateur.

Cookies Google Analytics

Ces cookies collectent des informations de manière compilée pour nous aider à comprendre comment notre site est utilisé et combien son performantes nos actions marketing, ou pour nous aider à personnaliser notre site afin d’améliorer votre expérience de navigation.

Si vous ne souhaitez pas que votre visite soit pistée sur notre site vous pouvez bloquer ce pistage dans votre navigateur ici :

Autres services externes

Nous utilisons également différents services externes comme Google Webfonts, Google Maps, autres hébergeurs de vidéo. Depuis que ces FAI sont susceptibles de collecter des données personnelles comme votre adresse IP nous vous permettons de les bloquer ici. merci de prendre conscience que cela peut hautement réduire certaines fonctionnalités de notre site. Les changement seront appliqués après rechargement de la page.

Réglages des polices Google :

Réglages Google Map :

Réglages reCAPTCHA :

Intégrations de vidéo Vimeo et Youtube :

Autres cookies

Les cookies suivants sont également requis - Vous pouvez choisir d’autoriser leur utilisation :

Politique de Confidentialité

Vous pouvez lire plus de détails à propos des cookies et des paramètres de confidentialité sur notre Page Mentions Légales.

Politique de confidentialité et mentions légales
Accepter les réglagesMasquer uniquement les notifications