Concevoir une image circulaire avec un rayon de bordure de 50 %

Créer une image circulaire est une technique de conception simple mais efficace pour améliorer l'attrait visuel de votre page. 

En définissant un rayon de bordure de 50%, vous pouvez transformer des images carrées ou rectangulaires en cercles parfaits, ajoutant un look élégant et moderne à votre conception.

Exemples de cas d'utilisation d'images circulaires dans la conception de pages

Les images circulaires ajoutent non seulement un style moderne et élégant, mais elles permettent également d'attirer l'attention sur les éléments visuels clés. En appliquant Rayon de la frontière réglage, vous pouvez transformer des images standard en formes rondes accrocheuses.

Les cas d'utilisation courants incluent :

• Photos de profil:Créez une apparence professionnelle et amicale.
• Icônes ou logos:Mettez en valeur l’identité de la marque de manière minimaliste mais raffinée.
• Éléments décoratifs:Ajoutez une touche de design subtile qui rompt avec les mises en page carrées.

Cette astuce de conception simple garantit que votre page est plus équilibrée, attrayante et visuellement attrayante.

Concevoir une image circulaire avec un rayon de bordure de 50 % dans GemPages

Suivez ces étapes pour créer une image circulaire dans GemPages Editor v7.

Étape 1 : Accéder à l'éditeur GemPages

• Connectez-vous à votre administrateur Shopify et accédez à l' Générateur de pages GemPages application sous le Apps .
• Allez dans Pages et cliquez sur votre page cible pour entrer dans l'éditeur.

Étape 2 : Ajouter un élément d’image

• Une fois entré dans l'éditeur GemPages, recherchez «image"Dans la barre de recherche.
• Depuis la barre latérale gauche, faites glisser et déposez un élément d’image à la position souhaitée sur votre page.

• Cliquez sur l'image pour ouvrir le Paramètres panneau. Localisez le Source section pour attribuer une image à cet élément.

Vous pouvez choisir parmi votre bibliothèque multimédia (fichiers Shopify) ou en télécharger une nouvelle.

• En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Taille section, définissez le Cadre métallique robuste à Carrée Réf pour garantir que la largeur et la hauteur sont égales.

Ajustez les valeurs de hauteur et de largeur selon vos préférences.

Étape 3 : appliquer le rayon de bordure

Faites défiler jusqu'à la Forme section et cliquez sur le CORNER champ pour ouvrir le panneau des paramètres de rayon d'angle.

À partir de là, ajustez le rayon des coins jusqu'à ce que vous trouviez qu'il correspond le mieux à votre image et à votre marque.

Meilleurs conseils pour les images circulaires

• Utilisez des images haute résolution pour éviter la pixellisation lors du recadrage.
• Gardez le sujet centré afin que les parties importantes ne soient pas coupées.
• Ajouter des bordures ou des ombres pour un contraste supplémentaire et un look net et remarquable.
• S'en tenir à un ratio de 1:1 (largeur et hauteur égales) pour maintenir un cercle parfait.