Monthly Archives: février 2015

Une alternative au Lorem ipsum pour Axure

Dans une maquette, le texte peut servir à plein de choses :

  • Tester des tour­nures et des déno­mi­na­tions
  • Apprécier le style d’une police
  • Vérifier des contraintes de forma­tage ou de longueur

Mais en premier lieu ça sert à dire « là il y a aura du texte ». Une manière stylisée et mini­male de signaler cette présence sans induire de conno­ta­tion indé­si­rable est d’uti­liser un effet de « grif­fon­nage » avec une police spéciale.

screenshot
Cliquer pour voir une démo

La procé­dure à suivre pour inté­grer une web font en local avec Axure est un peu tordue. La voici (version 7 requise) :

1/ Générer une première fois votre maquette.

2/ Ajouter le fichier de police (lien direct ici) à la racine du dossier créé.

3/ Dans les para­mètres de géné­ra­tion, aller dans l’on­glet « web fonts », cocher « include webfonts », ajouter un item, nommer la police « Redacted » (par exemple), puis ajouter ceci dans la zone de texte :

font-family: "Redacted";
src: url('redacted-script.woff') format('woff');
font-weight: normal;
font-style: normal;

4/ Dans « font mappings », ajouter un item, sélec­tionner une police rare­ment utilisée (exemple : Comic Sans MS), laquelle sera remplacée par la police souhaitée à la géné­ra­tion de la maquette. Pour font-family saisir « Redacted » (ou le nom de la police saisi dans l’on­glet « web fonts »).

5/ Dans votre maquette, les textes spéci­fiés en Comic Sans MS seront désor­mais générés en Redacted.

Petits défauts :

  • A taille égale, la police appa­rait plus petite, il faut donc anti­ciper en choi­sis­sant une taille un peu plus trande.
  • Pas de support des accents, donc atten­tion en conver­tis­sant du vrai texte déjà saisi.