Cette semaine dans le design: 3 octobre 2014

La typographie doit être dans mon esprit cette semaine. D'une collection de polices de caractères conçues pour les codeurs aux sentiments et aux émotions qui se cachent derrière certains lettrages, le type continuait de s'insinuer dans mon esprit. Alors cette semaine dans le design, laissez la typographie entrer dans vos pensées.

Chaque semaine, nous prévoyons de consulter les principales mises à jour et mises à niveau de produits, les outils et les astuces et même certaines des choses les plus populaires dont vous parlez sur les réseaux sociaux. Et nous aimerions également savoir ce qui se passe dans votre monde. Avons-nous oublié quelque chose? Envoyez-moi une ligne à [protégé par e-mail].

Polices pour codeurs

Le partage d'extraits de code est de plus en plus courant. Avec des endroits comme GitHub pour concevoir et développer des didacticiels sur les blogs, de petits morceaux de code apparaissent partout. Mais comment pouvez-vous les rendre beaux?

C'est là qu'intervient «10 polices pour le code» de Jake Giltsoff pour le blog Typecast. Il a trouvé 10 superbes polices de caractères monospaces que vous pouvez utiliser lorsque vous partagez (ou montrez) votre code.

Il faut penser à certaines choses réelles lors de la sélection d'une telle police, car vous voulez que vos informations soient claires. «La ponctuation, comme les virgules, les deux-points, les points-virgules et les parenthèses, doit être plus importante pour ne pas être confondue», écrit Giltsoff. «Les autres caractères clés à surveiller sont le« O »majuscule et le zéro, qui, lorsqu'ils sont conçus pour s'adapter à la même largeur, auraient exactement la même apparence. La plupart des polices de caractères conçues pour le codage utilisent généralement un zéro barré ou en pointillé. Et comme toute bonne police d'interface utilisateur, le «1», le «i» majuscule, le «L» en minuscule et le «|» (connue sous le nom de marque de tuyau ou barre verticale) devrait être facilement reconnaissable. »

Alors, quelles polices ont fait la liste et pourquoi? Nous partagerons les noms de police ici, mais vous devrez lire l'article complet pour comprendre pourquoi chaque police de caractères pourrait fonctionner pour vous.

• Eco Coding
• Fira Mono
• Anonymous Pro
• Source Code Pro
• Autocode
• M + 1M
• Driod Sans Mono
• Pragmata Pro
• Inconsolata
• Camingocode

Principes de conception appliqués à la vie quotidienne

Parfois, un concept que vous utilisez tous les jours peut avoir une portée et un sens de plus en plus larges. Phuong Mai, consultant en stratégie et «passionné de design», a récemment blogué sur la façon dont les principes de design peuvent remodeler votre vie quotidienne.

Et ça m'a vraiment fait réfléchir. Elle a examiné les idées de clarté, de hiérarchie, de contrainte, d'itération et d'unité et l'importance de chacune. Ses conseils m'ont vraiment marqué dans les jours qui se sont écoulés depuis que j'ai lu le message pour la première fois. J'espère que cela signifie aussi quelque chose pour vous.

Voici quelques points importants:

• «Rechercher de la clarté signifie également savoir quand lever la main lorsque vous avez besoin d'aide.»
• «Pour m'aider à établir des priorités, j'essaie d'employer la règle des 2 minutes: si une tâche peut être effectuée en moins de 2 minutes, faites-la immédiatement.»
• "Compte tenu de ce que je veux et de la séquence dans laquelle je les veux, que puis-je faire avec ce que j'ai?"
• "Nous pourrions attendre la perfection, mais bien sûr, cela ne se produira jamais et conduira à une paralysie de la décision."
• «Une grande partie de ce que nous faisons se situe dans le contexte d'une expérience holistique. Par exemple, lorsque je raconte mon dernier voyage au centre commercial, je me souviens de l'odeur de la marmite de maïs qui m'a accueilli devant la porte, de la gentillesse de la vendeuse qui a trouvé la robe parfaite et du sentiment d'exaltation lorsqu'elle était étonnamment en vente. "

Les musées britanniques recyclent ensemble

«J'ai trouvé que le Freecycle des musées était vraiment utile et je le recommande vivement à tous ceux que je rencontre dans d'autres institutions.»

Plus de 170 musées au Royaume-Uni travaillent ensemble pour aider à éliminer les déchets des expositions temporaires. Le mouvement Museum Freecycle a commencé à l'été à la suite d'une lettre ouverte publiée dans Design Week, et maintenant un groupe de musées se font don de matériel d'exposition pour une réutilisation.

Il y a des musées de toutes tailles participant au projet, du Musée national d'histoire au Musée impérial de la guerre en passant par la National Portrait Gallery et le Musée de la cornemuse, selon Design Week.

«J'ai trouvé que le Freecycle des musées était vraiment utile et je le recommande vivement à tous ceux que je rencontre dans d'autres institutions. Nous avons eu une excellente réponse à notre demande de vitrines et avons été très impressionnés par les offres », a déclaré Nadine Loach, responsable des expositions à la Dulwich Picture Gallery, à Design Week.

Les musées peuvent trouver des documents partagés sur le site Web Freecycle.

Ce projet m'a fait réfléchir: y a-t-il quelque chose que nous pouvons partager ou réutiliser en tant que designers? À quoi cela ressemblerait-il? Partagez vos pensées avec nous dans les commentaires.

Les polices ont-elles des sentiments?

Cela peut sembler une question stupide: les polices ont-elles des sentiments? Mais pensez-y de cette façon: les polices vous font-elles ressentir quelque chose? C'est vrai. Les polices de caractères sont associées à des associations spécifiques. (Il suffit de considérer le concepteur qui déteste la mention de Comic Sans.)

Mikael Cho, co-fondateur de la société de conception et de développement Crew, a récemment abordé le sujet dans «Les polices ont aussi des sentiments». Et il a expliqué comment connecter les choix de polices avec les utilisateurs afin que tout "soit plus facile et meilleur à lire".

Cela commence par la façon dont vous lisez et le flux naturel des yeux sur l'écran. Il a ensuite examiné un peu de recherche scientifique, y compris une étude qui «a révélé que les lecteurs se sentaient mal en lisant la mise en page mal conçue. Parfois, ce sentiment s'exprimait physiquement avec un froncement de sourcils. »

Cho a ensuite ajouté des considérations culturelles au mélange. Courier, par exemple, a été conçu pour ressembler à l'apparence d'une machine à écrire, de sorte que le sentiment qui lui est associé est généralement une notion historique. Helvetica est souvent associé au gouvernement américain, écrit-il, car il s'agit de la police de caractères utilisée pour les formulaires fiscaux.

Alors, que pouvez-vous faire pour créer la bonne impression de caractères dans vos projets? Cho propose quelques conseils:

• Choisissez une police d'ancrage
• Choisissez une taille supérieure à 12 points
• Surveillez la longueur de votre ligne
• Attention à votre espacement

Beaucoup de ces conseils sont des choses que nous avons déjà entendues. Mais parfois, dans le rush quotidien, nous avons juste besoin d'un petit rappel.