Maitriser les cadres

Un article de XMIX.

Version du 13 mars 2008 à 21:56 Loic (Discuter | contribs) ← Différence précédente		Version du 13 mars 2008 à 21:56 Loic (Discuter | contribs) Différence suivante →
Ligne 8:		Ligne 8:
	! '''Page en cours de création'''		! '''Page en cours de création'''
	|}		|}
		+
	== Introduction : Un peu de théorie ==		== Introduction : Un peu de théorie ==

---

Version du 13 mars 2008 à 21:56

Accueil → Documentation → Tutoriels → [ 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 1 Introduction : Un peu de théorie 2 Création d'un premier cadre 3 Copie d'un cadre existant 4 Pour allez plus loin 5 Conclusion

Introduction : Un peu de théorie

Pourquoi des cadres ? Vaste question qui touche aussi bien à l'esthétique qu'à l'ergonomie... 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