background preloader

FontPair - Helps you pair Google Fonts together

https://fontpair.co/

Related:  02. TypographieGestion d'un site web

TYPO : 6 mariages de polices élégants La composition typographique est d'abord une histoire de mariage; la rencontre entre plusieurs styles ou familles de caractères. On retiendra qu'il faut rarement (excepté pour des compositions spécifiques) en utiliser plus de 2 ou 3 différentes. Une fonte bien faite offre suffisamment de polices (Thin, Light, Regular, Bold, Heavy, Black…) pour permettre d'obtenir des contrastes et ainsi attirer l'œil du lecteur. Il faut le surprendre, provoquer des « accidents » mais ne pas le heurter. On assiste encore trop souvent à des « hérésies typographiques ». Alors mieux vaut privilégier la sobriété et s'en tenir à des associations harmonieuses en évitant de mélanger tout et n'importe quoi.

3 outils pour enregistrer l’écran de vos utilisateurs et analyser leurs comportements - Newflux, Actualité UX & UI Design Connaître le comportement de vos utilisateurs sur votre site web est primordial dans la compréhension de la navigation et afin de détecter un quelconque problème ergonomique. Observer, analyser, améliorer, observer, améliorer, analyser… Tout cela fait sûrement partie de votre quotidien. Et si vous pouviez obtenir des outils simples, qui enregistrent toutes les allées et venues des visiteurs sur votre site web ?

Labeur ou titrage : les bonnes combinaisons typographiques Cette question, vous vous l’êtes sans doute déjà posée. Le meilleur moyen de scander au mieux votre texte est sans doute d’utiliser de bonnes combinaisons typographiques entre vos entêtes et vos paragraphes. Les ressources de la typographie moderne sont immenses, mais tout comme Cyrano le résume fort bien, il faut savoir les combiner avec panache et avec style. Il est donc important de faire une réelle distinction entre deux sortes de texte qui sont des ressources pour votre composition, le texte de labeur et celui de titrage. Le texte de titrage est utilisée dans les titres.

Un site regroupant tous les canvas ? Oui ça existe - Newflux, Actualité UX & UI Design On connaît l’utilité des canvas pour représenter visuellement des idées et générer de l’innovation. Blank Canvas regroupe pour vous tous les canvas existants sur un seul espace. Cet outil mise sur l’idéation en groupe en proposant un outil collaboratif autour de la manipulation de canvas. Testez toutes les tailles d'écrans depuis votre navigateur - Newflux, Actualité UX & UI Design Un petit site bien pratique qui permet de tester l’affichage d’un site sur différentes tailles d’écran. En ajoutant une URL sur Sizzy vous verrez votre site s’afficher sous différents formats correspondants aux tailles des téléphones Android ou iOS. Vous aurez également la possibilité de mettre l’écran à l’horizontal. Cliquez pour tweeter Ce site est tout nouveau mais il propose déjà un plugin Chrome qui permet directement de tester le site que vous êtes en train de visiter.

Réaliser une composition claire destinée à l'impression : la fonte La typographie est un élément de conception graphique souvent donné pour acquis. De nombreux graphistes la considèrent comme une simple formalité et la réduisent au choix d’une fonte. Pourtant, si le choix d’une fonte est important, la disposition du texte dans l’espace l’est plus encore. La distribution cohérente et équilibrée des mots joue, en effet, un rôle fondamental dans la réalisation d’une composition à la fois soignée d’un point de vue esthétique, et porteuse d’informations claires et lisibles. Une bonne composition typographique aide le lecteur à se concentrer sur le message plutôt que sur les mécanismes de lecture, tandis qu’une mauvaise typographie le distrait. Que se passe-t-il lorsque nous lisons un texte ?

Un outil très simple pour réaliser des arborescences de sites - Newflux, Actualité UX & UI Design La simplicité de l’outil c’est parfois son plus gros avantage, en ce qui concerne GlooMaps, c’est bien le cas. L’outil a une seule fonctionnalité bien précise qui consiste à créer des arborescences ou sitemaps. Vous pourrez alors créer des diagrammes arborescents à l’horizontal ou à la verticale, avec la possibilité d’éditer chaque case pour modifier la couleur ou le texte. 7 typographies parfaites pour les livres et les magazines - Le blog de Shutterstock Si vous êtes en train d’assembler un livre, un magazine ou une brochure, il est fort probable que vous ayez à gérer de grands blocs de texte, notamment au niveau typographique. Et si les nouvelles polices massives peuvent très bien fonctionner pour les titres, il est évident que certaines typos ne sont pas faites pour les longs paragraphes. Voici sept typographies – de la plus classique à la plus actuelle – qui seront parfaites pour vos mises en page de texte. A vous de trouver votre préférée !

10 Outils pour faire vos prototypes web et mobile Une liste de sites ou d’applications performantes permettant d’élaborer des wireframes ou des prototypes, sous plusieurs formats d’écrans différents. Le wireframe est une étape indispensable dans le métier d’un UX designer, cela consiste à élaborer des prototypes de l’interface finale. Il existe plusieurs niveaux de réalisation, du plus grossier ( zoning, croquis ) au plus élaboré ( UI, vrai contenu ) le wireframe nécessite des outils spécifiques pour chacune de ces étapes. Les meilleurs sont payants, ce qui est normal, un service de qualité mérite une reconnaissance, mais si vous êtes UX designer et que les prototypes font normalement partie intégrante de votre travail, il est préférable de débourser un peu d’argent pour un des logiciels de votre choix, cela vous fera gagner un temps fou comparé aux solutions basiques, tels que Photoshop / Illustrator ou encore des services gratuits.

Related: