Maitriser les cadres

Un article de XMIX.

Jump to: navigation, search

AccueilDocumentationTutoriels → [ Maitriser les cadres ]

Ce tutoriel va approfondir le travail sur les cadres : arrondis, dégradé, effet de relief, bords personnalisés


Page en cours de création


Sommaire

Introduction : Un peu de théorie

Pourquoi des cadres ? Vaste question qui touche aussi bien à l'esthétique qu'à l'ergonomie... Pour s'ouvrir quelques perspectives (wikipedia):

Essayons de répondre pour ce qui concerne les d'interfaces utilisateur. Il s'agit avant tout de délimiter visuellement le périmetre fonctionnel d'un composant (fenetre, barre de défilement, ...). Afin de "matérialiser" les interfaces graphiques, un effet de perspective est rendu le plus souvent en utilisant des bordures qui donnent une impression de relief (en général avec un point de vue en haut à gauche de l'écran, càd que l'ombre est en bas à droite des objets graphiques).

Image:Schema-relief-bordure.png

Deux exemples trés courant boutons et fenetres. Regardez sur votre écran, vous devez en voir plusieurs, avec différents types de bordure.

Quelques exemples de bordure de fenêtre :

Image:Exemple-bordure-fenetre.png

Nous allons dans ce tutoriel voir les fonctions offertes par XMIX pour réaliser nos propres cadres et bordures.

Création d'un premier cadre

Copie d'un cadre existant

Pour allez plus loin

Conclusion