Essential Design Trends, juin 2016
Les concepteurs modifient les règles pour la conception Web, grâce à la résolution de problèmes créative. La lecture automatique du son, le mélange d'images réelles et illustrées et même la superposition de logos sur les photos figurent parmi les techniques de conception les plus en vogue actuellement et les trois concepts étaient considérés comme tabous il n'y a pas si longtemps.
Voici ce qui est tendance dans la conception ce mois-ci:
1. Son auto-play
Il n'y a pas si longtemps, la règle était de ne pas inclure de son sur votre site Web, sauf s'il était facultatif. Et vous n'iriez certainement pas sur l'itinéraire de lecture automatique.
Ces tables ont tourné! Ce qui était autrefois une fonction de conception envahissante et envahissante de la bande passante devient de plus en plus courante.
Le son est particulièrement utilisé pour différents types de sites Web - pour les contenus liés aux médias tels que la musique, les films ou les actualités, ainsi que pour les conceptions de type jeu ou storyline. L'astuce pour utiliser le son est qu'il doit inclure un bouton d'activation / désactivation pour les utilisateurs qui souhaitent toujours interagir en silence avec un site Web.
Le son est que cela ne devrait pas choquer les utilisateurs. De nombreux sites, tels que C'était le téléphone de Louise , qui utilisent le son de lecture automatique utilisent une sorte de tampon pour montrer que le contenu sonore est en cours de chargement. Combinez cette action de chargement avec un interrupteur à bascule et les utilisateurs peuvent déterminer si le son leur est destiné ou non avant que le site ne fasse le premier bruit.
Une autre astuce pour utiliser le son est de commencer doucement. Vous ne voulez pas que les utilisateurs sautent de leurs chaises parce que votre conception s'ouvre avec une faille de métal lourd. Tout sonne à crescendo de presque un murmure à plein volume dans les premières secondes.
Enfin, il est important que le son (en particulier lorsqu'il est lu automatiquement) soit une partie essentielle du contenu qui contribue à l'expérience utilisateur globale. N'utilisez pas le son simplement parce que vous voulez essayer quelque chose de nouveau; l'utiliser avec un but. Gardez également cela à l'esprit - même avec le son dans le cadre de la conception, de nombreux utilisateurs accéderont au contenu sans celui-ci. Concevoir judicieusement.
2. Mélanger les photos et l'illustration
Cela peut être une technique difficile à réaliser mais la frontière entre photographie et illustration a été franchie. Mélanger des éléments réels et dessinés à la main peut ajouter un air de fantaisie à un projet à la fois amusant et visuellement intriguant.
Faites-le sans être ringard pour avoir un impact durable sur les utilisateurs. Voici quelques suggestions:
- Utiliser des illustrations pour les icônes et les boutons, et la photographie pour un impact visuel dominant
- Créez un motif visuel qui utilise principalement l'illustration, mais ajoutez de courtes zones vidéo ou d'image pour les mettre en évidence
- Ajouter des éléments illustrés animés pour une touche de quelque chose de différent près des photos
- Créez un badge ou un logo illustré à utiliser avec des photos de marque ou sur des emballages qui apparaîtront dans les images de la marque.
- Utilisez l'illustration pour guider les utilisateurs à travers d'autres images et raconter une histoire
Taylor Made est un excellent exemple de cette approche mixte de la photographie et de l'illustration. Une société de planification financière n'est pas un endroit où l'on peut s'attendre à trouver cette technique en action, mais elle est efficace. Des illustrations animées en arrière-plan de photos de personnes ajoutent de l'intérêt à ce qui pourrait être un headshot ennuyeux. Les statistiques animées de vol stationnaire attirent l'attention des utilisateurs et encouragent le défilement. De plus en plus d’illustrations sont utilisées dans l’iconographie des sites pour encourager les clics et ajouter une touche visuelle aux parties les plus lourdes du texte.
3. Badges sur les images de héros
Les badges sont partout où vous tournez maintenant. De la conception du logo aux styles de typographie rétro vintage qui pourraient être surnommés les favoris hipster, ces éléments simples sont devenus une partie essentielle des styles de design minimal. Ils sont également une option courante pour les conceptions qui pourraient faire défaut dans la photographie.
Cela change cependant car de plus en plus de designers utilisent des badges avec des photographies stellaires dans des images de héros. La tendance est illustrée par une image de héros unique (généralement pas un curseur) avec un badge blanc ou semi-transparent sur le dessus. Les insignes sont souvent centrés horizontalement et verticalement, bien que les placements puissent varier.
C'est une photo frappante au contraste de logo (ou de texte). Ce qui fait que ce travail est que la grande image attire les utilisateurs. Le badge sert de point focal pour ce qui est souvent une image un peu faible ou lâche. (Cela ne veut pas dire que les images utilisées dans ce type de style sont mauvaises, mais elles bénéficient de l’aide d’un badge.)
Cette tendance est une évolution de quelque chose que nous avons vu depuis longtemps avec les en-têtes d'image de héros. Les choix de typographie surdimensionnés et audacieux étaient l’engouement de l’année dernière. Ceci est un changement naturel en raison de la popularité des styles de badge et de la similarité entre le type surdimensionné et les badges.
- Les deux ont tendance à être de type blanc ou léger
- Les deux ont tendance à marteler un seul message aux utilisateurs
- Les deux travaillent dans des designs qui n'ont pas beaucoup de visuels concurrents
- Les deux sont audacieux et audacieux car ils n'offrent aux utilisateurs qu'un seul point d'entrée
- Les deux fonctionnent exceptionnellement bien avec la photographie de stock
- Les deux styles offrent une solution visuelle audacieuse lorsque vous n'avez pas beaucoup d'options de photo
- Les deux styles se prêtent à l'ajout d'une touche d'animation à d'autres endroits (comme un état de survol) pour attirer les utilisateurs car il n'y a pas beaucoup d'autres éléments en mouvement, tels qu'une vidéo ou un curseur d'image.
Ce qui est bien avec un super badge, c’est qu’il peut également servir de marque à votre marque. (C'est une excellente option pour les petites entreprises ou les sites de portefeuille.) Créez un badge en pensant que ce sera votre logo. Versions couleur et blanc de conception à mélanger et à assortir en fonction de l'utilisation. Cette fonctionnalité supplémentaire est une autre raison pour laquelle les badges sont si populaires en ce moment.
Conclusion
Êtes-vous assez courageux pour ajouter de la musique à votre site Web ou pour combiner des images réelles et illustrées? Les deux tendances comportent un élément de risque et une possibilité de paiement. Si vous n'êtes pas tout à fait prêt pour ces tendances, l'incorporation d'un badge sur une image de héros est quelque chose qui peut fonctionner pour presque tous les types de plan de conception. Vous pouvez également effectuer ce réglage à la volée et l'utiliser selon vos besoins.
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.