Conception Web

Utiliser les plans de travail

Pour prototyper des interfaces web ou mobile, les plans de travail se révèlent particulièrement pratiques car ils permettent de traiter plusieurs écrans dans un même document.

Dans l’exemple ci-après, chacun des écrans d’une application pour mobile est inclus dans son propre plan de travail.

Copier les CSS

Générer automatiquement des fichiers pour le Web à partir des calques

Plutôt que de travailler avec les tranches, il est maintenant possible d’enregistrer automatiquement les objets placés sur les calques.

Les suffixes reprennent les nomenclatures standards : .png, .jpg ou .gif. En ce qui concerne le format JPEG, il est possible d’ajouter un chiffre de 1 à 10 en fin de suffixe pour préciser sa qualité/compression (1 équivaut à 10 % et 10 à 100 %).

Dans ce cas, il y aura deux exports du même calque : un fichier GIF agrandi à 200 % et un fichier JPEG qualité 50 %.

Une fois cette nomenclature respectée, un dossier nomdufichier-assets est alors créé automatiquement dans le même dossier que le document, dans lequel sont enregistrés les éléments placés sur les calques qui respectent le nommage. Ce dossier est mis à jour à chaque enregistrement.

Cette nouvelle fonction offre à l’évidence une productivité accrue dans la gestion des éléments d’interfaces web.

Enregistrer une image pour le Web (hérité)

L’ancien système d’enregistrement d’images optimisées pour le Web a encore ses adeptes. Mais le nouveau système que nous détaillons dans la section suivante est plus moderne.