3 tendances de conception essentielles, juillet 2017
Ce mois-ci, l'accent est mis sur les éléments de conception. De nombreuses tendances récentes ont impliqué des modèles d’utilisateur, des couleurs ou une typographie, mais il s’agit ici de techniques subtiles. Les tendances essentielles à prendre en compte comprennent la navigation vers le bas, les boîtes en tant qu'élément de conception et de nombreuses lignes verticales et mouvements.
Voici ce qui est tendance dans la conception ce mois-ci:
1. Navigation vers le bas
Les concepteurs semblent être en phase expérimentale en ce qui concerne la navigation de nos jours. Des options de navigation verticales et latérales aux styles de fenêtres pop-up, en passant par les styles de bas de page, les éléments de menu sont un peu partout.
Alors que la navigation descendante était un non-non distinct, elle peut se développer sur vous. Et comme de plus en plus de concepteurs optent pour ce modèle d’utilisateur, celui-ci sera plus généralement accepté. Voici un mot d'avertissement: si vous optez pour la navigation vers le bas de la page, surveillez de près l'analyse du site Web pour vous assurer que vos visiteurs comprennent le modèle et continuent de cliquer. Cette technique peut ne pas fonctionner pour tous les publics.
Alors, comment ça marche?
- Les meilleurs styles de navigation vers le bas sont appliqués à des conceptions simples. Une page d'accueil sans défilement et une poignée de pages est la meilleure.
- Les éléments de navigation de bas de page doivent être grands, afin que les utilisateurs ne les négligent pas.
- Les éléments adhésifs sont nécessaires si la page comporte un défilement plus long.
- Considérez la navigation vers le bas de la page d’accueil pour trouver une nouvelle alternative, mais revenez à un modèle plus traditionnel sur les pages intérieures.
- Utilisez-le avec un cadre minimal. La navigation de bas de page peut être facilement perdue dans une conception complexe ou comportant de nombreux éléments en compétition pour attirer l'attention d'un utilisateur.
- Inclure un élément de conception "supplémentaire" pour pousser les utilisateurs vers la navigation. Cela pourrait inclure un choix audacieux de couleurs à un visuel directionnel qui aide à orienter le regard vers la navigation dans un endroit non traditionnel.
2. Boîtes en tant qu'éléments de conception
Cela pourrait être l'une des tendances les plus frappantes et les plus polyvalentes des éléments en boîte de 2017 à des fins esthétiques pures.
Les boîtes sont un excellent contenant, comme nous l'avons vu depuis la tendance des cartes, mais les concepteurs travaillent avec des boîtes pour mettre en évidence le contenu, montrer des images et attirer le regard sur une partie de la toile. Et ça marche à merveille.
La bonne chose à propos de cette tendance est qu’elle est si polyvalente. Vous n'avez pas besoin de repenser une conception entière pour utiliser des éléments encadrés. Ils peuvent servir de pur visuel ou de lien vers d'autres contenus. Une boîte peut contenir presque n'importe quoi, d'une grande image à un appel à l'action.
Voici quelques conseils pour tirer le meilleur parti d’un élément de conception en boîte:
- Utilisez une boîte pour créer de la profondeur ou de la mise au point, par exemple Cedrick Lachot , au dessous de. La photo sur fond noir est simple et le texte blanc en haut met l'accent sur la forme rectangulaire et les autres zones cliquables sur la page d'accueil et tout au long de la conception.
- Utilisez une boîte pour superposer des éléments. Feudi Di San Gregorio , ci-dessous, utilise une boîte pour attirer l’attention sur une partie très spécifique du contenu avec une technique de superposition qui lui donne l’impression de faire partie de l’image. Regardez attentivement les mains par rapport à la boîte. Ce même concept est utilisé pour plusieurs images dans le défilement horizontal et ajoute une couche supplémentaire de belle complexité au design simple.
- Utilisez une boîte pour créer un flux. Beoplay , ci-dessous, utilise des boîtes empilées avec des images pour créer un chemin dans la conception. Chaque boîte s'anime à partir d'un certain nombre de cases plus petites pour engager l'utilisateur et encourager le défilement.
- Utilisez une zone pour créer un élément pouvant faire l'objet d'une action, tel qu'un appel contextuel à une action, en haut de la conception.
- Utilisez des cases pour créer un dessin avec des cartes dans le style de conception de matériau. Bien que cette tendance existe depuis un certain temps, elle reste une option populaire, en particulier pour les conceptions mobiles.
3. Lignes verticales
Vous ne pensez pas toujours au Web comme à un espace vertical, mais de plus en plus de concepteurs incorporent des éléments très verticaux dans les conceptions.
À partir de lignes minces pour créer des flux vers des photos avec des éléments distincts, les éléments verticaux peuvent aider les utilisateurs à traverser un dessin, encourager le défilement et même attirer l'attention sur certains éléments. En prime, les éléments verticaux sont visuellement intéressants car ils ne sont pas aussi communs que les éléments horizontaux, carrés ou circulaires.
Une partie du désir de penser plus verticalement pourrait commencer entre vos mains. Alors que la plupart des sites Web de bureau fonctionnent dans l’espace standard 16: 9, l’accès aux sites Web sur les téléphones et les tablettes se fait souvent sur le côté avec une orientation plus verticale. (Dans le cas de nombreux téléphones mobiles, cette orientation est nettement verticale).
Cela rend les accents verticaux et les modèles d’utilisateur plus courants et mieux acceptés par les visiteurs du site. Ils ne rechignent pas à la conception ou se demandent comment interagir avec elle. L'orientation verticale est assez courante.
Il y a beaucoup de façons d'incorporer un sentiment vertical à un design.
- Essayez un fond avec des lignes verticales subtiles pour créer une texture.
- Créez un collage d'images avec des formes verticales.
- Utilisez des lignes verticales sur l'image principale pour établir la profondeur entre les couches d'éléments, telles que des photos ou des vidéos et du texte.
- Utilisez le balayage animé verticalement pour séparer les éléments d'un curseur d'image.
- Planifier des images avec un focus vertical.
- Envisagez une conception à écran divisé pour que chaque côté ait un rapport d'aspect plus orienté verticalement.
- Utilisez un motif d'arrière-plan de petits objets dans un alignement vertical.
- Empilez des icônes ou des éléments plutôt que de les espacer sur l’écran.
Conclusion
Chaque fois que vous envisagez d'utiliser une tendance dans un projet de conception, il y a un élément de risque impliqué. Combien de temps la tendance sera-t-elle populaire? Est-ce que cela donnera un aspect à la conception?
Plutôt que de choisir des options de site Web à la mode à grande échelle, considérez un élément à la mode tel que ceux ci-dessus. Ces éléments peuvent être plus faciles à intégrer dans la conception (et tout aussi faciles à supprimer si vous ne les aimez pas plus tard). L'astuce pour maintenir un style moderne est dans les détails; il ne nécessite pas un nouveau design tous les six mois.
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.