Fondements du design : construire votre marque et votre site

Si vous êtes un designer, vous vous arrêterez probablement à peu près maintenant, mais si vous ne l'êtes pas, continuez et apprenez tout sur les fondements du design.

Le design ne consiste pas seulement à rendre les choses jolies. Il s'agit vraiment de manipuler et d'enseigner à l'utilisateur comment utiliser votre site Web. Le rôle d'un designer est de tracer le chemin qu'un utilisateur doit emprunter pour qu'il puisse répondre à ses besoins et que tout le monde soit heureux.

Souvent, un utilisateur ne remarquera même pas ce qui se passe. C'est parce que le design suit un ensemble de règles que nous avons naturellement apprises en visitant des centaines de sites Web au cours de notre vie.

Composition

Tout ce que vous voyez sur une page est là pour une raison, et une bonne conception suivra un ensemble de règles appelées principes de conception Gestalt .

Le cerveau humain est merveilleux dans la mesure où il peut combler les lacunes d'une image sans avoir à y penser consciemment. Si vous avez déjà vu un visage dans un objet inanimé, c'est votre cerveau qui fait exactement cela.

Les principes de la Gestalt sont fondamentalement basés sur le fonctionnement de notre cerveau. Au cours de votre journée, votre cerveau essaie frénétiquement de simplifier et d'organiser une série d'images complexes à chaque seconde, le tout pendant que vous sirotez simplement votre café !

Nous sommes construits pour rechercher des modèles et une structure dans tout ce que nous regardons, en organisant inconsciemment tout dans un système organisé dans notre esprit. Les concepteurs utilisent ensuite ces connaissances pour concevoir pour le subconscient en utilisant les principes suivants :

Figure/sol

Figure/sol utilise le concept d'espace négatif et de contraste. Le cerveau séparera les éléments en ce qu'il considère être au premier plan et à l'arrière-plan. Il prendra une partie de l'image et lui attribuera le rôle de « point focal », et verra la plus grande zone d'une image comme l'arrière-plan sur lequel le personnage est assis.

Cela se voit souvent dans les illusions d'optique, mais peut être appliqué aux logos et aux sites Web. Par exemple, le logo FedEx utilise un espace négatif dans le logo pour créer l'illusion d'une flèche cachée à l'intérieur.

L'espace négatif entre le "E" et le "x" donne l'impression qu'il y a une flèche là-bas.

Proximité

Ce principe est centré sur l'idée que le cerveau essaie de regrouper les choses. Les objets proches les uns des autres semblent faire partie d'une famille. Même si les formes sont identiques, c'est leur positionnement qui fait que l'utilisateur suppose que les éléments font partie d'un groupe.

Même si la couleur, la forme et la taille sont toutes les mêmes, notre cerveau nous dit qu'il s'agit de trois groupes distincts :

Connectivité uniforme

C'est l'un des principaux moyens par lesquels les concepteurs «enseignent» à l'utilisateur comment utiliser le site Web. Cela peut être fait par la couleur, la taille et la forme. Il est prudent de supposer que les informations fournies dans les cercles, par exemple, sont de nature similaire et que les informations fournies dans les carrés, par exemple, sont de nature différente de celles des cercles.

Continuation

La continuation, ou l'alignement, est basée sur l'idée que l'œil humain suivra le chemin le plus simple sur une page. Par conséquent, toute information importante doit figurer dans cette ligne car c'est le premier endroit que l'utilisateur cherchera.

Cela peut être fait très subtilement car les lignes dirigent l'œil du spectateur avec des lignes littérales ou des formes qui tombent naturellement dans une ligne. Cela peut être vu généralement dans les organigrammes et les infographies, mais aussi dans les sites de commerce électronique sur des curseurs horizontaux montrant des produits connexes.

Les grilles sont une grande partie de cet alignement. Issu de l'idée de simplicité, le mouvement artistique Bauhaus originaire d'Allemagne au début du 20e siècle a commencé le concept de grilles.

Couleur

La couleur est évidemment importante pour la reconnaissance de la marque. Dès que nous voyons les arches dorées brillantes de McDonald's sur un fond rouge, nous savons ce que c'est. Ces couleurs n'ont pas seulement été choisies au hasard, il y a une certaine science derrière cela.

Par exemple, le choix du rouge et du jaune de McDonald's est utilisé car ce sont des couleurs chaudes qui augmentent le rythme cardiaque et donc vous rendent plus affamé – et plus susceptible d'acheter leurs produits alimentaires.

La couleur est beaucoup une question d'émotion. Vous devez penser à qui est votre public et à quelles émotions vous voulez que votre marque soit associée.

Jaune

Communément associé au bonheur et à la confiance. Ses couleurs chaudes le rendent idéal pour une utilisation dans l'industrie alimentaire car il peut augmenter l'appétit. Cependant, il y a des facteurs d'âge à considérer. Le jaune peut rendre les bébés plus enclins à pleurer, mais les adolescents et les jeunes adultes se sentent plus optimistes à propos de la couleur jaune. Cela change à nouveau lorsque vous atteignez la population plus âgée qui associe alors le jaune à la peur.

Bleu

Souvent utilisé dans les milieux médicaux et pour la technologie. Il a une qualité plus calme et sereine et peut sembler plus professionnel. Il a également l'effet inverse sur l'appétit et le supprime en fait davantage.

Mauve

Le violet est associé à la richesse, au pouvoir et au succès. Cela vient du fait que les rois portaient du violet comme signe de richesse car c'était l'un des pigments les plus difficiles à teindre avec du tissu – il fallait être très riche pour obtenir des vêtements de cette couleur. Cela s'est propagé dans notre subconscient et donne au violet les mêmes connotations qu'il y a des centaines d'années.

Rose

Le rose est connu pour ses qualités apaisantes. Ses effets sont si puissants que les couleurs sont utilisées dans les prisons pour calmer initialement les détenus. Il a alors également des associations plus stéréotypées telles que l'amour et la romance.

Orange

Semblable au jaune car c'est une couleur chaude, l'orange transmet des émotions d'enthousiasme et d'excitation. Il peut être utilisé comme une version plus douce du jaune car il est plus accessible et convivial. Ses couleurs vives signifient également qu'il peut être utilisé pour des panneaux pour attirer l'attention ou mettre en garde sans être aussi dur que le rouge par exemple.

Rassembler ensemble

Ceci n'est qu'une introduction au design. Comme vous pouvez le voir, de nombreux éléments et beaucoup de réflexion peuvent se cacher derrière quelque chose qui peut sembler relativement simple à première vue. Mais chaque marque et site Web est essentiellement créé via une combinaison de certains de ces principes pour créer les marques et les sites que vous apprenez à reconnaître instantanément.

Si vous souhaitez en savoir plus sur le design, n'hésitez pas à contacter l'un de nos créatifs.