Cette semaine dans le design: 12 septembre 2014
Une partie essentielle de ce qui fait que quelqu'un se connecte au design est l'émotion et le sentiment. Et ce sont deux choses qui peuvent être difficiles à prévoir, à décrire et à concevoir. Mais il y a un peu de science derrière l'émotion et le sentiment et pourquoi vous pourriez réagir d'une certaine manière, et c'est notre objectif cette semaine dans le design.
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].
Comment les polices vous font sentir
Il y a une science dans la typographie. Plus précisément, il existe une science sur la façon dont les polices peuvent vous faire sentir. Le Next Web a un excellent aperçu de l'impact que le type peut avoir sur vous et de ce que les concepteurs peuvent faire pour améliorer l'impact du type dans «La science derrière les polices (et comment elles vous font sentir)».
Décomposer la science est plus simple que vous ne l'imaginez:
- Pensez à la façon dont vous lisez. (C'est un motif naturel!)
- Pensez à la façon dont les bonnes polices vous font sentir. (Ils correspondent au ton de ce que vous lisez.)
- Pensez à la façon dont la disposition vous fait vous sentir. (Si les éléments sont placés de manière à ne pas perturber le flux de texte, vous êtes plus heureux.)
- Pensez aux associations culturelles avec des polices de caractères. (Le lettrage peut représenter ou vous aider à vous relier à d'autres objets ou articles.)
Mais que pouvez-vous faire avec ces informations? Comment pouvez-vous l'utiliser pour créer des polices de caractères associées à une meilleure sensation? Comprendre la typographie est le point de départ. Connaître les bases telles que les catégories de polices (serif, sans serif, script et décoratif) et les principes de lisibilité et de lisibilité sont un bon début.
Mais vous pouvez également faire quelques autres choses:
- Choisissez des tailles de police supérieures à 12 points. «De nombreux concepteurs mentionnent que la police 16 pt est la nouvelle police 12 pt.»
- Soyez conscient de la longueur de la ligne. Notez que la longueur de ligne idéale pour un site Web de bureau se situe entre 50 et 75 caractères.
- Faites attention à l'espacement. Assurez-vous qu'il y a suffisamment d'espace entre les lignes de texte pour faciliter la lecture.
Comprendre les formes CSS
La forme d'une image ou d'un bloc de texte peut vous faire ressentir quelque chose. La forme fournit également des informations supplémentaires sur un élément, son utilisation et sa fonction dans la conception globale. Mais créer des formes pour des projets Web n'a pas toujours été facile, surtout avec des images complexes.
Les formes CSS créent une solution à ce problème. «La plupart des sites Web s'en tiennent à un moule simple: ajuster le contenu à l'intérieur de rectangles dans d'autres rectangles plus grands, quelque chose que la plupart des utilisateurs trouveront probablement plus ennuyeux que hallucinant», écrit Zack Rutherford pour UX Magazine. «Les formes CSS, en revanche, permettent une plus grande liberté aux concepteurs qui cherchent à contourner leur contenu à l'intérieur ou autour de paramètres intéressants et visuellement attrayants.»
Mais quand devez-vous utiliser des formes CSS dans vos projets. La réponse se trouve dans l'article «Symétrie, taille, vitesse et formes CSS».
Il existe une liste assez convaincante de raisons pour lesquelles vous devriez travailler avec des formes CSS en plus d'être amusant.
- Nouveauté: "La possibilité de modifier le texte pour se faufiler dans des espaces restreints ou, au contraire, de s'étendre dans des gammes plus larges, offrira une plus grande liberté aux concepteurs pour assembler leurs mises en page."
- Contrôle avancé des flux d'utilisateurs: permet de façonner le contenu en figures, de diminuer le texte ligne par ligne ou d'utiliser le texte comme formes pour mettre en valeur d'autres éléments de la page.
- La mise en forme du contenu facilite la narration visuelle: "Les options de variabilité une fois que vous avez abandonné l'idée d'une structure murée pour votre contenu écrit sont stupéfiantes."
- Symétrie, taille et vitesse: «Les formes CSS peuvent être utilisées pour conserver la forme de votre contenu indépendamment de la fenêtre d'affichage, ce qui le rend universellement symétrique, sans parler de la convivialité RWD.»
Conception d'une police
La création de polices n'est pas aussi simple que d'esquisser quelques lettres sur une serviette. Le développement de polices et de polices est un processus en plusieurs étapes auquel vous devez vous engager. Mais même sans beaucoup d'expérience, vous pouvez créer votre propre police.
Le concepteur de type Tyler Finck a récemment mis au point une vidéo de 18 minutes de moins et un article pour Creative Market pour vous guider à travers le processus. «Comment créer une police» est un bon aperçu de la création de quelque chose par vous-même (mais vous devez avoir un Mac pour ce didacticiel).
Et tandis que presque tout le monde peut le faire, vous devrez être prêt à faire preuve d'un peu de patience et de dévouement. La création d'une police n'est pas aussi simple que 1-2-3.
"Faire une bonne police utilisable prendra de la pratique et beaucoup d'heures", a déclaré Finck dans l'article. «Ce n'est pas« difficile »si vous aimez le faire, et il est probable que vous saurez tout de suite si c'est quelque chose que vous aimez faire. Vous ferez probablement des révisions, incorporerez potentiellement les commentaires d'autres utilisateurs, testerez dans diverses circonstances (différentes applications / impression / Web), et plus encore. »
Si la création de votre propre police n'est peut-être pas votre tasse de thé, envisagez de télécharger l'une des créations de Finck. Il est designer professionnel depuis 2005 et avait plusieurs polices disponibles sur Creative Market.
Juste pour le fun
Enfin une représentation visuelle de ce à quoi ressemblent les langages de programmation. (Et un très précis à cela, pour moi.)
Bjorn Tipling a regardé et a dessiné une petite séquence de fonds dans «Si les langages de programmation étaient des armes». La publication passe en revue chaque langage de programmation et ses liens. Les comparaisons sont assez intelligentes et comparables.
«Le C ++ est un ensemble de nunchuks, puissant et impressionnant lorsqu'il est manié, mais il prend de nombreuses années de douleur à maîtriser et souvent vous souhaiteriez probablement utiliser autre chose», écrit-il. En outre: "JavaScript est une épée sans poignée."
Assurez-vous d'aller lire. C'est très amusant et pourrait même être un excellent remontant en fin d'après-midi.
