Fireworks CS6 : Les fondamentaux

En tant que web designer ou développeur web, nous avons besoin d’une application qui nous permette de développer des maquettes interactives d’interfaces qui s’appuient sur des modes grilles, fixes ou liquides.

Nous avons besoin d’une application qui puisse appréhender des formes ou des éléments propres à l’environnement informatique, comme le pixel, l’alignement des textes et les couleurs et qui sache interpréter les CSS.

Nous avons besoin d’une application qui offre la possibilité d’employer des techniques qui seront reproduites sur des schémas web comme les sprites ou les modèles jQuery. Cette application doit aussi être capable d’utiliser des couleurs en mode rgba(), hsla(), de gérer des pages et les lier entre elles par des liens interactifs. Travailler avec des symboles et les décliner en fonction de nos besoins, posséder des bibliothèques sont des capacités que cette application doit également posséder.

Nous avons besoin d’une application simple et rapide d’utilisation qui exporte vers des formats classiques (GIF, JPG, PNG), mais qui est en mesure de présenter un travail  sur des compositions plus riches (HTML, PDF, application AIR, sprites, CSS, etc.) La compatibilité avec des formats devenus des standards (PSD, AI, FXG, MXML, etc.) est indispensable.

Nous avons besoin de nous appuyer sur une API accessible et permettant par conséquent  d’automatiser de manière simple des tâches répétitives et surtout de pouvoir compter sur un réseau étendu de développeurs qui fournissent régulièrement des extensions optimisant l’outil.

Bref ! Aujourd’hui peut être que le web possède déjà  Fireworks… mais qu’il ne le sait toujours pas.

Vue d'ensemble de la formation :

Introduction

Dans ce chapitre, revenons sur Fireworks. Avec cette formation sur les fondamentaux de Fireworks, nous allons mettre l'accent avant tout sur les atouts et les avantages de cet outil résolument orienté web.

L'interface et la prise en main

Avant d'entrer dans le vif du sujet et bien que l'interface soit extrêmement intuitive, prenons le temps de ce chapitre pour en faire le tour et passer en revue ses différents outils.

Optimiser l'environnement

Dans ce chapitre, nous verrons que Fireworks, à la différence d'autres solutions, intègre la possibilité d'ajouter un grand nombre d'outils, sous forme d'extensions, qui en augmente l'utilisabilité et les fonctionnalités.

Travailler avec les médias

Vecteur, bitmap et texte sont les trois éléments de base que Fireworks va ingérer pour créer et modéliser des contenus. Nous allons leur accorder une attention particulière tout au long de ce chapitre.

L'enrichissement

Dans ce chapitre, nous allons voir qu’une fois les bases du document mises en place, Fireworks permet d'enrichir l'ensemble des éléments de manière dynamique.

Le prototypage

De par sa nature polyvalente, sa gestion multi-pages et ses bibliothèques extensibles, Fireworks permet de travailler sur un document depuis son croquis jusqu'à une version de maquette relativement avancée. Nous allons donc consacrer ce chapitre aux capacités de Fireworks pour prototyper nos sites et applications web.

L'interaction et les découpes

Un prototype sans interaction reviendrait à avoir un ensemble de planches contacts. Pour qu’il n’en soit pas ainsi, nous allons passer en revue dans ce chapitre l’intégralité des techniques qui permettent de rendre des documents interactifs de manière simple et rapide.

Créer des présentations

Fireworks prévoit la communication entre divers interlocuteurs de l'équipe, ainsi qu’avec les clients afin de garantir une présentation optimale du travail et des diverses propositions visuelles. Au cours de ce chapitre, nous explorons les diverses possibilités de présentation et d'exportation de Fireworks.

L'automatisation

Nous allons voir au cours de ce chapitre que Fireworks propose de nombreuses solutions pour organiser et optimiser l'utilisation d'un bon nombre des commandes additionnelles dont il fait état.

Aller plus loin

Afin de continuer à creuser et à explorer les capacités de Fireworks, il existe un grand nombre de blogs et de forums qui permettent d'échanger et d’avancer dans le domaine de la préparation de sites web et du prototypage. Voici dans ce chapitre quelques sites et pistes utiles.