Vous cherchez des moyens de faire passer votre travail de conception au niveau supérieur ? Parfois, la meilleure chose à faire est de revenir aux classiques. Avez-vous entendu parler du nombre d'or ? Ce principe simple et ancien est en fait une astuce géniale que vous pouvez utiliser pour améliorer vos créations. Lisez la suite pour savoir ce qu'est le nombre d'or et comment vous pouvez l'utiliser dans la conception, en amenant vos dessins et modèles à un niveau supérieur. portfolio de design en ligne à de nouveaux sommets. Mais d'abord...
Qu'est-ce que le nombre d'or ?
Les Grecs anciens ont été les premiers à découvrir la beauté inhérente à l'asymétrie de la nature et ont exprimé ce phénomène du nombre d'or par la lettre grecque "ϕ" (Phi). En application, les artistes et les architectes ont utilisé Phi comme une arme secrète dans leur arsenal créatif, en créant des œuvres qui ont un sens de l'harmonie et de la proportion en accord avec l'ordre naturel.
Le nombre d'or est formé par une ligne divisée en deux parties. La partie la plus longue est ensuite divisée par la plus petite, égale à la somme de (a) + (b) divisée par (a), toutes deux égales à 1,618.
Cela vous a-t-il déjà cassé le cerveau ? Non ? Excellent.
Le nombre d'or est étroitement lié à la suite de Fibonacci. Celle-ci a été nommée en l'honneur de Léonard de Pise, connu plus tard sous le nom de Fibonacci. Cette séquence a d'abord été utilisée pour déterminer les habitudes de reproduction des populations de lapins.
Pour l'essentiel, le Les nombres de Fibonacci suivre une séquence dans laquelle chaque nombre est la somme des deux précédents, en commençant par 0 et 1. Voici un exemple simple : 0, 1, 1, 2, 3, 5, 8, 13, etc.
Si vous additionnez deux nombres successifs de la séquence, vous obtiendrez des nombres d'or...indéfiniment.
Où ai-je vu des exemples du nombre d'or en action ?
Il y a de fortes chances que vous ayez vu le nombre d'or dans la nature un nombre incalculable de fois sans vous en rendre compte. De même, vous avez vu d'innombrables peintures classiques sans jamais vous rendre compte de la séquence de Fibonacci qui se cache sous leur surface.
Nature
Le nombre d'or est comme une grille universelle sous-jacente que l'on retrouve dans toute la nature. Saviez-vous, par exemple, que les chambres des coquilles de nautile respectent la spirale logarithmique de la séquence de Fibonacci ?
La pomme de pin typique contient également cette séquence universelle. Si vous la regardez de haut en bas, le nombre de spirales dans chaque direction correspond à deux nombres de Fibonacci consécutifs !
L'échelle n'a pas d'importance : les nombres d'or sont tous autour de nous. Les molécules d'ADN ? Il y en a. Elles sont partout, de la plus petite tête de graine, comme les motifs que l'on trouve dans les tournesols, aux gigantesques galaxies spirales, comme les bras de la Voie lactée.
Peintures classiques
Léonard de Vinci a utilisé le nombre d'or dans plusieurs de ses œuvres. Si l'on superpose le spirale dorée au sommet de la Mona LisaSi l'on prend l'exemple d'une jeune femme, on s'apercevra que son corps s'aligne parfaitement sur les proportions de la spirale. Même si la grille du nombre d'or sous-jacente n'est pas visible, nos yeux sont naturellement attirés par le centre d'une spirale. Dans cet exemple, son nez s'inscrit parfaitement dans la spirale. Dans votre propre travail, veillez à placer des zones d'intérêt visuel élevé dans les arcs de cette spirale.
Une autre œuvre durable avec des mathématiques cachées est La grande vague au large de Kanagawa de l'artiste japonais Hokusai. Si vous sortez vos règles et tracez quelques grilles, vous serez étonné de découvrir qu'il a été dessiné en utilisant des rapports égaux à la séquence de Fibonacci. Il n'est donc pas étonnant qu'il s'agisse de l'une des œuvres d'art japonaises les plus reconnues au monde !
Alors, comment vous utiliser le nombre d'or dans la conception ?
Comment fonctionne la conception graphique du nombre d'or ?
Mise en place de grilles
S'attaquer à la mise en page peut être une tâche ardue. Au lieu de positionner arbitrairement les éléments sur une page, il est possible d'obtenir un rythme plus agréable pour l'œil grâce à des grilles sous-jacentes. Mais comment les mettre en place?
J.A. Van de Graaf, un artiste néerlandais du milieu du siècle dernier. concepteur de livresa proposé une telle stratégie après avoir analysé des centaines de manuscrits médiévaux. Le bien nommé Canon Van de Graaf est une solution géométrique qui utilise le nombre d'or pour diviser une page en proportions visuellement attrayantes.
Ce qu'il a découvert, c'est que son processus toujours Le résultat est un bloc de texte qui se trouve à 1/9e de la marge supérieure et à 1/9e de la marge intérieure, quelle que soit la taille de la page avec laquelle il commence. Le résultat final est un corps de texte à la fois équilibré et proportionnel à la page, avec des marges larges et élégantes.
Conception du site Internet Golden Ratio
Un contenu bien équilibré consiste à créer des compositions agréables qui s'articulent entre elles dans de belles proportions. Utilisez le nombre d'or pour réunir de nombreux éléments de manière harmonieuse. Par exemple, vous pouvez l'utiliser comme ligne directrice pour déterminer les dimensions de votre site web.
Divisez la zone de contenu et la barre latérale de manière à respecter le rapport magique de 1:1,618 de Fibonacci. Si vous avez une zone de contenu de 640 px, le fait de dimensionner votre barre latérale à 400 px, par exemple, garantira que votre mise en page respectera toujours ces proportions !
La présentation en deux colonnes est parfaitement adaptée conception de sites webet de nombreux contenus en ligne utilisent ce format avec un maximum d'efficacité. (Voir notre Conseils pour la conception de sites web pour plus d'informations sur la façon de créer de beaux sites !)
Cultures
Une bonne règle d'or en matière de design est axée sur le contrôle de la première impression. Un moyen facile d'utiliser le nombre d'or dans votre propre travail créatif est de recadrer les photos. Utilisez la spirale dorée pour améliorer la composition de vos images, à l'instar des grilles sous-jacentes utilisées dans les peintures classiques.
Pour un contenu bien équilibré, vous devriez envisager de placer le point focal principal de l'image au centre du nombre d'or correspondant. Cette technique peut être utilisée lorsque vous la conservation d'images pour votre propre portfolio: cela vous aidera à choisir les photos les plus agréables à l'œil.
Composition de la photographie
Les grandes photos reposent sur des compositions intelligentes qui guident les yeux vers les éléments visuels clés.
La règle des tiers est une version simplifiée du nombre d'or, mais heureusement, le rapport de 1:1,168 est déjà très proche des dimensions des films 35 mm et des appareils photo numériques. Cela signifie que vous pouvez arranger les principaux chiffres directement dans l'appareil photo sans avoir à ajuster la taille de l'image. Ce n'est peut-être pas aussi précis que le nombre d'or, mais c'est un moyen rapide de faire le travail !
Divisez votre image verticalement et horizontalement en 1:1:1 et alignez l'action sur l'une des quatre intersections. Vous obtiendrez ainsi une photo dynamique avec une tension agréable à l'œil, parfaite pour attirer les gens vers votre site web. site web de portfolio en ligne.
Typographie
Nous avons utilisé le nombre d'or comme moyen de déterminer la composition, mais saviez-vous que ces nombres peuvent également être utilisés pour étoffer la composition d'un produit ou d'un service ? hiérarchie typographique?
Ainsi, vos éléments typographiques partageront une relation proportionnelle synchronisée avec l'univers dans son ensemble. Par exemple, si vous commencez par un corps de texte de 10 pt, vous pourriez passer toute la journée à essayer de trouver la taille appropriée pour les titres. Utilisez la séquence de Fibonacci pour ne plus avoir à vous poser de questions.
Avec le ratio, il suffit de multiplier cette taille par 1,618, ce qui donne 16,18 pt dans ce cas. Définissez ces en-têtes à cette taille, ou arrondissez-les à 16 pt si vous préférez !
Félicitations : vous venez d'effectuer un calcul pour obtenir de meilleurs caractères !
Peur des maths ?
Les mathématiques peuvent parfois sembler intimidantes pour les personnes dont les points forts résident dans la créativité visuelle. Heureusement, il existe un grand nombre d'outils en ligne qui vous permettront d'utiliser rapidement et sans douleur le nombre d'or dans la conception.
Phicalculateur
Il s'agit d'une simple calculatrice de nombre d'or qui peut prendre n'importe quel nombre et trouver la valeur correspondante du rapport de Fibonacci. Et c'est gratuit !
Rapport d'or
Essayer de comprendre les nombres de Fibonacci sur le terrain peut être un casse-tête. Heureusement, il existe une application pour le nombre d'or. Cette application fait le gros du travail mathématique à votre place lorsqu'il s'agit d'appliquer le nombre d'or aux interfaces utilisateur, aux sites web et aux mises en page d'imprimés.
Ou essayez le modèle du nombre d'or
Vous pouvez également utiliser les outils suivants téléchargeable gratuitement modèles vectoriels.
N'oubliez pas de télécharger vos dessins au nombre d'or dans votre portfolio en ligne !
Maintenant que vous savez comment fonctionne la conception graphique du nombre d'or, vous pouvez l'appliquer à vos propres créations glorieuses. Une fois que vous aurez réalisé des travaux intéressants avec le nombre d'or, n'oubliez pas de les télécharger sur votre portfolio en ligne pour les partager avec le monde entier.
Vous n'en avez pas ? Pas de souci, il est facile d'en fabriquer un en quelques minutes avec un constructeur de site web. Choisissez un portefeuille en ligne qui vous permet de personnaliser vos polices de caractères et offre des services propres et modernes modèles. Une autre caractéristique à surveiller est l'épreuvage client intégré; cela vous aidera à rationaliser votre flux de travail, ce qui rendra le retour d'information des clients plus efficace. manière plus facile.
Une fois que vous aurez maîtrisé cette astuce de conception, vous serez comblé !
Vous voulez d'autres conseils en matière de design ?
Guide des salaires des graphistes - et comment les négocier
150+ maquettes PSD gratuites pour les graphistes
63 tutoriels Adobe Illustrator extrêmement sympas
FR 
EN 
ES 
PT 
DE 