Règles typographiques québécoises et françaises

Biens des différences séparent les pays francophones, autant au niveau du language que de des règles d’orthographe. La Belgique, la Suisse, la France et le Québec — si on m’accorde le droit d’en parler comme étant un pays — ont tous leurs règles typographiques bien à eux, avec leurs petites touches différentes respectives.

Au niveau des règles de ponctuation typographique, encore là, quelques divergences. Je m’en suis bien rendu compte en développant un plugin pour les règles typographiques sous Joomla.

En outre, si on accorde une grande importance aux règles typographiques dans les médias imprimés, ne pas s’en occuper sur le Web relève de la plus énorme bêtise. C’est aussi important, il me semble!

Puisque les règles typographiques causent parfois une certaine confusion, j’ai décidé de faire un petit tableau pour étudier les différences.

Il ne s’agit pas d’un immense tableau extrêmement complet, mais plutôt d’un commencement qui pourra évoluer selon les apports au sujet futurs. Si j’ai fait une erreur, n’hésitez pas à me le signaler en commentaire!

Remplacements fr_CA fr_FR
:

espace insécable devant
Si heure numérique – aucune espace

Exemple : Ceci est un exemple.

Exemple : Il est 21:42.

;

aucune espace

Voilà un exemple; le point-virgule n’est pas espacé.

espace insécable devant

Voilà un exemple ; le point-virgule est espacé.

?

aucune espace

C’est une question?

espace fine insécable ou espace insécable devant

C’est une question ?

!

aucune espace

C’est une exclamation!

espace fine insécable ou espace insécable devant

C’est une exclamation !

$

espace insécable avant le signe

Tu me dois 50 $

£
  • « »
  • (espace insécable après le guillemet ouvrant)
  • (espace insécable avant le guillemet fermant)
  • « Entre guillemets »
  •  %

espace insécable avant

J’ai eu 80 % à mon examen

  •  /

espace insécable avant et après

ceci / cela

( ) [ ] espaces avant et après
. une espace après
,

Espaces fines : Au Québec, si votre logiciel le permet, mettre une espace fine là où la règle dit de ne point mettre d’espace, sinon s’en tenir à n’insérer aucune espace. L’espace fine aide effectivement grandement à la lisibilité.

Espaces insécables pour le Web : l’entité HTML   est votre amie.

Sources : 

  1. Règles typographiques dans MS Word, Bétel – OQLF – Mai 2003
  2. Banque de dépannage linguistique

 

Cette entrée a été publiée dans Non classé, et marquée avec , le par .

En vacances on tire la plug!

Veuillez prendre note que je serai absent du 14 au 17 août 2009.

J’en ai profité pour mettre Drupal à jour et installer un foutu filtre anti-spam. J’en ai marre de perdre mon temps à filtrer ça!

Cette entrée a été publiée dans Non classé, et marquée avec , le par .

Créer une grille de mise en page

S’il vous arrive régulièrement de mettre en page des brochures, des affiches ou même des sites Web, vous êtes très probablement familier avec les grilles de mise en page.

Si vous ne l’êtes pas, vous allez vite le devenir. Les grilles de mise en page sont un atout majeur (voire essentiel) pour achever un travail de mise en page de manière parfaitement structurée et ordonnée.

Plusieurs types de grilles existent ; en passant par les simples grilles basées sur la règle d’or (ou la règle des tiers) jusqu’aux grilles modulaires complexes. Ces dernières sont difficiles à mettre en place, car un certain calcul mathématique s’impose. Heureusement, il existe de nombreux outils pour vous aider à y parvenir.

Dans cet article, je vous présenterai Gridelicious, un outil en ligne fait en Javascript qui vous permet de calculer simplement et facilement des chiffres bien pratiques, vous allez vite vous en apercevoir…

Gridelicious est, il faut le spécifier, une alternative gratuite et moins complète de Grid Calculator. Grid Calculator vous permet d’aller un peu plus loin dans vos calculs, et de le faire de manière plus fluide (un logiciel est toujours plus aisé et pratique qu’une application Web), mais comme ils demandent un sacré prix (45 $), les plus démunis d’entre nous se contenteront aisément de Gridelicious, qui a vu le jour justement grâce à quelqu’un qui s’est indigné contre le prix de Grid Calculator.

Pour l’exemple, nous utiliserons un format bien standard : Lettre US, et nous utiliserons InDesign, bien que le principe soit certainement applicable à plusieurs autres applications professionelles de mise en page. Ces directives vous permetteront de créer facilement une mise en page « modulable »; il est possible d’aller plus loin évidemment, mais c’est un bon début. Au fait, les noms des menus InDesign sont donnés en français, mais si vous avez une version anglaise et que vous trouvez pas, parlez-en dans les commentaires de cet article, on trouvera bien pour vous. Il peut s’avérer commode également de mettre ses unités de règles en points pour l’exercice (ou en mm selon ce que vous utilisez), ainsi que d’activer le magnétisme des grilles.

  1. Créez donc un nouveau document dans InDesign, de 8,5″ x 11″ (Lettre US, mais libre à vous amis français de mettre du A4 et d’entrer les valeurs en conséquence lorsque le moment sera venu). Mettre toutes les marges à 0 pour un peu de propreté durant l’exercice.
  2. Créez une boîte de texte, mettez-y du texte bidon (Lorem Ipsum avec des outils comme celui-ci). Paramétrez au passage la fonte, la taille et surtout l’interligne que vous désirez. Cette étape est important car l’interligne est la pierre angulaire de tout le calcul.
  3. Du côté de Gridelicious, choisissez d’abord Inches à Page Measurement Units.
  4. Entrez 8.5 et 11 à Width et Height (sous la section Page size).
  5. Disons que je choisis 14 pts comme interligne. On l’inscrit dans la case Desired Leading, juste dessous.
  6. Surprise, y’a des champs qui s’auto-remplissent avec des valeurs tout ce qu’il y a de bizarres, dont 2 plutôt importants :
    Correct Leading (13.895 pt) : Ceci est votre valeur d’interligne corrigée pour que le calcul fonctionne. C’est le chiffre-clé.
    Baselines
    (57) : Ceci est le nombre de lignes de bases dans le document, pour cet interligne corrigé.
  7. De retour dans InDesign, armé de vos chiffres, faites InDesign > Préférences > Grilles…
  8. Sous Grille de ligne de base, mettre :
    Début 0
    Relative àHaut de page
    Pas : 13.895 pt (Correct Leading)
  9. Sous Grille du document, à horizontalement et verticalement, mettre :
    Pas : 13.895 pt
    Subdivisions : 1
  10. Faire OK, puis afficher la grille si vous n’en voyez aucune : Affichage > Grille et repères > Afficher la grille du document.
    Wow, une belle grille toute bien ajustée! C’est pas tout, il faut aussi déterminer la hauteur d’f. La hauteur d’f va vous aider à aligner parfaitement vos images avec la typographie. Vraiment, c’est génial, et on va foutre des repères partout pour ça, ça vaut le coup!
  11. Si vous avez créé un style de paragraphe pour votre texte bidon, modifiez-le afin d’avoir la bonne interligne corrigée, c’est-à-dire 13.895 pt dans notre exemple. Si vous n’aviez pas créé de style, faites-le sur le champs.
  12. Dans l’onglet Retrait et espacement du style, choisissez Toutes les lignes à Aligner sur la grille. Ceci force la typographie à l’aligner parfaitement sur votre belle grille toute neuve.
  13. Placez une boîte de texte en partant du bord du haut de la page, dans lequel vous tapez un f minuscule (avec le style de paragraphe précédemment paramétré). Votre f minuscule devrait maintenant être parfaitement aligné sur la ligne du bas de la grille.
  14. Pour obtenir une mesure tout ce qu’il y a d’exact, transformez votre lettre f en vecteurs : Texte > Vectoriser (avec la boîte de texte sélectionnée). Voilà donc le f devenu une forme vectorielle.
  15. Créez un nouveau calque appelé Hauteur f, plus en zoomant sur la lettre, descendez précisément un guide pour l’aligner parfaitement sur le dessus de la lettre f.
  16. Avec le guide toujours sélectionné, faites Édition > Exécuter et répéter et entrez ces valeurs :
    Nombre de répétitions : 57 (la valeur Images de tout à l’heure)
    Décalage vertical13.895 pt (Correct Leading)
  17. Cliquez sur OK (vous pouvez voir un aperçu juste avant pour être sûr que les guides couvrent la surface du document).
    Grille et hauteur d'f
  18. Voilà, vous avez une joli grille facile à utiliser, vous pouvez maintenant ajuster vos marges et colonnes selon votre bon goût. En passant, il est préférable d’aligner la marge du haut avec l’un des repères d’hauteur d’f.
    Alignement de texte et d'images

C’est tout pour l’instant, libre à vous d’aller plus loin, ce n’était qu’une introduction aux grilles de mise en page! Je remercie au passage mon pote de chez 3e Avenue qui m’a fait découvrir Grid Calculator.

Pour les plus feignants d’entres vous, je fournis même le fichier InDesign CS3 ayant servi à faire l’exemple :

Du JS bien fait : Netontwerp

Devant la panoplie de possibilités offertes par les librairies Javascript (les plus connues étant JQuery, Mootools), force est de reconnaître qu’il faut continuer de « slaquer » un peu le Flash … et l’utiliser uniquement quand l’expérience s’en trouve extrêmement améliorée et rendue unique.

Du JS bien manié peut conduire à un résultat similaire à du Flash mais mieux structuré, plus fluide, plus accessible et parfaitement référençable sans pirouette pour y arriver, le pied quoi…

Et ça, le jeune designer belge Simon Wuyts l’a compris! Jetez un coup d’oeil à son site, très simplement conçu mais de façon très ingénieuse je trouve … en bref, c’est un petit coup de coeur impulsif, qui entre tout-à-fait dans mes goûts en matière de Webdesign.

http://www.netontwerp.com (découvert via @stephanethomas)

Magento – Faire disparaître le prix dans la navigation par calque

Sur un site utilisant le CMS Magento, le prix s’affiche par défaut dans la navigation par calques dans la colonne gauche. La navigation par prix est une fonctionnalité géniale de Magento, par contre, ça ne peut ne pas faire l’affaire dans certains cas, surtout si vous vendez des articles qui ont tous un prix similaire.

Voici un mini-tutoriel pour savoir comment enlever les prix dans la colonne de gauche!

Se débarasser de la liste de prix dans la navigation par calque est un vrai jeu d’enfant. Comme d’habitude avec Magento, il faut simplement savoir où aller. Pas besoin de mettre les mains dans le cambouis, c’est possible de le mettre via l’interface administrateur.

Rendez-vous à la page de la gestion des attributs : Catalog > Attributes > Manage attributes

Cliquez sur l’attribut de prix (Price, ne pas mêler avec Price view) qui se trouve probablement sur la deuxième page de la liste. Si vous ne le trouvez vraiment pas, cliquez sur le bouton Reset filter, si par hasard vous auriez auparavant joué avec les filtres de cette page.

Dans la page Properties (elle ouvre par défaut), sous l’onglet Frontend Properties, sélectionnez No au champs correspondant à Use In Layered Navigation.

Voilà, les prix n’afficheront plus dans la colonne de gauche! Si vous ne remarquez pas immédiatement le changement, il suffit d’aller raffraîchir la cache.

Si vous aimez bien Magento, je vous conseille de vous instruire sur l’optimisation SEO de Magento!

FontForge : Éditer et convertir des fontes

Je recherchais récemment une application OS X pour convertir une fonte Postscript (PS) en TrueType (TTF) pour utiliser la méthode siFR qui exige des fontes TrueType; quel ne fût pas mon bonheur de tomber sur un petit logiciel bien pratique : FontForge!

FontForge permet de modifier les vecteurs de caractères d’une fonte déjà existante, ainsi que de la sauvegarder en différents formats (TrueType, Opentype, Postscript, et bien d’autres).

De facture certes un peu rustique (fonctionne sous X11), l’outil fonctionne néamoins parfaitement.

FontForge

FontForge

J’aurais voulu…

Le blues du businessman est sans l’ombre d’un doute, un grand classique de la chanson québécoise. Cette chanson est revisitée souvent avec une nouvelle profession dans le refrain par plusieurs clients avec qui j’ai eu à faire affaires depuis que je suis sur le marché du travail à la pige.

Le client a toujours raison…

Pas toujours… rarement. Lorsqu’un client vous approche, c’est qu’il a besoin d’expertise dans le domaine de la création graphique. Il m’est souvent arrivé dans mon inexpérience de laisser le client me dicter la direction qu’allait prendre son projet. Devinez la suite… Le projet n’a jamais atteint son plein potentiel car rien n’était vraiment punché, tout était dit à la fois et de plus, il n’y avait pas de structure dans le design.
 
Suite à cet incident, je me suis rendu compte que si le client fait appel à un graphiste, il doit considérer ce que le graphiste pense : quelle direction doit prendre le message, quel axe doit être choisi, les couleurs utilisées, une photo ou une illustration? Le graphiste, lorsqu’il est impliqué dans un projet où il n’y a pas de conseiller en marketing ou communication impliqué dans le processus, est en quelque sorte le conseiller stratégique. Répétez-vous ces mots haut et fort : Je ne laisserai pas le client me dire comment faire mon travail et je ne lui dirai pas comment faire le sien.

Je veux tout, tout de suite, ça urge!

Quand vous entendez un de ces mots ou pire, tous dans la même séquence ou presque, une petite lumière rouge accompagnée d’un son qu’on pourrait entendre dans le film Psychose devraient retentir dans votre tête.

À cette occasion, il est de bon avis pour votre santé mentale et surtout la réussite du projet d’aviser votre client qu’il faut prendre un certain temps pour bien faire les choses et qu’il faut prioriser les items à produire. Sinon, tout vous semblera confus et les réunions de production ressembleront à un grand bazar où tout se confond et où tout le monde saute du coq à l’âne en mettant son grain de sel et où vous, pauvre designer graphique, n’êtes là que pour écouter et exécuter ce qui sortira de cette réunion digne des plus grands cirques d’acrobates. Encore là, le produit qui naîtra de ce chaos ne sera que très brouillon et peu structuré. Un échec communicationnel annoncé.

Le beau-frère n’est jamais très loin

Faire affaires avec de petits commerces est souvent plus difficile qu’avec de grandes firmes ou les différents paliers de gouvernements (fédéral, provincial et municipal). La plupart des commerces de détail n’attribuent pas de véritable importance à la communication graphique dans leur budget de promotion et souvent ils trouveront vos tarifs très élevés. Pourquoi ? Le beau-frère (j’appelle ainsi tous les gens qui s’improvisent graphistes dans leur sous-sol avec des logiciels craqués, à tarif plus que ridicule (et souvent le rendu final est le reflet du tarif)) n’est jamais très loin et le client a souvent déjà fait affaires avec lui. Ce dernier n’a aucune véritable connaissance de la création graphique et de ses stratégies employées afin de construire des images fortes et portantes de sens.  Dans un prochain article, je vous donnerai des arguments de vente afin de faire comprendre à votre clientèle et vos prospects pourquoi il est avantageux de faire affaires avec un designer graphique plutôt que le beau-frère et aussi les éduquer sur l’importance d’une belle image de marque.

Mon beau-frère m’a soufflé à l’oreille lors de notre dernier souper familial : « Sébas… j’aurais voulu être un graphiste ! »
 
Sébastien Roy, designer graphique
Nestor Design

Une nouvelle boîte débarque à Lévis!

Nestor Design

Il y a déjà quelques années que l’agence lévisienne Nestor Design œuvre dans le domaine du design graphique et de la publicité, mais ce n’est que tout récemment que le site Web a vu le jour!

Il s’agit d’une agence très talentueuse, allumée, jeune, dynamique, nommez-les … !! Voilà qui risque de faire jaser dans le domaine du graphisme à Lévis! Spécialisé dans l’élaboration d’image de marque, Nestor est du genre à s’appliquer beaucoup dans son travail et à tirer le meilleur potentiel de chaque projet.

 

On sent facilement le caractère original et authentique (avec parfois une pointe d’humour) du directeur à travers son agence et ses réalisations; en effet, chaque projet est abordé dans l’optique de communiquer un message d’une façon à ce qu’il se démarque et soit bien reçu par la clientèle ciblée.

Nestor design est dirigé par Sébastien Roy, un camarade d’études et un bon ami à moi… un peu de publicité, quoi!

Allez visiter son travail! : nestordesign.ca

Rédiger une mise en demeure

Pas toujours drôle, la vie de travailleur autonome. Il se pourrait bien qu’un jour, malgré votre honnête travail, quelqu’un de moins honnête décide de ne point payer vos services et se foute de votre gueule. Et ce coup-là, les graphistes pigistes se le font souvent faire!

Voici un petit retour sur une expérience professionnelle désagréable et des outils pour arriver à s’en sortir.


Discuter, ça paie toujours

Avant de grimper dans les rideaux et envoyer votre armée d’avocats à votre client, discutez du problème avec lui, et restez courtois. Peut-être que votre client a des problèmes d’ordre financier, que ses affaires ne vont plus si bien, et peut-être même qu’il vous en touchera un mot si vous lui en donnez l’occasion. Il faut savoir être compréhensif et faire des compromis pour arranger les deux parties. Vous pouvez lui offrir de régler la facture en plusieurs versements fixes, ou dans le pire des cas, transformer vos honoraires en contrat-échange. Cette dernière possibilité n’est pas toujours possible, mais s’il ne s’agit pas d’un trop gros montant et que votre client est un pub, ça peut toujours être intéressant, tant qu’à ne rien recevoir du tout. Par contre, si le montant est sérieux, vous devriez insister et employer les moyens qu’il faut si votre tentative de collaboration avec le client est infructueuse.

Et si le client fait la sourde oreille?

Dans bien des cas, malheureusement, un client malhonnête ne répondra pas à vos courriels, ne retournera pas vos appels; et si vous finissez par le contacter, il se montrera hostile. Votre facture reste impayée depuis quelques mois, et votre client vous fait comprendre que vous n’aurez pas votre salaire, même si vous avez pris soin de signer un contrat avec lui avant le début des travaux (important!).

C’est là qu’il faut commencer à parler de représailles légales. Ce n’est jamais très agréable à faire et ça demande beaucoup de tact et de délicatesse. Vous devez faire comprendre, que vous êtes navrés mais que vous n’aurez d’autre choix que lui faire parvenir une mise en demeure pour le règlement de vos factures. Parfois, simplement le fait d’annoncer vos actions futures réveillera le client et le fera payer. Mais pas toujours.

Vous avez alors deux choix pour ce qui est de la mise en demeure : la rédiger vous-même ou la faire rédiger par un avocat.

L’avocat coûte évidemment des sous, mais sa signature en bas de la lettre suffit souvent à effrayer le destinataire. De plus, vous êtes certains que les termes choisis seront les bons, et que l’impact sera optimisé pour de meilleurs résultats.

La rédiger vous-même, par contre, vous permet de ne point impliquer de frais dans une procédure causée par une perte d’argent. Tout dépent de vos revenus, contacts, et le montant de la facture en souffrance.

Donc, vous rédigez ou faites rédiger la mise en demeure, vous l’envoyez en courrier recommandé à la personne concernée par la mise en demeure, et s’il y a lieu, vous mettez d’autres personnes concernées (niveaux supérieurs) en copie conforme, par courrier régulier ou recommandé. Le courrier recommandé est important car pour une dizaine de $, vous saurez de manière certaine que votre destinataire a reçu et pris connaissance de la mise en demeure. C’est également important si vous désirez déployer d’autres actions légales contre le client par la suite.

À cette étape-ci, le client, dans le meilleur des cas, se pliera probablement à votre attaque et vous rendra justice en vous versant le montant dont il est question. D’autres vous contacteront pour trouver une solution à l’amiable, ce qui peut être convenable.  D’autres finalement, se torcheront le derrière avec votre lettre et vous pourrez toujours courrir pour voir vos honoraires finalement payés.

Savoir abandonner la partie

Si le client continue de vous faire poiroter, il faudra évaluer si le montant en souffrance vaut l’investissement d’argent et d’énergie en d’autres représailles : les petites créances. Pas tant d’argent, mais beaucoup d’énergie.

Beaucoup vous le diront, il faut savoir mettre de côté son orgueil et ses émotions, et décider intelligemment s’il faut continuer ou pas. Parfois, il vaut mieux abandonner, surtout lorsque le montant n’en vaut pas la peine.

Finalement, on ne sort jamais réellement vainqueur d’une pareille expérience : dans le meilleur des cas, on reçoit le paiement de la facture initiale, contre le travail initial et des efforts assez imposants, déployés pour recevoir le paiement. Dans mon cas, le temps et l’énergie mis pour obtenir mon salaire ont été largement supérieurs au temps investi dans le projet du client en question.

Parfois, on en sort complètement perdant : perdu votre temps de travail, et perdu votre temps à essayer d’avoir votre argent. Mais il s’agit souvent d’une question de principe, qu’il faut pousser un peu sans s’impliquer trop loin dans le conflit.

Le seul moyen d’éviter ces situations douloureuses est d’affiner votre flair. Oui, les clients qui ne paient pas ont tous la même odeur. Ils spéculent toutes les mêmes types de conneries, vous verrez. N’hésitez pas à refuser un contrat si vous ne faites pas totalement confiance au client. Refusez-le sur le champs s’il vous parle de vous payer avec les bénéfices futurs de son entreprise! Des solutions merdiques dans ce genre devraient déjà vous sonner une cloche, surtout si vous débutez en tant que travailleur autonome…

Quelques liens utiles

  1. Informations sur les mises en demeures : http://www.justice.gouv.qc.ca/FRANCAIS/sujets/glossaire/mise.htm
  2. Petites créances : http://www.justice.gouv.qc.ca/FRANCAIS/publications/generale/creance.htm
  3. Exemple de mise en demeure (essentiel) : http://www.justice.gouv.qc.ca/FRANCAIS/publications/generale/creance.htm#avant