Essential Design Trends, mars 2017
Voici le point d’intérêt ...
C'est le thème de ce mois. Cette collection de tendances met l'accent sur le design avec des détails spécifiques, des italiques aux écrans divisés en des arrière-plans épurés et minimalistes associés à un tour ou deux.
Voici ce qui est tendance dans la conception ce mois-ci:
1. Écrans séparés
Le design d'écran partagé a commencé à prendre de l'ampleur à la mi-2016 et c'est maintenant un gros problème. Parcourir les collections de conception de sites Web et les contours des écrans partagés sont partout.
Ce qui est bien, c'est la rapidité avec laquelle le style a évolué. Les premières conceptions d'écran divisé comportaient principalement des conceptions symétriques avec une esthétique de style yin et yang. Les nouveaux écrans partagés ont un aspect plus "rien".
Les trois exemples ci-dessous montrent trois manières très différentes d'utiliser la même tendance.
- Rency utilise une conception fractionnée pour contenir une vidéo en boucle et la navigation principale. Le contraste entre la zone blanche et le rouge est brutal et force l'œil à traverser l'écran. Cela garantit également que l'utilisateur trouvera la navigation car c'est le seul élément de la partie colorée de la conception.
- GECN est un site gouvernemental complexe qui utilise un écran partagé pour transmettre deux idées différentes avec deux liens immédiatement dans la conception. Bien que la partition ne soit pas en plein écran et contienne beaucoup de texte, c'est une bonne alternative pour un design avec beaucoup d'appels à l'action, de bases d'utilisateurs ou de contenus compliqués.
- Timide utilise un concept similaire à Rency mais avec une touche: le design comporte une boucle vidéo plein écran et la moitié est recouverte d'une boîte de couleur teintée. Tous les éléments cliquables se trouvent dans la zone teintée et le menu de navigation est masqué dans le coin supérieur droit de la vidéo.
Ce que chacun des exemples a en commun est que la conception de l’écran partagé met l’accent sur le contenu. Il aide les utilisateurs à accéder à des éléments spécifiques de la conception grâce à l'utilisation de la couleur et au mouvement réel ou perçu, grâce à des "écrans" contrastés.
La meilleure partie des nouvelles conceptions d’écran partagé est qu’il ya un flux asymétrique. Les concepteurs ne sont pas coincés dans un format yin et yang et le résultat est des motifs visuels beaucoup plus intéressants.
2. Italique
L'un des styles de caractère les moins utilisés devient de plus en plus une option d'affichage.
Les italiques font leur chemin dans les palettes de typographie des concepteurs, et pas seulement pour les points d’accent occasionnels. Plus d'italiques sont utilisés pour les caractères d'affichage, les éléments secondaires tels que les liens ou les éléments de menu ou pour un accent plus large.
Les italiques sont une nouvelle approche de vos styles types. Comme ils ne sont pas si répandus, cette tendance ne manquera pas d'attirer l'attention des visiteurs, même s'ils ne sont pas sûrs du lettrage qui leur a attiré l'attention.
Les italiques sont un changement subtil qui ne nécessite même pas une nouvelle palette de typographie. Ils viennent avec quelques précautions et suggestions pour les meilleures pratiques.
- Pour tirer le meilleur parti de l'italique, utilisez-les avec parcimonie pour les petits blocs de texte.
- Utilisez une police de caractères très lisible si vous envisagez de mettre en italique; les options de nouveauté peuvent devenir délicates.
- Utilisez la police de caractères en italique et n'essayez pas de créer votre propre version en inclinant des lettres. (Cela peut être désordonné rapidement.)
- Utilisez l'italique pour représenter les éléments fréquemment en italique, tels que le titre de quelque chose, comme des exemples dans de nombreux exemples ci-dessous.
- Associez des italiques avec un effet simple, comme une animation ou une couleur, pour accentuer encore davantage
- Parce que l'italique peut être un peu plus difficile à lire, assurez-vous qu'il y a beaucoup de contraste entre le type et l'arrière-plan.
- Associez les options de type italique à un caractère simple serif ou sans serif afin de ne pas nuire à l'italique.
3. Fond solide avec un «tour»
L'un des moyens les plus simples de créer une emphase visuelle consiste à utiliser des éléments contrastés. Bien qu'un fond de couleur unie puisse sembler simple ou plat, il peut être la toile de fond idéale pour une astuce de conception, telle que l'animation, l'illustration ou le son.
Le contraste entre la rudesse de l'arrière-plan et l'astuce permet de donner vie à l'élément d'interface utilisateur. Des simples carrés qui rebondissent dans le Design 3K à la bande dessinée amusante de Retrace Santé au défilement de parallaxe de Florian Monfrini .
Chacun des effets se distingue par la simplicité du fond. De plus, ces arrière-plans ne gênent pas non plus la conception. Chacun est blanc ou pastel et disparaît au premier plan pour que les utilisateurs se concentrent sur la messagerie du contenu principal. (Les fonds noirs ou simples peuvent fonctionner aussi bien.)
C'est pourquoi cela fonctionne: les utilisateurs ne sont pas pris dans le canevas et le design disparaît presque de l'écran. C'est presque comme de l'art sur un mur. Si le mur est peint avec des couleurs et des motifs sauvages, il peut être difficile de voir l'image encadrée que vous êtes là, mais une œuvre d'art sur un mur blanc est une pièce maîtresse.
Cette tendance de conception crée une pièce maîtresse pour ce tour que vous avez voulu intégrer dans un projet. Cela peut être presque n'importe quoi. Et ce sera le point culminant du design avec un simple canevas pour l’afficher.
Une attention particulière lors de la planification d'un choix de couleur pour un arrière-plan simple: pour un impact maximal, appliquez une couleur blanche, noire ou neutre. Les couleurs vives et lumineuses sont presque un tour de design en soi et peuvent nuire à votre objectif.
Conclusion
Chaque conception doit mettre l'accent sur quelque chose. C'est pourquoi ce groupe de tendances est si rafraîchissant. Chacun souligne quelque chose d'important pour les utilisateurs avec un moyen facile à comprendre. Les utilisateurs savent exactement ce que signifient les italiques et peuvent voir les écarts dans les écrans partagés ou les arrière-plans qui contrastent avec les éléments de l'interface utilisateur.
Quelles tendances aimez-vous (ou détestez-vous) en ce moment? J'adorerais voir certains des sites Web qui vous intéressent. Laisse moi un lien sur Twitter ; J'adorerais avoir de vos nouvelles.