Out of the Box

Voici les fameuses 25 techniques pour créer un design hors du commun, le design Out of the Box :

-1. Ajouter une image explosive en arrière-plan
-2. Faire déborder une image au delà du cadre
-3. Étendre une région par dessus une autre
-4. Laisser un cadre ouvert
-5. Utiliser un dégradé plutôt qu’une boîte pleine
-6. Insérer une image irrégulière dans la composition
-7. Utiliser un ou des masques pour modifier le contour d’une image
-8. Effacer le fond de la boîte ou Travailler en transparence
-9. Réutiliser la couleur de l’arrière-plan dans les images afin de tromper l’œil sur la forme du cadre
-10. Scinder une image en plusieurs parties ou Multiplier une image
-11. Désaligner des éléments
-12. Travailler en diagonale
-13. Surprendre
-14. Traiter un ou plusieurs coins d’un cadre
-15. Ajouter une bordure stylisée au contour d’une boîte
-16. Éclairer pour mettre en valeur certains éléments et/ou Ajouter des ombres
-17. Styliser une transition entre 2 zones
-18. Ajouter des bruits visuels
-19. Ajouter, numériser et/ou photographier des objets ou des textures réels
-20. Incorporer des éléments manuscrits
-21. Faire un collage / un graffiti
-22. Incurver un ou des segments de l’interface
-23. Texturer l’arrière-plan (privilégier les textures naturelles)
-24. Assembler de façon irrégulière dans une grille
-25. Prolonger la perspective dans l’axe Z

 

Thème de mon blog

Voici l’apparence du thème que j’ai choisi pour mon Blog avant d’effectuer des modifications sur le CSS pour personnalisé la présentation à mon goût.

 

Zones Utilisables

Zones à prendre en considération lors de la création de l’interface d’un site.

 

Kuler

Pour ceux qui n’ont jamais entendu parler de Kuler de adobe, je vous suggère
d’aller faire une tour ce sur site: http://kuler.adobe.com.

Lorsque vous hésitez a choisir une couleur plutôt qu’une autre ou que vous n’avez
aucune idée de quel couleur irait bien avec une autre, pensé à Kuler.

C’est un outils très utile de Adobe pour créer une bonne ergonomie de couleur.
Peut donner des bonnes idées d’ambiance pour une interface web.

 

Critères de qualités d’un site

Si votre but est de  concevoir un site web accrocheur pour les visiteurs, vous devez premièrement ciblez le type de personne pouvant se retrouver sur votre site.

Pour que l’utilisateur se retrouve sur votre page web, votre contenu doit être pertinent, il doit contenir les information que le visiteur recherche.
Votre contenu doit également être proprement disposer et bien lisible.

Deuxièmement, la disposition de votre interface est très importante, si votre qualité graphique laisse à désirer, l’utilisateur se tannera et changera de site.
Personnalisez l’interface afin quelle soit graphiquement agréable a regarder.

Le dernier critère de qualité est la navigation. Les pages de votre site doivent être facilement accessibles et les onglets clairement identifiés.
L’information rechercher par l’utilisateur doit être atteinte en plus ou moins 3 clics.

Bref, les trois critères principaux sont : le contenu, l‘interface et la navigation.

 

Ajout d’icone

Pour améliorer l’efficacité de l’orientation des usagers , l’ajout d’icônes accocié aux onglets dans la barre de navigation
attire l’œil  vers les pages d’informations dont ils recherchent. Ces icônes peuvent également aider l’utilisateur a se repérer plus facilement dans les menus.

Une icône doit être le plus simplifié possible, elle doit aussi transmettre efficacement le message dont elle fait objet.
Afin de faire une belle icône, l’ajout de détails devient compliquer puisqu’en 16×16 ou 32×32 pixels , l’espace est restreinte.

Exemple de mon favicon :  

 

Étapes de conception

Durant la conception d’un site web, il y a des étapes bien spécifique a suivre.

Pour donner le meilleur service possible au client, il faut d’abord analyser les besoins de celui-ci:

Identifier l’audience , le message , le contexte et également les contraintes.

Ensuite, vient les étapes propres à la conception du site.

Durant la conception du site, il est important de montrer la maquette et un coup la conception amorcée, lui montrer les progressions régulièrement.

Voici un schéma récapitulatif des étapes majeures:

 

Bienvenue

Bienvenue sur mon blog en lien avec le cours Design d’interfaces. Chaques semaine vous verrez une nouvelle publication portant sur un sujet en lien avec le cours.