Défis et solutions. C’est l’essence de ce que fait un designer dans un format visuel. Et c'est ce que nous examinons cette semaine dans le domaine du design: de meilleures façons de concevoir des sites Web réactifs à une police de caractères pour dyslexiques en passant par la présentation d'informations complexes de manière primée.
Chaque semaine, nous prévoyons de jeter un coup d'œil aux principales versions et mises à jour de produits, aux outils et astuces, et même à certaines des choses les plus populaires sur les médias sociaux. Et nous aimerions aussi savoir ce qui se passe dans votre monde. Avons-nous manqué quelque chose? Envoyez-moi un message à [email protected].
Conception de sites Web plus réactifs
"La chose la plus importante à retenir est que la conception réactive doit améliorer les expériences, et non réduire les opportunités pour les utilisateurs, et que tous les efforts du concepteur et du développeur doivent viser à faire de cet objectif une réalité."Avec le nombre de concepteurs travaillant sur des projets de conception réactifs, il est de plus en plus important de créer des sites Web plus réactifs. UX Magazine a abordé certains de ces problèmes dans? 10 Problèmes de conception sensible et correctifs.?
L'article montre que de nombreux designers font face aux mêmes défis en matière de conception réactive. Cela prouve également qu'avec un peu de travail, beaucoup de ces défis peuvent être résolus de front.
"La chose la plus importante à retenir est que la conception réactive doit améliorer les expériences et non réduire les opportunités pour les utilisateurs, et que tous les efforts du concepteur et du développeur doivent viser à atteindre cet objectif," écrit l'auteur Kirill Strelchenko.
Ici, nous allons mettre en évidence les 10 problèmes, mais vous devrez vous adresser à UX Magazine pour trouver des solutions.
- Les étapes visuelles (esquisses, encadrements) peuvent être chaotiques et problématiques
- L'emplacement de la navigation n'est pas clair
- L'apparence des images de fond et des icônes doit être flexible
- Affichage des données sur de petits écrans
- Créer des expériences riches qui se chargent rapidement
- Il faut plus de temps pour concevoir, développer et tester
- Masquer et supprimer du contenu peut être difficile
- Convertir des sites fixes en sites responsive n'est pas facile
- Les anciens navigateurs Web ne prennent pas en charge les médias CSS3
- Tout le monde ne comprend pas pourquoi ils devraient être réactifs
L'information est belle
Creative Review a publié sa liste de gagnants du prix Information is Beautiful Award pour 2014. La galerie propose un aperçu de la manière de concevoir et de présenter de nombreuses informations de manière utilisable et époustouflante.
Les gagnants incluent:
- Les taxis de Chris Whong à New York: Une journée dans la vie
- Projet de Matthew Daniels, Rappers, classé par taille de vocabulaire
- Le projet Réfugié d'Hyperakt et Ekene Ijeoma
- Les routines créatives de RJ Andrews
Vous pouvez voir chaque projet en détail dans Creative Review.
Design Books et Type
J'ai lu une tonne de livres de design au fil des ans. Et la plupart ont été magnifiquement conçues - comme on peut s'y attendre. Mais avez-vous déjà pensé à la conception qui entre réellement dans ces publications?
David Airey a récemment publié un article sur son blog, "Les combinaisons de caractères utilisées dans les livres de conception". qui regarde les combinaisons de polices de certains travaux populaires. Fait intéressant, il note que «tous les auteurs n'étaient pas responsables de la conception de leurs livres». Cela vous fait vraiment penser à la conception d'une toute nouvelle façon: peut-être pas comme l'écrivain (ou souvent le concepteur) l'a envisagé, mais comment il a été perçu par le typographe du livre ou le concepteur.
Cet article examine en détail certains des livres que nous connaissons probablement tous assez bien, ainsi que les principaux types de caractères et familles utilisés. Les combinaisons sont phénoménales dans la plupart des cas et illustrent l'utilisation de la typographie de Nice et l'utilisation de la typographie pour les gros blocs de texte.
Il est également intéressant de voir combien de familles de caractères apparaissent régulièrement dans les palettes de typographie de ces livres. Certains de ces choix de caractères peuvent indiquer les tendances en matière de conception, mais bon nombre d'entre eux incluent des formes de lettre plus classiques.
La police de caractères pourrait faciliter la lecture pour les dyslexiques
Le designer Christian Boer pourrait être sur quelque chose qui pourrait changer la façon dont les gens lisent. Son nouveau caractère, Dyslexia, est conçu pour les personnes souffrant de dyslexie, ce qui peut rendre difficile la lecture et la compréhension des caractères car les éléments peuvent être retournés, pivotés ou mélangés.
La police de caractères, exposée à la Biennale du design d'Istanbul, présente des formes de lettres uniques qui différencient les personnes atteintes de dyslexie. La police de caractères fonctionne dans le sens où les lettres sont conçues pour que les traits les plus bas soient plus lourds que les coups les plus hauts, de sorte que les lettres ont moins de chance d'être visuellement inversées. (En revanche, la plupart des polices de caractères ont des traits communs de haut en bas.)
"En modifiant la forme des caractères de manière à ce que chacun soit distinctement unique, les lettres ne se correspondent plus lorsqu'elles sont pivotées, inversées ou inversées," Boer a dit. "Les majuscules et la ponctuation plus en caractères gras garantissent que les utilisateurs ne lisent pas accidentellement au début de la phrase suivante."
Il a développé la police de caractères en 2008 et l'affichage actuel se poursuivra jusqu'au 14 décembre.
Juste pour le fun
Qui a jamais su que tu pouvais avoir autant de plaisir avec la couleur? Le magazine HOW récemment présenté 9 Des projets fascinants utilisant le système de correspondance Pantone? et ils sont susceptibles d'inspirer les concepteurs à jouer avec la couleur.
Chacun des projets est une utilisation amusante de la correspondance des couleurs, comme le projet de correspondance d’aliments Pantone ci-dessus. Chaque exemple provient d'un designer qui a réellement réalisé ce projet. Donc, c'est plus que quelques idées de choses que vous pouvez faire; c'est une galerie de choses qui ont été faites.
Les autres exemples incluent:
- Emballage de bière
- Affiches mosaïque
- Petites cartes PMS
- Affiche de vacances
- Cartes de visite
- art de rue
- Aimants à puce de couleur
- Calendrier de l'Avent
Maintenant, quels projets t'inspires-tu? Partagez vos idées (et exemples) dans les commentaires.