Une fois rejetés par les concepteurs, 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 générale bien différente.
Le cercle est une forme parfaite, ce qui signifie que c'est la même chose, peu importe comment vous le regardez. Il est complet et en harmonie avec la nature. Déterminez combien d’éléments naturels sont basés sur des cercles. En tant que designer, comment pouvez-vous utiliser les cercles?
Cercles de base
Les cercles sont familiers et sécuritaires. Qu'y a-t-il à l'intérieur d'un cercle? Protégé? de l'extérieur et ce qui est en dehors d'un cercle peut être empêché de s'approcher du contenu d'un cercle. La forme est intéressante et un point d’attraction.
Ce sont toutes d'excellentes raisons pour envisager l'utilisation de cercles dans la conception. Mais les cercles peuvent également être difficiles à manipuler, car ils peuvent créer des espaces étranges et risquent de ne pas bien fonctionner 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 à voir des formes plus arrondies en général dans les projets de conception. Des formes oblongues, des quasi-rectangles aux bords considérablement incurvés - ces éléments ont tous leur propre signification. Nous allons donc nous concentrer sur la bague parfaite et sa récente popularité dans les projets de conception.
Signification de 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 à de l'énergie, du pouvoir, de l'harmonie et de l'infini.
En tant que concepteurs, 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 car il combine tous les traits ci-dessus pour créer un objet qui communique des informations de manière simple, puissante et harmonieuse. Les cercles sont complets et créent une emphase.
Cercles dans la conception Web
Les cercles, autrefois rarement utilisés dans la conception Web, deviennent de plus en plus populaires. (Il y a des années, il était difficile de créer des formes arrondies en CSS, mais ce n'est plus le cas.) Quels sont donc les attributs d'un superbe site Web comportant des cercles?
Ils sont souvent utilisés de cinq manières différentes:
En forme ou cadre dominant.
Plutôt que de rectangle pour les images, certains concepteurs utilisent des cercles. Les cercles peuvent également être utilisés pour les logos ou les boutons. Même si un cercle peut créer un intérêt, il peut créer un dilemme en matière de recadrage et d'espace. Est-ce que l'image rentre dans le cercle? (Les caméras ne font pas de photos rondes.) Est-ce que les cercles ont suffisamment de place pour rester seuls, de sorte que les images ne soient pas mélangées? Les cercles comme cadres sont les plus populaires dans la conception de portefeuille, pour montrer une "tranche". de travail sans montrer le tout.
En tant qu'éléments d'interface utilisateur.
Un bouton rond est une chose familière. Vous savez appuyer (ou cliquer) dessus 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.
En arrière plan.
En raison de l'harmonie innée associée à la forme, les cercles sont faciles à utiliser comme motif d'arrière-plan. Ils créent un sentiment de flux et de calme. Les arrière-plans circulaires peuvent également aider à mettre en évidence les éléments qu’ils entourent, par exemple une icône qui se trouve dans un cercle.
En tant qu'outil d'information graphique.
Les cercles sont un outil commun pour montrer comment les choses sont à la fois différentes et similaires en se basant sur la notion de chevauchement des formes. C'est un outil commun permettant d'afficher différents types de données et d'informations.
Pour créer de l'intérêt.
Parfois, l’idée derrière 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 attention, utiliser trop de cercles peut créer une impression 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 donner un sens aux utilisateurs. Utilisés de cette manière, les cercles peuvent constituer une alternative intéressante aux 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. Les cercles montrent ici que vous interagissez avec le site de manière différente de celle à laquelle vous pourriez vous attendre. (Dans ce cas, le site défile de haut en bas, mais également des panneaux côte à côte.)
Zervice utilise également des cercles pour les boutons et la navigation, mais de manière très différente. La navigation de gauche utilise? Des boutons-poussoirs? pour vous faire passer d'une page à l'autre. De plus, le site comporte des cercles pour regrouper l'intégralité du texte, ce qui vous permet de savoir exactement sur quel écran effectuer la mise au point.
Cercles dans les applications et la conception mobile
Les cercles dans les applications peuvent aussi être très amusants. Je suis actuellement accro à Hundreds, un jeu qui n’est que des 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 à 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 plus fonctionnels.
L'utilisation de cercles sur des écrans plus petits peut toutefois présenter un défi. Ils doivent être assez grands pour lire ou voir facilement et si un cercle sert aussi de bouton, il doit être suffisamment grand pour pouvoir être tapé.
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.(Cela n’est pas surprenant, car nous observons 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? impression. Contrairement aux projets numériques confinés dans un écran rectangulaire, vous pouvez créer et concevoir un support circulaire.
Les circulaires, autocollants, cartes et autres supports découpés ont la valeur supplémentaire d’être différents lorsqu’ils sont utilisés de manière moins conventionnelle. Cela peut apporter une attention supplémentaire au projet en cours.
Juste être conscient de ce qui est à l'intérieur du cercle. Rappelez-vous que la forme est conçue pour contenir quelque chose. Assurez-vous que la forme, les images et les mots créent un message unifié. Cela fonctionne pratiquement 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.
Non seulement Creative VIP utilise-t-il de nombreux cercles dans sa conception et son interface, mais il constitue également une passerelle vers d'excellents outils pour les concepteurs. À l'heure actuelle, vous pouvez trouver d'excellentes collections d'icônes circulaires, de modèles pour la conception d'applications comportant des cercles, de modèles de pages de destination à l'aide d'anneaux, de curseurs ronds et même de quelques badges. (Je suis membre et j'adore cette ressource, même si ce n'est que pour l'inspiration.)
Bonne chance pour commencer dans la conception circulaire!
Sources d'images: La vie dans mes chaussures, Projet vert, Janko à la vitesse de la chaîne, Nous adorons coder et créer des cartes de visite créatives.