Concevoir avec des cercles: astuces et conseils
Une fois évités par les designers, les cercles semblent faire leur grand retour. La forme parfaitement ronde - et ses homologues oblongs - peut être difficile à travailler. La forme ne s'empile pas aussi bien que le rectangle plus standard et crée une sensation globale très différente.
Le cercle est une forme parfaite, ce qui signifie qu'il est le même, peu importe comment vous le regardez. Il est complet et en harmonie avec la nature - considérez combien d'éléments naturels sont basés sur des cercles. Alors, en tant que designer, comment pouvez-vous faire fonctionner les cercles pour vous?
Cercles de base
Les cercles sont familiers et sûrs. Ce qui est à l'intérieur d'un cercle est «protégé» de l'extérieur et ce qui est à l'extérieur d'un cercle peut être empêché de se rapprocher du contenu d'un cercle. La forme est intéressante et un point d'attraction.
Ce sont toutes de bonnes raisons d'envisager l'utilisation de cercles dans la conception. Mais les cercles peuvent également être difficiles à gérer car ils peuvent créer des espaces étranges et peuvent ne pas fonctionner correctement avec d'autres éléments de conception. L'utilisation d'un thème circulaire doit être bien planifiée, conçue et exécutée.
En plus du cercle traditionnel, nous commençons également à arrondir les formes en général dans les projets de conception. Formes oblongues, presque rectangles avec des bords dramatiquement incurvés - ces éléments ont tous une signification propre. Nous allons donc nous concentrer sur la bague parfaite et sa récente popularité dans les projets de design.
Signification des cercles
Il existe de nombreuses associations liées aux cercles. Ils sont fluides et liés au mouvement et à la mobilité (pensez à la roue). Parce que les cercles font partie du monde naturel - la forme de la lune, des fleurs, des fruits - l'objet est considéré comme réel et représente la vie.
De plus, les courbes d'un cercle peuvent être réconfortantes et sont associées à l'énergie, la puissance, l'harmonie et l'infini.
En tant que designers, nous sommes tous très habitués à voir la roue des couleurs, l'un des cercles les plus reconnaissables du monde du design. Cela fonctionne parce qu'il combine tous les traits ci-dessus pour créer un objet qui communique des informations d'une manière simple, puissante et harmonieuse. Les cercles sont complets et mettent l'accent.
Cercles dans la conception Web
Les cercles, autrefois rarement utilisés dans la conception de sites Web, deviennent une option plus populaire. (Il y a des années, il était difficile de créer des formes arrondies en CSS, mais ce n'est plus le cas.) Alors, quels sont les attributs d'un excellent site Web avec des cercles?
Ils sont souvent utilisés de l'une des cinq manières suivantes:
Comme forme ou cadre dominant.
Plutôt que de rectangle pour les images, certains concepteurs utilisent des cercles. Des cercles peuvent également être utilisés pour les logos ou les boutons. Alors qu'un cercle peut créer de l'intérêt, il peut créer un dilemme en ce qui concerne le recadrage et l'espace. L'image s'inscrit-elle à l'intérieur du cercle? (Les appareils photo ne prennent pas de photos rondes.) Les cercles ont-ils suffisamment d'espace pour se tenir debout seuls afin que les images ne soient pas mélangées? Les cercles en tant que cadres sont les plus populaires dans la conception de portefeuilles, pour montrer une «tranche» de travail sans montrer le tout.
Comme éléments d'interface utilisateur.
Un bouton rond est une chose familière. Vous savez pousser (ou cliquer) pour faire une sélection, faisant des cercles un choix populaire pour les appels à l'action. Les éléments d'interface utilisateur circulaires sont les plus populaires lorsqu'ils sont utilisés avec parcimonie.
Comme arrière-plan.
En raison de l'harmonie innée associée à la forme, les cercles sont faciles à utiliser comme motif de fond. Ils créent un sentiment d'écoulement et de calme. Les arrière-plans circulaires peuvent également aider à mettre l'accent sur les éléments qu'ils entourent, comme une icône qui vit dans un cercle.
Comme outil d'information graphique.
Les cercles sont un outil commun pour montrer comment les choses sont à la fois différentes et similaires en fonction de la notion de chevauchement des formes. Il s'agit d'un outil courant pour afficher différents types de données et d'informations.
Pour créer de l'intérêt.
Parfois, l'idée derrière l'utilisation d'un cercle est simplement d'être différente et de faire ressortir quelque chose du paysage surpeuplé. Les cercles sont un excellent moyen de créer un intérêt visuel. Mais faites attention, utiliser trop de cercles peut créer une apparence d'instabilité ou de chaos car chaque élément demande à être vu.
Cercles dans les éléments de l'interface utilisateur
En tant qu'outils d'interface utilisateur, les cercles semblent mieux fonctionner lorsqu'ils sont utilisés dans le cadre d'un schéma de conception minimaliste global. Ils ont besoin d'espace pour respirer, être identifiés et avoir du sens pour les utilisateurs. Lorsqu'ils sont utilisés de cette manière, les cercles peuvent être une bonne alternative à d'autres types de navigation.
Prenez Gravitate Design, par exemple. Les cercles sont utilisés dans un seul but: naviguer à gauche et à droite. Tous les autres boutons sont rectangulaires. Ce que les cercles font ici, c'est montrer que vous interagissez avec le site d'une manière différente de ce à quoi vous pourriez vous attendre. (Dans ce cas, le site défile de haut en bas, mais aussi de panneaux côte à côte.)
Zervice utilise également des cercles pour les boutons et la navigation, mais d'une manière très différente. La navigation à gauche utilise des «boutons-poussoirs» pour vous faire passer d'une page à l'autre. De plus, le site comporte des cercles pour héberger tout le texte sur un fond chargé, afin que vous sachiez exactement où sur l'écran se concentrer.
Cercles dans les applications et la conception mobile
Les cercles dans les applications peuvent également être très amusants. Je suis actuellement accro à Hundreds, qui n'est qu'un jeu de cercles. Et le jeu a une application pratique pour la conception avec des cercles - ils ont besoin d'espace pour bien fonctionner. Dans le jeu, des cercles de différentes tailles se déplacent sur l'écran; s'ils se touchent, vous perdez. C'est la même idée avec le design. Les cercles ont besoin de leur propre espace pour être le plus fonctionnel.
Cependant, l'utilisation de cercles sur des écrans plus petits peut représenter un défi. Ils doivent être assez grands pour lire ou voir facilement et si un cercle se double d'un bouton, il doit être suffisamment grand pour être utilisé.
Buza utilise des cercles comme boutons pour les ventes. Ils sont grands et isolés, ce qui en fait un endroit facile à cliquer (ou à toucher).
Cercles dans d'autres projets
Les cercles sont également un choix populaire pour les logos et les formes sur les cartes de visite. (Ce n'est pas surprenant car nous voyons plusieurs des mêmes tendances simultanément dans la conception numérique et imprimée.)
Les mêmes raisons d'utiliser ou de ne pas utiliser les cercles s'appliquent aux projets imprimés. Mais il y a une considération supplémentaire… l'impression. Contrairement aux projets numériques confinés dans un écran rectangulaire, vous pouvez réellement créer et concevoir un support circulaire.
Les dépliants, autocollants, cartes et autres matériaux coupés en forme ont la valeur supplémentaire d'être différents lorsqu'ils sont utilisés d'une manière plus non conventionnelle. Cela peut apporter une attention supplémentaire au projet en cours.
Soyez juste conscient de ce qui se trouve à l'intérieur du cercle. N'oubliez pas que la forme est conçue pour contenir quelque chose. Assurez-vous que la forme, l'imagerie visuelle et les mots créent tous un message unifié. Cela fonctionne de la même manière que l'utilisation de cercles comme cadres pour des images dans des projets numériques.
Conclusion
Alors, comment commencez-vous avec les cercles? Il existe une tonne d'excellentes ressources pour vous aider à imaginer les possibilités, y compris l'un de mes favoris, Creative VIP.
Creative VIP utilise non seulement de nombreux cercles dans sa conception et son interface, mais il est également une passerelle vers d'excellents outils pour les concepteurs. En ce moment, vous pouvez trouver de grandes collections d'icônes circulaires, des modèles pour la conception d'applications avec des cercles, des modèles de page de destination utilisant des anneaux, des curseurs ronds et même quelques badges. (Je suis membre et j'adore cette ressource, même si ce n'est que pour l'inspiration.)
Bonne chance pour vous lancer dans la conception circulaire!
Sources d'images: Life in My Shoes, Project Green, Janko at Warp Speed, We Love to Code et Creative Sweet Business Cards .
