Les résolutions du Nouvel An sont ce que tout le monde préfère, j'en suis sûr. Cependant, rechercher et savoir où prendre la direction créative d'un produit devrait figurer sur une liste de choses à faire avant de simplement aller de l'avant et de ne faire que ce qui a été fait jusqu'à présent.
Les tendances changent assez souvent pour qu'un produit devienne rapidement obsolète. C'est pourquoi Imaginary Cloud a décidé d'aller de l'avant et de dresser une liste. Oui, encore une autre, mais restez avec nous sur ce point : nous n'avons sélectionné que les plus pertinents visuellement et les avons classés parmi les 7 meilleurs Tendances de l'interface tu dois faire attention.
Comme indiqué dans un précédent billet de blog, l'illustration a acquis une nouvelle importance dans nos produits numériques. Même les plus belles photos de stock ne feront plus l'affaire, et les animations plates comptent également leurs jours. Cela ne signifie pas qu'il faille être très complexe pour le faire fonctionner, mais considérez toutes les références stylistiques incroyables qu'un illustrateur/designer a sur son écran. Les styles dessinés à la main, 2D ou même 3D sont viables aujourd'hui.
Comme vous pouvez le constater dans les exemples de sites Web ci-dessous, les créatifs n'ont eu aucune crainte lorsqu'ils ont adopté des styles qui sortaient de l'illustration normale de l'interface utilisateur quotidienne, ce qui leur a très bien plu.
Nous devons également tenir compte du fait que l'illustration entre dans une période où la demande est suffisamment élevée au point que l'illustration vectorielle standard constitue la solution la plus rapide pour un design urgent. Mais cela s'inscrit également dans les mêmes choix stylistiques que tout le monde fait, c'est-à-dire les jours de style les plus courants de l'illustration vectorielle stock sont comptés, et ce n'est certainement pas une solution à long terme. Sortir des sentiers battus est presque toujours la solution, il suffit de remarquer à quel point cela fait une différence.
Si vous souhaitez aller encore plus loin, animer ces mêmes illustrations vous fera également beaucoup de chemin. Cela ressemble moins à un « tampon » apposé lorsque même les illustrations inutiles ont leur propre style de mouvement, rien de trop important.
Bien entendu, rien ne doit empêcher un design de tout mettre en œuvre lorsqu'il essaie quelque chose de plus dynamique, comme les exemples ci-dessus l'ont très bien fait. Mais il doit tenir compte du bruit que cela peut créer et qui peut distraire l'utilisateur d'informations plus importantes, en particulier lorsqu'il s'agit de pages riches en texte.
Les modifications apportées au système et au matériel sur iPhone et Android ont entraîné la disparition des boutons et des bordures de l'écran.
Les applications vont jusqu'aux bords latéraux, supérieurs et inférieurs de l'écran, ce qui augmente considérablement la taille de l'interface.
L'industrie en est tellement obsédée que les nouvelles caméras frontales sont quasiment obligées de disparaître ou d'être placées ailleurs, mais pas sur l'écran ! Et les concepteurs ont utilisé cet espace de manière plus intéressante, à la fois au niveau de l'interface utilisateur et de l'expérience utilisateur. Regardez les images suivantes.
Intéressant, non ? Grâce à cette absence de boutons qui encombrent l'écran, les gestes sont devenus essentiels pour la navigation à l'intérieur et à l'extérieur de nos applications mobiles. Pensez donc à avoir des intégrations plus courtes qui n'ennuieront pas les nouveaux utilisateurs et forcez-les à sauter, afin que vous puissiez facilement leur indiquer où ils doivent glisser pour se rendre là où ils en ont besoin.
Votre marque n'a plus besoin d'être aussi restrictive en ce qui concerne les palettes de couleurs. Deux à trois couleurs s'avéreront trop répétitives pour le goût actuel. Dropbox, comme vous pouvez le voir, par exemple, le fait depuis un certain temps, et Figma suivez aussi.
Bien entendu, il existe un système et un guide de style, les couleurs ne sont pas choisies au hasard. C'est juste que maintenant, ce qui était autrefois une palette de 4 ou 5 couleurs va laisser place à des palettes de couleurs beaucoup plus diversifiées qui ont du sens et représentent votre marque d'une manière établie et harmonieuse. Différentes couleurs issues de cette grande palette seront utilisées en fonction du sujet ou de l'environnement qu'un écran spécifique essaie de transmettre.
Rendez-le efficace - un texte en gras et volumineux contribuera grandement à créer le premier impact d'un produit, en fonction de la pertinence de la phrase. Et il n'est pas nécessaire qu'il ait l'air agressif ou qu'il soit utilisé uniquement pour les pages de destination. On peut faire un effort supplémentaire et l'utiliser également pour les menus, si c'est un choix viable.
Comme vous pouvez le constater dans les exemples suivants, l'adoption de grandes tailles de police leur a donné l'impact graphique des affiches d'apparence urgente.
Encore une fois, le piège est d'avoir un texte si volumineux qu'il masque tout autre élément permettant d'approfondir l'expérience de l'utilisateur, et ce n'est pas ce que nous voulons.
N'oubliez pas comment le brutalisme est devenu un style viable même pour des marques plus commerciales et établies ? Ce style est là pour rester, du moins pendant un certain temps. Les grilles sont flexibles et n'ont pas besoin d'être très rigides car l'utilisateur maîtrise de plus en plus les tenants et aboutissants des produits numériques. La vérité est que les pages deviennent un peu moins prévisibles et plus intéressantes à lire, comme l'illustrent les concepts suivants.
L'essentiel est de prendre des exemples les plus « extrêmes » et de les adapter aux besoins du produit, dans la mesure du possible, à moins que le produit ne s'impose comme une technologie de pointe, auquel cas, expérimentez et testez. Nous ne voulons pas que quiconque se perde (trop).
Le Material Design est apparu et le brutalisme a été sa contre-réaction. Mais ces principes de conception matérielle ont également été poussés à un niveau supérieur en poussant les objets graphiques vers une toute autre ambition de réalisme.
Un bouton ressemble à un bouton réel et le minimalisme contribue à créer une esthétique réellement nouvelle et utilisable.
Ce style n'est pas facile et bénéficie de certaines notions spatiales, mais il ne nécessite pas que le concepteur connaisse la modélisation 3D.
Les artistes suivants ont décidé d'explorer le retour du skeuomorphisme tout en s'adaptant aux couleurs et à l'ambiance actuelles que l'on attend de certains types de produits. Les résultats ont été incroyables.
Mais abordons un point : ce n'est pas un style rapide à créer. Les hautes lumières et les ombres doivent être précises pour que les éléments ressemblent réellement à ce qu'ils seraient dans la réalité. Et ce n'est pas l'une de ces situations où un élément de design convient à tous, mais les concepteurs trouveront certainement des moyens plus rapides d'obtenir ces effets.
À Imaginary Cloud, il y a plein de nouveautés à découvrir cette année. Les concepteurs comme les propriétaires de produits peuvent commencer à examiner leur travail avec un nouvel esprit, en essayant quelque chose de nouveau qui se démarque sur le marché, car les nouvelles tendances en matière d'interface utilisateur devraient toujours les motiver à aller plus loin dans leurs choix stylistiques. Qui sait, peut-être que nos explorations s'appuieront sur ce qui est fait et définiront les nouvelles tendances. On peut rêver.
Vous avez trouvé cet article utile ? Ceux-ci vous plairont peut-être aussi !
Je suis designer d'interface utilisateur et de produits, illustrateur et peintre. Connue pour mon amour des serviettes de plage sales, de la production musicale, de la typographie et de toutes sortes de pizzas.
People who read this post, also found these interesting:
