Essential Design Trends, avril 2016
La conception du site Web a l'air heureuse ces jours-ci. Peut-être parce que le printemps est dans l'air ou peut-être qu'il y a juste une bonne ambiance. Quoi qu’il en soit, les tendances en matière de conception de sites Web ce mois-ci reflètent cette tendance à la hausse, avec des illustrations de style sympas, de grandes photographies et des choix de couleurs vives.
Voici ce qui est tendance dans la conception ce mois-ci:
1) Illustrations de style icône
Il est difficile de ne pas aimer une belle illustration. Certaines des meilleures illustrations que nous voyons en ce moment ont un aspect plus iconique. La présente avec quelques caractéristiques clés:
- Éléments illustrés simples et plats (notez comment toutes les minuscules illustrations sont combinées sur le site de Confederation Studio)
- Couleur vive ou coloration simple avec des teintes primaires
- Formes géométriques à usage interactif
- Éléments avec l'apparence de l'icône, moins le conteneur, donc visuellement, vous le voyez comme un dessin et non un bouton
- Effets illustratifs dessinés à la main
- Éléments qui ressemblent à des icônes, mais prennent beaucoup plus d'espace sur la toile qu'une icône
- Dessins simples de style ligne (comme le style de Draw a Better 2016)
Ce qui est cool à propos de cette tendance, c'est que cela fonctionne pour incorporer un élément de fantaisie dans un projet de conception sans se sentir incroyablement fantaisiste. Il crée un bel équilibre entre fait main et professionnel. Il prend également une allure un peu plus masculine que la plupart des autres tendances axées sur la fantaisie, comme l'affiche à l'aquarelle ou à la main.
Même si vous n'êtes pas un illustrateur, c'est une tendance dont vous pouvez tirer parti. Il y a beaucoup de fournisseurs payants et gratuits qui créent des kits d'icônes vectorielles. Recherchez un kit qui inclut tous les fichiers de forme réels afin de pouvoir séparer des pièces, changer de couleur et mélanger des pièces pour créer une iconographie illustrée surdimensionnée pour vos projets.
2. plus grand que la photographie de la vie
Une grande photo ou image en gras donne une première impression étonnante. C'est pourquoi tant de concepteurs sélectionnent des images plus grandes que nature pour attirer les utilisateurs dans leurs conceptions de sites Web. Cet élément de conception peut être surprenant, intéressant et être une excellente alternative si vous avez une ou deux superbes images, mais pas une grande bibliothèque avec laquelle travailler.
Mais vous devez vouloir être un peu mal à l'aise pour y arriver.
Pour tirer le meilleur parti de la tendance de la photographie plus grande que nature, vous devez être prêt à faire l'une des trois choses suivantes:
- Recadrez une photo si étroitement qu'elle occupe une partie importante de l'écran, de sorte que l'image soit réduite à une proportion plus grande que la réalité
- Zoomez à un niveau presque inconfortable avec des images de personnes et de visages pour montrer chaque détail
- Mettre en scène une photo standard mais ajouter un élément différent ou intéressant d'une manière un peu inattendue
Ces trois techniques peuvent être assez inconfortables au début. Des cultures intenses, des visages super-proches et des curiosités peuvent vous rendre un peu mal à l'aise au début. Aborder le visuel pour ce type de conception un peu différemment. Commencez avec l'option la plus grande ou la plus étrange possible. Ensuite, reculez par petits incréments et évaluez votre perception de l'image. Les chances sont que vous pourriez finir par revenir à l'une des options précédentes.
En adoptant cette approche, vous vous permettez de voir le design et les images différemment. C'est ce qui rend cette tendance si frappante: les images sont différentes. Ils attirent les utilisateurs parce que les formes, les cultures et les styles globaux sont si différents de la plupart des sites Web sur lesquels un utilisateur accède chaque jour.
3. choix de couleurs vives
Des couleurs vives et éclatantes sont présentes. La tendance a des influences enracinées dans la conception matérielle. Même si Material est un style de conception basé sur l’interaction, certains composants visuels gagnent eux-mêmes en traction. Cela s'applique à la couleur en particulier.
Pourquoi utiliser une palette de couleurs de type Matériau si le reste du dessin n'est pas Matériau? C'est un moyen simple d'ajouter un élément à la mode à un projet sans une refonte complète. Vous pouvez presque ajouter une couleur vive et laisser le reste de la conception seul avec seulement quelques modifications au format CSS ou aux images.
Quelle est la couleur du matériau? Il n'y a pas de définition parfaite, mais voici comment Google le décrit: "La couleur dans la conception matérielle est inspirée par des nuances audacieuses juxtaposées à des environnements en sourdine, à des ombres profondes et à des reflets lumineux. Les matériaux s'inspirent de l'architecture contemporaine, des panneaux de signalisation, du ruban de marquage des chaussées et des terrains de sport. La couleur doit être inattendue et vibrante. "- https://www.google.com/design/spec/style/color.html
Si vous êtes intéressé par la création d'une palette de couleurs basée sur un matériau et que vous avez besoin d'un emplacement de départ, essayez la palette de matériaux. http://www.materialpalette.com/
Les options de couleurs audacieuses sont belles et se distinguent par rapport à beaucoup de projets de style minimal plus discrets qui ont été populaires. Les bleus, les verts et les jaunes brillants sont particulièrement populaires comme accents dans la palette de couleurs. La tendance semble être axée sur les touches de couleur Matière, et non sur les palettes de couleurs à grande échelle.
Pour un projet vraiment génial, il faut plus qu'une couleur vive. L'ambiance du projet devrait être tout aussi brillante.
- Notez que Lefty associe un vert éclatant à des images de personnes heureuses et souriantes pour créer une ambiance positive.
- BNP Paribas utilise un vert vif pour amener les utilisateurs dans une interface de jeu conçue dans un contexte plus sombre.
- Big Drop utilise un jaune audacieux (et bleu, rouge et vert sur le parchemin) avec des images claires et une police de caractères amusante pour attirer les utilisateurs, rendant le site de l’entreprise moins formel.
L'astuce pour ajouter des indices de couleurs inspirées de Material Design n'est pas de perdre votre image de marque. Ne pas refaire toute votre palette de couleurs en fonction d'une tendance; plutôt trouver un moyen d'incorporer des couleurs vives sans surcharger le design. Les exemples d'utilisation sont d'excellents moyens d'y penser: utilisez une forme colorée simple comme élément visuel, essayez un titre aux couleurs vives ou utilisez des panneaux de couleurs vives pour créer une expérience interactive plus immersive pour les utilisateurs qui défilent dans la page.
Conclusion
C'est génial quand quelques tendances peuvent vous rendre heureux. C'est ce que ce groupe fait avec la couleur et avec les choix de type et avec l'imagerie. Ce n'est peut-être pas seulement l'influence du printemps et nous continuerons à voir ces éléments dans encore plus de conceptions dans les mois à venir.
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.