Design to the Nines et la règle des tiers
Si vous avez passé du temps à explorer le secteur de la création, vous avez probablement entendu l'expression «règle des tiers». C'est l'une des expressions que les gens aiment utiliser lorsqu'ils veulent avoir l'air intelligent. Aller de l'avant. Vous pouvez faire une note mentale pour plus tard. Je ne le dirai à personne.
Souvent, la règle des tiers est utilisée en référence à la photographie, et voici comment cela fonctionne: pour utiliser efficacement une image, divisez-la en neuf parties égales. Les lignes formées par cette division devraient offrir une définition claire des aspects les plus importants de la pièce, en créant une image visuellement passionnante.
Dans l'exemple ci-dessous, l'horizon dans la photographie de droite s'aligne avec le segment inférieur, tandis que la formation rocheuse, maintenant sur le côté, crée un parallèle intéressant avec la vaste étendue de ciel. Il est déséquilibré, contrairement à la photographie symétrique à gauche, ce qui le rend plus intéressant, ce qui donne plus d’étude à votre cerveau.
Je suis sûr que vous pouvez imaginer pourquoi le fait de toucher un accord avec les téléspectateurs est essentiel pour une bonne photographie. Si une photo n'est pas esthétique, elle n'a pas fait son travail et vous, le téléspectateur, ne vous souciez pas de ce que le photographe a fait pour obtenir la photo. Une image doit persister pour être efficace. Le cerveau comprend la symétrie et la met de côté. L'asymétrie est cependant difficile. Passionnant. Nouveau. Assez curieusement, c'est cette raison esthétique qui a conduit des artistes à utiliser la règle des tiers (et sa cousine, la proportion divine) pendant des siècles.
Mais ce sont des leçons pour un cours d'histoire de l'art et j'ai promis de ne jamais y retourner. - Je plaisante, bien sûr. S'il vous plaît, ne m'envoyez pas de courrier haineux d'histoire de l'art.
Alors, pourquoi la règle des tiers est-elle importante dans la conception?
Bien sûr, avec chaque "règle" donnée dans l'art, il n'est pas nécessaire d'adhérer strictement au concept. La règle des tiers est davantage une ligne directrice pour aider un concepteur à se concentrer sur le contenu. Ne vous inquiétez pas trop à ce sujet; ce n'est pas comme si les téléspectateurs savaient immédiatement qu'un designer utilisait le nombre d'or. (Soyons honnêtes, ce serait une perte de temps remarquable de s’assurer que chaque bouton a été construit en utilisant la séquence de Fibonacci.) Au lieu de cela, un spectateur pourrait penser: "Oh, ça fait plaisir de regarder." de la même manière, ils peuvent aimer étudier une œuvre d'art bien structurée. Et aussi frustrant que de savoir que votre travail acharné est passé inaperçu, c'est exactement ce que vous voulez.
Pour tout le brouhaha qui entoure les différentes modes au sein de la conception, quelques éléments sont restés vrais: ne surchargez pas la page, gardez vos aspects clés au-dessus du pli, et essayez de vous en tenir à la proportion divine magique.
Pour les blogs et les sites d'actualités, il est relativement facile de respecter le ratio d'or de 1,6 (etc., etc.). Vous avez votre section de contenu principale à gauche, et une barre latérale à un peu plus du tiers de la taille de l'espace de contenu. Avec mon petit œil, je vois que cela fonctionne bien avec les neuf carrés pour notre règle des tiers. Mais si vous voulez un blog.
Disons que vous avez un produit à vendre et que vous voulez rendre votre page plus esthétique que possible. Nous allons examiner un exemple qui utilise bien la règle des tiers, tout en évitant la structure typique à deux colonnes.
La plupart des lecteurs consultent un site Web dans la formation «F». Scannez le haut de la page, puis déplacez-vous du côté gauche. Naturellement, cela fonctionne bien avec le format à deux colonnes. Cependant, regardons notre exemple du site de uCast. Le long des trois premiers rectangles, nous avons les bons de navigation habituels avec un logo propre, donc nous savons dans quoi nous nous engageons. Le slogan s'aligne bien avec le tiers supérieur, convenant juste à la ligne d'horizon de l'exemple de photographie précédent. L'œil tombe alors sur le côté gauche, mais une fois au fond, les pas numérotés nous amènent à nouveau à droite. Nous avons fait un cercle complet et, en une seule page, le spectateur comprend très bien le site et son produit.
L'intersection des lignes présente un intérêt particulier. C'est là que beaucoup pourraient utiliser la règle des tiers et, en effet, uCast a utilisé les lignes comme un joli serre-livre pour son slogan. Cependant, il convient de noter que la règle des tiers n’est pas destinée à être utilisée pleinement. L'inclinaison d'une image vers la gauche ou la droite crée un mouvement et est beaucoup plus attrayante pour les yeux qu'une conception symétrique. Utilisez les intersections et les lignes implicites, mais pas toutes en même temps, ou elles perdent leur éclat.
La règle des tiers est un outil simple pour vous aider à contrôler votre conception. Ce n'est pas tout, mais c'est un bon point de départ si vous sentez que votre conception n'est pas tout à fait cohérente visuellement.
Avez-vous rencontré des sites Web pouvant intégrer la règle des tiers? Comment appliquez-vous la règle à vos conceptions? Faites le nous savoir dans les commentaires.