Qu’est-ce qu’un squircle ?
Table des matières
-
Quentin Lafon
- 6 min
Qu’est-ce qu’un squircle ?
En géométrie algébrique, le squircle est une forme mathématique intermédiaire entre le carré et le cercle. Celle-ci peut s'apparenter à un carré dont les angles ont été arrondis ou "ovalisés" avec une certaine apparence elliptique et une courbe douce pour chaque angle. Le squircle est aujourd'hui utilisé en conception d'interface utilisateur (UI) pour réaliser des icones d'application, cartes d'onglet ainsi que d'autres éléments tels que des boutons d'appel à l'action par exemple ou certains encarts(containeurs).
Pourquoi utiliser le squircle ?
Le squircle emprunte pour ses coins des angles arrondis à l’aide de courbes douces et des courbes de Lamé. Il s’agit d’une tendance inspirante utilisée dans les domaines du développement web et également de la décoration d’intérieur.
Le squircle peut-être judicieusement utilisé selon le contexte dans lequel celui-ci est employé. Voici quelques exemples d’utilisation :
- Coins de pages
- Boutons d’appels à l’action
- Icones d’application
- Cartes (encart de rubrique ou composant)
- Boite contextuelle de dialogue surgissante depuis le bas de la fenêtre d’un écran mobile.
Comment réaliser un squircle ?
Voici un petit tutoriel vidéo pour vous montrer comment réaliser un « squircle », voici quelques étapes vous permettant d’arriver à un résultat satisfaisant à l’aide de votre outil d’édition vectorielle préféré (dans cette situation, Adobe Illustrator).
Vous avez une question ou vous souhaitez avoir des informations supplémentaires ?
