3 tendances de conception essentielles, février 2018
Parfois, les tendances du design sont difficiles à voir, même lorsque vous les recherchez. Ce mois ne fait pas exception aux tendances qui incluent l'utilisation de cercles dans la conception, la disposition des écrans divisés et les arrière-plans sombres avec du texte clair.
Ces éléments peuvent sembler être des outils de conception courants, mais lorsqu'ils sont utilisés de la même manière, des tendances distinctes commencent à apparaître.
Voici ce qui est tendance dans la conception ce mois-ci:
1. cercles
Les significations implicites et les associations de cercles dans la conception peuvent avoir beaucoup à voir avec leur utilisation. Les cercles impliquent un sentiment de complétude et d'harmonie. Ils sont utilisés pour représenter l'amour, l'énergie et le pouvoir. (C'est un peu surprenant que plus de concepteurs n'utilisent pas régulièrement les cercles.)
Bien que les utilisations les plus courantes des cercles aient été récemment sous la forme de boutons ou d'appels à l'action grâce à la conception matérielle de Google, les cercles assument des rôles de conception plus importants.
Ce qui peut être difficile à propos des cercles, ce sont les canevas et la forme des sites Web, soit horizontalement (écrans de bureau), soit verticaux (écrans mobiles). La conception doit donc utiliser des cercles dans l’espace pour que la forme ne soit pas perdue dans le format réactif. Chacun des exemples ci-dessous fait un bon travail ou maintient le flux circulaire sans perdre la forme à mesure que la toile se déplace.
KymberleeJay utilise un grand cercle rose pour attirer l'attention sur la copie principale à l'écran. L'œil passe directement du visage de la femme à la forme arrondie.
Pizza Bouddha implique un cercle avec du texte et des ingrédients entourant une tranche. Une partie de ce qui fait apparaître le cercle est l’idée qu’une pizza est souvent ronde. Même avec l'image triangulaire au milieu de l'écran, le cercle est évident.
Hôtel Poispois utilise des cercles flottants pour créer un intérêt visuel, mais ils servent également de boutons géants qui permettent aux utilisateurs d'accéder aux différentes parties du site Web.
2. Écrans séparés
Les conceptions d'écran partagé sont l'une de ces tendances qui gagnent en popularité et disparaissent ensuite, mais il semble toujours revenir en arrière. La dernière itération de la tendance comprend à la fois des écrans fractionnés super audacieux et des associations plus subtiles.
La grande chose au sujet des conceptions d'écran divisé est qu'elles fonctionnent magnifiquement avec le format réactif. Vous obtenez un contenu double sur le bureau et le contenu empilé sur les écrans mobiles. Quel que soit l'appareil, l'utilisateur n'a pas l'impression d'avoir manqué quelque chose en changeant de type d'appareil.
La conception d'écran partagé offre également une solution pour avoir deux éléments de contenu d'une importance presque égale. Vous pouvez présenter plusieurs éléments et proposer deux actions distinctes (et des appels à l'action associés) à l'écran en même temps.
Ce concept permet aux utilisateurs de contrôler la conception, leur permettant de penser qu’il existe un choix quant à la manière d’interagir avec le contenu.
Bill Taco Le site Web est un excellent exemple de cela. La conception pose immédiatement une question aux utilisateurs: Voulez-vous commander des aliments ou souhaitez-vous en réserver une? La conception de l’écran partagé ne se limite pas à rendre le design plus facile à utiliser. options visuellement.
Nikos Pandazaras adopte une autre approche avec la conception du site Web du portefeuille de photographies. Le site présente deux photos verticales côte à côte avec la navigation au centre. C'est une approche différente pour une conception de style portefeuille mais efficace dans la mesure où les utilisateurs peuvent voir plus d'images immédiatement. Le style d'écran partagé implique que les deux images ont un poids égal et que l'une n'est pas plus importante que l'autre.
D'Aucy utilise une esthétique de l'écran divisé plus subtile. Un côté comprend une image sur un arrière-plan texturé associé au même arrière-plan de couleur sans aucune texture ni titre. La conception est un bon moyen d’aider à attirer l’attention sur l’écran pour que tout le contenu soit visualisé.
3. Fond sombre, texte blanc
Les fonds sombres et le texte blanc sont une combinaison classique. Mais cette tendance se dessine avec une vidéo ou une animation torsadée sur fond sombre.
Si le mouvement est subtil, tel que Top Estates , ou rapide et furieux, comme L'intimidation et le comportement , l'action en arrière-plan est ce qui aide à attirer les utilisateurs même. Le manque de couleur ajoute un élément de mystère et rend la scène un peu plus attrayante.
Le type blanc ajoute à la dureté du design. Bien qu'il soit facile à lire, c'est une bonne chose, le texte ne submerge pas le design. Ces projets sont un peu plus stricts par nature. L'élément visuel de conduite est le mouvement dans l'espace sombre de l'arrière-plan. Toutes les conceptions ci-dessous présentent des animations en boucle qui aident à créer une sensation pour les projets.
Plus l'arrière-plan de ces dessins est sombre, plus ils créent de mystère. Les arrière-plans plus foncés augmentent également la lisibilité en raison de la quantité de contraste avec le texte blanc. La vitesse des animations peut créer un sentiment de calme ou de frénésie.
Il est assez spectaculaire de savoir combien d’informations peuvent provenir de ce qui, à première vue, ressemble à de telles conceptions simples.
Conclusion
La bonne chose à propos de cette collection de tendances est qu’elles sont toutes des choses que vous pouvez implémenter dans presque tous les projets de design. L'utilisation de cercles, d'écrans divisés et d'arrière-plans sombres ne se limite pas à un certain style de conception. Vous pouvez utiliser ces idées pour nous rafraîchir un site qui se sent un peu dépassé ou les intégrer dans un nouveau projet.
Comme pour toute tendance, pensez au contenu et au contexte avant de commencer. Le plan visuel vous aide-t-il à atteindre votre objectif global avec le design?