Tendances de conception essentielles, février 2016
Vous cherchez un site internet à rafraîchir et vous ne savez pas par où commencer? Certains des éléments les plus en vogue dans la conception de sites Web sont maintenant amusants esthétiquement et assez faciles à utiliser.
L'ajout d'une fonctionnalité à la mode à votre conception actuelle, ou à une nouvelle version, peut contribuer à créer une ambiance moderne capable d'attirer des visiteurs sur votre site. Et ce qui est particulièrement intéressant dans ce trio de tendances, c'est que vous pouvez les utiliser avec des éléments existants, des palettes de couleurs et de typographie et des marques.
Voici ce qui est tendance dans la conception ce mois-ci:
1. schémas de couleurs Duotone
Les palettes de couleurs Duotone existent depuis longtemps, mais la prise récente ajoute un effet de lavage des couleurs à un dégradé duotone pour un effet plein écran et à fort impact. C'est quelque chose qui a évolué de manière majeure avec un design plat, mais grâce à l'utilisation étonnante de Spotify, le duotone est de retour.
Alors, quel est exactement le duotone?
C'est l'utilisation de deux couleurs pour former une palette. Dans sa forme la plus élémentaire, le duotone est une combinaison complémentaire de la roue chromatique. Dans des utilisations plus complexes, les concepteurs utilisent toutes sortes de combinaisons de couleurs et enfreignent les règles avec les paires.
La plupart des effets de bichelle comportent une superposition de couleurs vives sur une image. L'effet duotone met en évidence les taches et les lumières et crée un impact visuel avec des couleurs étonnantes. Spotify l'utilise de manière remarquable pour créer des photos d'artiste que vous avez probablement vues des dizaines de fois et qui semblent juste assez différentes pour attirer l'attention.
C'est une technique que vous pouvez utiliser de diverses manières. Il fonctionne avec presque tous les concepts de conception et peut être utilisé comme élément plein écran, comme dans de nombreux exemples ci-dessus, pour créer un art dominant. Il peut également être utilisé pour créer un arrière-plan intéressant, accentuer les éléments de l'interface utilisateur ou aider à mettre l'accent sur une partie spécifique de la conception. Duotone fonctionne mieux lorsqu'il est utilisé pour un élément de conception unique. La technique peut être accablante et doit être utilisée avec modération.
2. Conception de l'écran renversé
Les sites Web présentant un design à écran partagé connaissent une croissance exponentielle. La technique de conception comporte deux panneaux de contenu côte à côte. La plupart de ces concepts utilisent un contour symétrique pour que chaque côté de l'écran ait la même taille et la même forme.
Le résultat est une expérience de contenu double et sympa sur les ordinateurs de bureau et (une fois codé correctement) une expérience écran par écran sur les appareils plus petits, où les panneaux s’effondrent et sont des éléments de défilement empilés.
Les possibilités de conception avec la tendance écran partagé sont des divisions illimitées, des divisions avec des cartes ou des éléments de style grille, une division subtile et la liste continue. Chaque aspect de la conception peut également orienter les utilisateurs vers différents types de contenu et vous aider à obtenir des analyses utiles sur le type de contenu que les internautes souhaitent voir et cliquer.
Les conceptions sur écran partagé sont conviviales, fonctionnent bien dans des cadres réactifs et ne maîtrisent pas les autres techniques de conception que vous pourriez souhaiter utiliser.
Voici quelques façons de diviser l'écran efficacement:
- Associez la couleur et la typographie lorsque vous n'avez pas de visuel puissant.
- Concentrez l’attention de l’utilisateur avec le mouvement de gauche à droite qui se traduit par une action.
- Utilisez le blocage des couleurs pour diviser l'écran et donner à votre message beaucoup d'espace tout en augmentant la lisibilité.
- Pensez à un écran partagé en tant que cartes surdimensionnées. Empiler les éléments du conteneur dans un modèle de style mosaïque ou maçonnerie pour mettre en valeur différents éléments de contenu.
- Gardez chaque "écran" simple. L'astuce de ce concept est l'écran divisé. Un style minimal peut aider à mettre l'accent sur le contenu.
3. Typographie dans un espace partagé
C’est l’une de ces tendances que vous devez presque voir, comprendre: la typographie s’étend aux espaces partagés du design. Regardez la plupart des sites Web et il existe des images, des arrière-plans et des types. Les éléments sont soit combinés, tels que taper sur une image, soit complètement séparés.
De plus en plus de designers sortent de ce format et créent des projets où le type s'étend dans les espaces des autres éléments. C'est intéressant et amusant à regarder.
Cela peut aussi être un défi à créer, en raison des préoccupations liées à la lisibilité.
La technique fonctionne mieux avec une typographie simple, telle qu'un sans-serif à moyen-coup. Le texte doit avoir beaucoup de contraste pour se distinguer de l'arrière-plan et de tous les éléments qu'il traverse ou traverse. Pour cette raison, la plupart des modèles utilisant cette technique utilisent un lettrage blanc ou noir.
Le texte doit également avoir une certaine taille pour que cela fonctionne. Le contraste de taille et d'espace est presque aussi important que le contraste des couleurs. Vous devez également porter une attention particulière à la manière dont le texte se déplace avec différentes tailles d'écran ou points d'arrêt afin que les lettres ne couvrent pas les zones de l'image qui sont essentielles à votre message.
L’un des exemples les plus frappants est celui de Deux Huit Huit (vous voudrez visiter le site pour le plein effet). Le lettrage traverse et traverse l'image principale sur la page d'accueil. Les mots sont lisibles car ils "tombent" de l'image et traversent l'espace entre la photo et l'arrière-plan.
Conclusion
Tandis que beaucoup de tendances du design vont et viennent presque aussi vite que vous commencez à les reconnaître, celles qui restent sont souvent efficaces avec d'autres techniques éprouvées. C'est ce qui ressort le plus dans ce trio de styles modernes. Chacun peut être transformé en une mise en page pour une touche de nouveauté. Ces techniques sont assez faciles à mettre en œuvre (et à supprimer plus tard) sans détruire toute votre esthétique.
Essayez l'une de ces techniques pour un rafraîchissement visuel. Pensez à sortir un peu de votre zone de confort avec des choix de couleurs audacieux ou à modifier votre page d'accueil. Ou aller un peu plus audacieux et essayer une combinaison de techniques à la mode pour un design qui se démarque vraiment. (Avez-vous remarqué que le site Web de Stikwood utilise deux des tendances - la conception sur écran partagé et la typographie dans un espace partagé?]
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.