Cela pourrait ressembler à une leçon de mathématiques, mais tenez bon. Le nombre d'or combine un peu de maths, un peu de nature et beaucoup d'applications pratiques pour les concepteurs. Voyons ce que signifie le nombre d'or pour la conception et quelques astuces pour l'utiliser dans vos projets de conception.
Le nombre d'or a été utilisé à travers l'histoire pour créer des éléments de design offrant un attrait visuel idéal. Parce que la forme est enracinée dans la nature et les mathématiques, c'est la combinaison parfaite de l'équilibre et de l'harmonie. Et c’est un outil formidable pour vous mettre à la tâche en tant que designer.
Quel est le nombre d'or?
Simplement, le nombre d'or (également appelé rectangle d'or et nombre d'or) est une forme avec une proportion de 1 à 1,618.
De manière plus complexe, les calculs peuvent être décrits comme suit, comme expliqué par Interaction Design Foundation:
Chaque nombre dans la séquence de Fibonacci est simplement la somme des deux nombres qui le précèdent. Il commence par 1, 1 (c'est-à-dire 1 + le 0 invisible = 1), et les 10 premiers membres de la séquence sont 1, 1, 2, 3, 5, 8, 13, 21, 34, 55. Il continue indéfiniment .
Calculez mathématiquement le ratio à l'aide de la formule pour Phi: A / B = (A + B) / A = 1,618033987 =?
Les applications pour les projets d'impression et de conception Web sont souvent moins précises que celles 1 à 1.618. De nombreux concepteurs arrondissent les chiffres lors de la création d'un nombre d'or mathématique pour des grilles plus faciles à utiliser.
Lorsqu'il s'agit d'appliquer le concept, il est souvent représenté à l'aide d'une spirale, de cercles ou de triangles.
Et ce n'est pas juste un truc de design. Le nombre d'or se retrouve dans la nature (coquille de Nautile), l'art (la Joconde), l'architecture (la tour Eiffel) et le design.
Comment l'utilisez-vous?
En ce qui concerne l’application du nombre d’or, il existe différentes écoles de pensée:
- Configurez la conception à l'aide d'une grille basée sur le ratio pour créer une harmonie
- Ne faites rien car cela s'applique que vous le fassiez intentionnellement ou non
La meilleure solution pourrait être quelque part au milieu. Selon toute vraisemblance, votre œil est probablement entraîné à créer et à adopter des conceptions qui incluent cette théorie, mais il n’est jamais inutile de voir si vous l’appliquez bien.
Et la toile peut causer toutes sortes de problèmes en ce qui concerne le nombre d'or. Vous ne savez pas quelle taille de navigateur une personne peut utiliser ou le rapport peut ne pas correspondre à une taille d'impression spécifique.
Le but est de créer dans le design des pièces qui correspondent à cette forme idéale. Considérez cela comme un logo ou un recadrage de photo. Utilisez-le pour créer un en-tête ou une partie d'un dessin. Utilisez les concepts pour créer une grille de base ou une échelle hiérarchique pour la typographie.
Grilles et modèles
Si vous êtes quelque chose comme moi, l'idée de mathématiques complexes pour résoudre un problème de conception est un peu intimidante. Il y a des cas où avoir d'excellents outils peut aider.
Voici quelques modèles et calculatrices pour faciliter l’utilisation du nombre d’or.
- Phiculator: Entrez n'importe quel nombre et obtenez le nombre d'or correspondant
- Calculateur de typographie en ratio doré: Créer une échelle basée sur une police et une taille de base
- Modèle Golden Ratio: Modèle vectoriel téléchargeable gratuitement
- Modèle de filature de ration d’or: avec des calques pour une courbe, un cercle ou un carré
- Golden Ratio Calculator: Calculez le ratio avec n'importe quel ensemble de nombres
- Calculateur de rectangle doré: Obtenez les dimensions des rectangles dorés extérieurs et intérieurs pour n’importe quel nombre (c’est la base de nombreuses grilles Web utilisant le rapport)
3 astuces pour utiliser le nombre d'or
Alors, comment mettez-vous toutes ces informations en pratique? (Nous ne voulons pas que vous réfléchissiez trop aux projets de conception et que vous soyez submergé par les mathématiques.)
Voici trois astuces pour utiliser le nombre d'or dans les projets de conception.
- Utilisez le rapport pour créer une grille de site Web de base pour la zone de contenu principale et la barre latérale. Selon W3Schools, la résolution de navigateur la plus courante au début de 2018 est de 1366 sur 768 pixels. Appliquez le nombre d'or pour une zone de contenu de 846 pixels de large avec une barre latérale de 520 pixels de large. Lorsque l'on considère le rapport à cet effet, la hauteur n'a pas d'importance.
- Utilisez le rapport pour créer un guide pour l'espacement dans la conception. Prototypr.io a ce conseil: - Utilisez des carrés plus grands comme les unités 8 et 13 pour définir les dispositions. Utilisez des carrés plus petits des unités 1, 2 ou 3 pour définir les gouttières et l'espacement du contenu? basé sur des rectangles d'or.
- Utilisez ce rapport pour créer des éléments durables tels que des icônes ou des logos: le fait d’avoir un élément durable avec une forte harmonie peut créer la structure de projets en cours. L'exemple ci-dessus inclut un modèle que vous pouvez télécharger et essayer.
Pourquoi le ratio d'or est-il important dans la conception?
Alors, pourquoi le nombre d'or est-il vraiment important pour les concepteurs?
C'est un outil supplémentaire pour vous aider à créer quelque chose qui donne aux utilisateurs le ton émotionnel et visuel qui convient. Cette théorie existe que vous l'appliquiez intentionnellement ou non. Donc, ce qui compte, c’est que vous le compreniez et le reconnaissiez afin de créer le meilleur design possible et le plus utilisable possible.
Le ratio d’or vous indique des zones de concentration sur lesquelles l’utilisateur est susceptible de se concentrer et de regarder en fonction de la nature. Cela aide à créer un équilibre et une échelle, même non intentionnelle.
Voici quelques sites Web bien conçus avec le gabarit du nombre d'or superposé pour voir exactement en quoi il se rapporte à des conceptions individuelles.
Conclusion
Alors voici votre clé pour comprendre et utiliser le nombre d'or: c'est là que vous y réfléchissiez ou non. Alors, pourquoi ne pas considérer comment cette théorie de conception éprouvée peut fonctionner pour vous et améliorer les projets?
Téléchargez le modèle que nous avons utilisé ici et insérez-le dans certaines de vos conceptions pour voir si vous vous en êtes approché sans même y penser
Incrustation du nombre d'or conçue par Eightonesix