Tendances dans la création de sites Web. Éviter les photos d’archives « typiques ». Polices simples et palette de couleurs douces

Nous suivons les tendances en matière de conception Web et expérimentons. La plupart des nouveaux gadgets sont utiles aux entreprises, quoi qu’on en dise. Alors que 2017 s’apprête à laisser la place à un successeur, il est temps de faire un premier bilan.

Faire des promesses pour des choses qui ne dépendent pas de vous est une tâche ingrate. Néanmoins, nous mettrons en évidence dix domaines clés de la conception Web pour l’année prochaine. La liste est établie sur la base de l'expérience de notre équipe.

Conception plate

En 2017, les concepteurs et les développeurs ont créé des sites Web épurés et simples pour mieux s'afficher sur les smartphones et les tablettes. Les ressources lourdes effraient les audiences mobiles. Le trafic provenant des smartphones augmente régulièrement et, parallèlement, les attitudes à l'égard de la conception Web évoluent. Désormais, un site adapté principalement aux appareils mobiles ne semble plus être une mode. Cette tendance concerne également la Russie.

Ne pensez pas que le design plat se résume à deux dimensions : il s'agit plutôt de minimalisme et de praticité. Considérez-le comme une philosophie consistant à se débarrasser du désordre et à se concentrer sur les éléments importants du site. Après les sites Web lents avec leurs structures massives, leurs couleurs vives, leurs bords nets et leurs espaces ouverts, c'est comme une bouffée d'air frais.

Le minimalisme et la prédominance de la fonction sur la forme ne rendent pas le design plat ennuyeux. Des couleurs vives contrastées, des illustrations, des images simples et des polices sans empattement à la Apple - ensemble, ils véhiculent une excellente expérience utilisateur, accrocheuse et surprenante.

Conception d'un des blocs du portail « Culture Financière »

Le design plat ne repose pas sur des photos, il est donc plus facile à charger. Pour l’administration du site, cela signifie deux choses intéressantes :

• La ressource transmettra rapidement le message aux clients. Peu importe la manière dont ils ont accédé au site : depuis un téléphone ou un ordinateur.
• Les sites optimisés sont plus attractifs pour les moteurs de recherche : Google, Bing et autres.

Un site Web au design plat a plus de chances d’être bien classé auprès des moteurs de recherche. Et les visiteurs ont tendance à rester plus longtemps sur la page. C’est pourquoi le design plat est devenu populaire et le restera en 2018.

Typographie expressive

Les concepteurs de sites Web sont-ils sans défense sans leurs photos et leurs conceptions complexes ? Non, le point de repère vient de changer. En typographie 2018, un mot vaut mille photos. Regardons cette déclaration.

Certains diront que la « typographie » ne semble pas être un élément de design intéressant. Quelle différence cela fait-il que la police de votre titre soit gothique ou moderne, avec ou sans empattement ?

Chaque décision typographique peut transmettre des pensées et évoquer des associations tout aussi bien qu'une photographie.

Le site Internet du fabricant de boissons à base de vin Cirq parle de fidélité aux traditions

Le gouvernement russe comprend également l’importance de la technologie. Dans notre pays, d'ici 2022, ils prévoient de créer un système d'exploitation national pour les appareils Internet des objets.

Vidéo de réalité virtuelle

Fin 2017, il semblait que tout site qui se respectait réalisait une vidéo d’introduction. C'est merveilleux. Les consommateurs voyaient les personnes derrière le service ou le produit. Parallèlement, des services ont été développés pour simplifier la création de contenus vidéo.

La réalité virtuelle (VR) était perçue comme de la science-fiction il y a une douzaine d’années, mais il est désormais difficile d’imaginer une fête sans elle. La VR est sur le point de se lier d’amitié avec la conception Web. Créer des vidéos à 360 degrés devient chaque jour moins cher et plus facile.

La réalité virtuelle arrive aux gens. L'Ermitage a créé une vidéo sur l'histoire du musée au format VR. Le guide du mini-film était l'acteur Konstantin Khabensky. L'extrait est publié publiquement sur YouTube. Jetez un oeil aussi.

Chatbot, intelligence artificielle et apprentissage automatique

Nous communiquons plus souvent avec des robots. Vous faites probablement cela lorsque vous appelez votre opérateur mobile. Il semblait qu’il faudrait de nombreuses années pour les mener à bien. Cependant, ils deviennent de plus en plus intelligents grâce à l’amélioration de l’intelligence artificielle (IA) et de l’apprentissage automatique. C'est aussi pourquoi Facebook connaît si bien vos préférences. Il utilise les données de géolocalisation, les habitudes et les informations de navigation pour savoir quelles actualités proposer.

Nous attendons le développement de cette technologie en 2018, mais dans les technologies web. Imaginez un site Web qui analyse le comportement du client et crée une offre spéciale pour lui. Le service client via Internet devient plus rapide et plus efficace grâce aux systèmes intelligents. Gardez-les à l’esprit.

Interface utilisateur vocale et recherche

L’interface utilisateur vocale est parfois appelée traitement du langage naturel : en termes simples, il s’agit d’une interaction homme-machine sous forme de parole. Eh bien, vous savez : « D'accord, Google. Où est mon autre chaussette ? Combinée au machine learning, cette technologie permet de prédire les besoins avant qu’une personne ne finalise une demande.

Nous espérons voir des sites avec leur propre voix. La recherche vocale est également en hausse. Assurez-vous que votre site Web dispose d'un module approprié, car les consommateurs ont tendance à interagir différemment avec l'interface. Un utilisateur d’ordinateur personnel utilisera probablement un clavier, mais il est plus facile de dicter depuis un smartphone.

Interaction fluide

Rappelez-vous, plus tôt sur le réseau social VKontakte, il fallait recharger la page pour savoir si quelqu'un écrivait ou non ? (Alors vous devriez vous souvenir du mur, l'aimer si vous voulez le récupérer). Plus tard, ils ont ajouté des mises à jour en temps réel. C'est ce que nous appelons une interaction transparente.

Le soir du Nouvel An, quelqu'un prédit l'avenir avec du marc de café et jette ses pantoufles sur son épaule. Et les designers tentent de sonder l’avenir et d’identifier les tendances qui deviendront le thème principal de 2017. Essayons aussi. Nous nous fierons non seulement au goût et au fait que « le directeur artistique l’a dit », mais aussi à l’analyse.

1. La vidéo est un élément fonctionnel

Les textes sont trop difficiles, il faut se concentrer. Les images ne sont pas informatives. Et la vidéo est le type de contenu qu’un internaute moderne est prêt à consommer et à siroter. Et lorsque vous racontez une histoire à l'utilisateur - par exemple, comment fonctionne un processus complexe de développement de site Web - utilisez-la. Filmez et montrez comment un analyste réalise des prototypes et un designer dessine des maquettes. Plongez l'utilisateur dans l'histoire et répondez aux questions qu'il pourrait se poser.

Et arrêtez de diffuser des vidéos partout où le client demande quelque chose à couper le souffle dans les limites du budget. Vidéo pour la beauté - l'espoir brisé de l'utilisateur. Il regarde et espère qu'ils lui montreront quelque chose d'utile, lui raconteront une histoire. Mais non. Par conséquent, en tant qu’élément décoratif de la conception Web qui ne remplit pas de fonction utile, la vidéo reste en 2016.

Oui: Une vidéo qui répond aux questions des utilisateurs et résout les problèmes du site Web.
Non: La vidéo est en arrière-plan parce qu’elle est belle et que tout le monde le fait comme ça.

2. Des cinémagrammes au lieu de vidéos

Utilisez des cinémagrammes. Elles sont plus intéressantes que les images statiques, mais ne donnent pas de faux espoirs aux utilisateurs, comme des vidéos sans histoire ni but.

Soigneusement! Les cinémagrammes sont terriblement collants.

3. Graphiques de police

Une autre alternative aux vidéos et aux images est la police graphique. Cela décore à la fois le site et le rend plus informatif. La principale préoccupation ici est la qualité du contenu. Mais c'est une histoire complètement différente.

4. Les icônes sont le principal élément décoratif

Pourquoi avez-vous besoin d’images, de vidéos et de polices de caractères, si vous pouvez ajouter « wow » aux icônes qui seront déjà sur le site ? Sérieusement, ajoutez une animation personnalisée et arrêtez-vous. Vous serez le plus tendance.

5. Infographies collantes

Le problème pour les utilisateurs est qu’ils deviennent moins assidus. Et oublieux comme des poissons rouges - ils sont allés sur le site, puis le téléphone a cligné (oh, une fausse alarme - juste un reflet de soleil), sont revenus au moniteur et ne se souviennent plus de ce qu'ils faisaient ici. Et ils partent.

Le problème s'aggrave chaque année. Par conséquent, la tâche du concepteur est d’accrocher l’utilisateur et de le forcer à interagir avec le contenu, même s’il s’agit de statistiques ennuyeuses. Surtout (!) si ce sont des statistiques ennuyeuses.

Animez-le, peignez-le avec des couleurs vives, forcez l'utilisateur à interagir avec lui - faites tout pour attirer l'utilisateur et ne le lâcher qu'à la fin de la page.

6. Navigation combinée

Une technique qui gagne en popularité - combinant le défilement horizontal et vertical - va également égayer le quotidien morne de l'utilisateur, l'intéresser et l'obliger à interagir de manière réfléchie avec le site.

7. Éviter le menu hamburger

Dans 99,9 % des prévisions de conception de sites Web pour 2015 et 2016, les auteurs promettent que cette année, les concepteurs abandonneront certainement le menu hamburger. Comme ça. Bon, soutenons la tradition et disons aussi : en 2017, la carte hamburger ne sera pas à la mode, ne fais pas ça, pouah !

Le problème avec l’icône à trois barres est qu’elle n’est pas intuitive. Il est reconnu par les Kalachi chevronnés qui ont déjà interagi avec lui et savent ce qui se cache derrière le symbole. Mais de plus en plus de nouveaux arrivants apparaissent sur Internet : aussi bien de très petits têtards que des personnes âgées. Et l’icône du menu hamburger ne leur est ni familière ni compréhensible. Ils ne peuvent découvrir ce qu'elle cache et où se trouve le menu qu'après avoir vécu une expérience douloureuse.

Soyons réalistes : il est peu probable que vous puissiez abandonner complètement le menu hamburger. Mais avant de vous lancer, recherchez une alternative possible pour chaque projet.

studio-spoon.co.jp

8. Cadre autour du site

Une solution populaire consiste à ne pas étirer le site pour remplir tout l'écran, mais à le placer dans un cadre soigné. C'est sympa et il y a de l'espace libre qui peut être utilisé pour la navigation (pourquoi pas, puisque le menu hamburger est en train de mourir).

télétype.en ligne

9. Plus d'émoticônes

Moins l’utilisateur déploie d’efforts pour réagir, plus il sera disposé à le faire. Et ils n’ont pas trouvé de réactions plus simples que les emojis. Pour l'instant, sur les sites Web, vous ne pouvez aimer que le contenu, le maximum est de donner une Emote Facebook. Mais il est temps de passer aux emoji, chers collègues designers.

10. Conception matérielle

Oui, il est toujours avec nous.

11. Plus de mobile d’abord

De plus en plus d'utilisateurs consultent des sites Web à partir de téléphones mobiles, c'est pourquoi l'approche Mobile First est chaque année plus facilement acceptée par les clients. Ce n’est plus une expérience étrange, mais une méthode qui se justifie. Préparez-vous donc à une avalanche de sites du même type, mais tellement pratiques pour les téléphones portables.

12. Plus de micro-interactions

Les sites Web absorberont davantage de fonctionnalités des applications mobiles. En 2017, il y aura des micro-interactions étonnantes qui feront frissonner vos doigts. Comme un cœur sur Twitter – eh bien, c’est une œuvre d’art ! Je veux le presser pour toujours. Il y en aura davantage dans les projets Mobile First et classiques.

13. Les CTA sont encore plus intrusifs

Le créateur attise la beauté pour la beauté uniquement sur la table et sur Dribbble. Dans d'autres cas (dans ceux pour lesquels de l'argent est payé), les spécialistes du marketing respirent fort dans son oreille, qui ont besoin de quelque chose de plus brillant ici et d'un bouton plus gros là. Il semble qu'en 2016 il y ait eu un tournant et une refonte de ces exigences - attendez-vous à de gros blocs CTA juteux et accrocheurs en 2017. De telle sorte que les marketeurs n’ont rien à y ajouter.

strv.com

14. Nostalgie des années 80

Sur l'Internet raffiné, les concepteurs regrettent les pixels des lampes à tête d'allumette, le son huit bits des décodeurs et le bruit des téléviseurs à tube. Et ils compensent leur nostalgie des années 80 et 90 dans la conception de sites Web. Soyez à la mode : ajoutez des couleurs acides, des interférences et des pépins à vos projets.

rétrominder.tv

15. Éviter les photos d’archives

Les images d’archives ont déjà fait grincer des dents, sérieusement. Le menu des hamburgers est pire et il est plus facile de les remplacer. Alors filmons le nôtre.

Le 21ème siècle est dans la cour, kamon. Les téléphones sont devenus tels qu'ils prennent des photos de haute qualité. Ce n’est donc pas un problème de filmer les employés ou le processus de travail en ce moment sur votre téléphone. L'essentiel est le temps et l'envie de réaliser un bon projet.

16. Verts

Les gars de Pantone pensent que la couleur de 2017 est cette petite verdure verte. Écoutons-le et ajoutons-le à notre liste.

17. Une nouvelle approche du prototypage

Quel que soit le merveilleux dessin que vous dessinez, l'essentiel est de le présenter de manière à ce que le client tombe amoureux. Ou du moins, je l'ai vu comme vous le voyez.

Une mise en page statique peut à peine faire face à cette tâche, vous devez donc en 2017 améliorer vos compétences en présentation. De sorte qu'immédiatement, avant l'aménagement, le client voit tous les bancs inventés, et ne les imagine pas dans son esprit. Sinon, il imaginera que quelque chose ne va pas et créera des attentes que les développeurs ne pourront pas justifier.
Ce n’est plus comme il faut pour un designer de simplement dessiner et montrer une image. Vous devez être capable de gérer l'un des outils de prototypage pour créer un modèle interactif ou améliorer vos compétences en animation.
Voici votre arsenal pour l’année à venir, chers collègues. Mais ne vous disputez pas avec un client qui souhaite un visiophone. Ne placez pas d'éléments de pixels et d'émojis là où vous avez besoin d'un commerce électronique propre et minimaliste. Et ne bombardez pas les clients réticents sur Skype avec des liens vers cet article. Utilisez les tendances à bon escient – ​​ou ne les utilisez pas du tout. Quoi qu'il en soit, dans trois ans, ils seront complètement mis à jour :)

La conception Web en tant que support numérique est beaucoup plus sensible aux changements technologiques que ses prédécesseurs imprimés traditionnels. Ce qui est étonnant, c'est la façon dont les concepteurs continuent de relever un nombre croissant de défis techniques tout en créant des sites conviviaux, clairs et innovants, compatibles avec l'identité de l'entreprise, adaptables à tous les appareils imaginables et tout simplement beaux.

L’année 2017 a été marquée par de nombreuses avancées, notamment une utilisation accrue des appareils mobiles qui a finalement dépassé les ordinateurs de bureau en termes de téléchargement et de visualisation de contenu. Cela signifie qu’en 2018, nous utiliserons les fonctionnalités mobiles comme jamais auparavant, et que les appareils de bureau devront évoluer pour rester pertinents. En gardant tout cela à l’esprit, jetons un coup d’œil aux tendances notables en matière de conception de sites Web qui sont sur le point de devenir omniprésentes.

L’utilisation des ombres n’est pas nouvelle, alors pourquoi en avons-nous parlé ? Malgré le fait que cette technique a longtemps été traditionnelle dans sa conception, aujourd'hui, grâce aux progrès des navigateurs, nous voyons des variantes intéressantes qui n'existaient pas auparavant. Les grilles et les dispositions Parallax vous permettent de jouer avec les ombres dans une plage encore plus large, créant l'illusion d'un monde qui existe derrière l'écran. Il s’agit d’une réaction directe au (Flat Design), une tendance populaire ces dernières années.

Les ombres créent un effet étonnamment polyvalent, élevant non seulement l'esthétique de la page à un niveau supérieur, mais contribuant également à la fluidité de l'expérience utilisateur (UX) grâce à l'utilisation d'accents. Par exemple, utiliser des ombres douces et subtiles dans l'état de survol pour indiquer un lien n'est pas une idée nouvelle, mais les associer à des dégradés de couleurs vives (plus de détails ci-dessous), comme dans les exemples ci-dessus, améliore l'effet 3D des ombres.

2018 est définitivement l’année des couleurs super vives. Alors que dans le passé, de nombreuses marques et designers s'en tenaient à des couleurs « sécurisées pour le Web », nombre d'entre eux deviennent aujourd'hui plus audacieux dans leur approche et colorient les titres dans des tons vifs sursaturés, tout en combinant le lettrage avec des lignes et des angles inclinés (au lieu de simples lignes horizontales). formulaires). Cela est dû en partie aux moniteurs et aux écrans d’appareils technologiquement plus avancés, capables de produire des couleurs plus riches. Les couleurs vives, voire contrastées, peuvent être utiles pour les nouvelles marques qui espèrent attirer instantanément l'attention des visiteurs, mais sont également idéales pour les entreprises qui cherchent à se démarquer de tout ce qui est « sécurisé sur le Web » et traditionnel.

Les illustrations sont une méthode merveilleusement polyvalente pour créer des images ludiques, amusantes et conviviales qui ajoutent un élément de plaisir à votre site. Les artistes expérimentés proposent des illustrations pleines de signification personnelle et prennent en compte les spécificités du message de la marque, et c'est exactement ce à quoi tout le monde aspire sur les marchés hautement concurrentiels d'aujourd'hui.

Cette tendance est idéale pour les entreprises associées au plaisir et à l’énergie, mais elle aide également les entreprises « sérieuses » à se rapprocher de leurs clients.

Si vous souhaitez essayer de créer une page de destination dans ce style, mais que vous n'avez pas encore de concepteur compétent, vous pouvez utiliser des modèles ou des sections prêts à l'emploi dans :

Vous pouvez également toujours commander une page de destination personnalisée auprès de nos designers. Voir des exemples de travaux finis .

Les arrière-plans de particules sont une excellente solution pour les sites rencontrant des problèmes de chargement lent en raison de la vidéo intégrée. L'animation en question est un javascript léger à chargement rapide qui crée un mouvement naturel en arrière-plan.

On dit qu’une image vaut mille mots, et c’est sans aucun doute vrai. De plus, les arrière-plans avec des pièces mobiles attirent le regard, permettant aux marques de faire une impression mémorable en quelques secondes. Les graphiques animés deviennent de plus en plus populaires sur les réseaux sociaux car ils attirent les prospects intéressés vers les pages de destination.

5.Le mobile d’abord

Comme nous l’avons déjà mentionné, le monde mobile commence à dominer le monde des ordinateurs de bureau. Presque chacun d’entre nous va dans les magasins et passe des commandes sur son smartphone. Il s’agissait autrefois d’un processus fastidieux que les utilisateurs tardaient à adopter. Les concepteurs se sont penchés sur la question : comment s'assurer qu'il y a des menus, sous-menus et sous-sous-menus normaux sur un petit écran ?

Mais aujourd’hui, le design mobile est devenu plus mature. Un menu contextuel est apparu et il est devenu possible de réduire la taille du menu. Vous avez peut-être dû renoncer aux grandes et belles photos sur mobile, mais les icônes sont devenues beaucoup plus économes en espace et elles sont si courantes maintenant que les utilisateurs comprennent la signification de presque chacune d'entre elles. Les problèmes UX sont plus faciles à identifier et à résoudre grâce aux micro-interactions, et vous obtenez un retour immédiat sur le comportement de vos utilisateurs.

6. Grandes polices grasses

Nous avons ajouté toutes les polices de la collection Google Fonts à une galerie visuelle, et tout ce que vous avez à faire est de sélectionner la police appropriée, de cliquer sur le bouton de connexion et de l'utiliser pour des textes nouveaux ou existants sur la page de destination.

L'une des innovations les plus notables de 2017 a été l'émergence de mises en page asymétriques et non traditionnelles « fragmentées » (Layouts), et cette tendance restera d'actualité en 2018. L'attrait des mises en page asymétriques réside dans leur caractère unique, leur spécificité et quelque peu leur caractère expérimental.

Alors que les entreprises à forte intensité de contenu se tournent toujours vers les structures de grille traditionnelles, vous pouvez vous attendre à ce que des mises en page inhabituelles deviennent plus courantes à mesure que les entreprises s'efforcent de plus en plus d'offrir une expérience unique qui les distingue du reste du paysage. Les entreprises traditionnelles en général ne seront pas intéressées par cette esthétique, mais les grandes marques prêtes à prendre des risques attendront de leurs designers qu'ils sortent des sentiers battus.

8. Animation intégrée

À mesure que la technologie des navigateurs progresse, de plus en plus de sites s'éloignent des images statiques et trouvent de nouvelles façons d'impliquer les utilisateurs, comme l'animation. Contrairement à l’animation de parties individuelles de l’arrière-plan mentionnée précédemment, des fragments d’animation plus petits engagent les spectateurs tout au long de l’expérience de la page. Par exemple, vous pouvez animer les graphiques disponibles pendant le chargement de la page ou créer un design intéressant pour l'état en surbrillance d'un lien. Les éléments animés peuvent également être incorporés au défilement, à la navigation ou même devenir le point central de l'ensemble du site.

L'animation est un excellent moyen d'inclure les utilisateurs dans l'histoire d'un site, en leur permettant de se voir (et de voir leur avenir potentiel en tant que clients) dans les personnages représentés. Même si l'animation vous intéresse uniquement en tant que support visuel abstrait et divertissant, elle peut en faire une expérience significative pour vos visiteurs.

Désormais, les dégradés sont grands, envahissants et lumineux. La plus populaire des dernières incarnations est le filtre dégradé pour les photos - un excellent moyen de rendre une image ennuyeuse plus intrigante. Un simple fond dégradé peut également être la solution parfaite pour suivre la tendance si vous n'avez pas d'autres photos.

Tendances 2018

Couleurs vives, dégradés audacieux et animation... L'année prochaine s'annonce comme l'une des plus intéressantes et mémorables de l'histoire du design Web. J'ai hâte de voir comment les designers donneront vie à cela et comment ils repousseront les limites. Après tout, environ Rester ouvert aux tendances est quelque chose que vous devez faire si vous souhaitez offrir à vos utilisateurs une excellente UX.

En 2016, de nombreuses entreprises ont repensé leurs sites Internet, réduisant ainsi le nombre d’options de navigation. Cette tendance se poursuivra en 2017.

Les menus d’en-tête de page qui incluaient auparavant 5 à 7 options proposeront désormais 3 à 4 options.

Moins d’options permettent à l’utilisateur de trouver plus facilement les informations dont il a besoin et d’éviter la « paralysie du choix ».

Ikea est un bon exemple d’une nouvelle approche. Dans les captures d'écran ci-dessous, vous pouvez comparer l'ancienne et la nouvelle version du site Web de l'entreprise.

Ancienne version :

Nouvelle version lancée en 2016 :

1. Refus du menu hamburger

Un menu hamburger ne donne à l'utilisateur aucune idée de la profondeur du site ou de l'application. Résultat, il reste désorienté.

Spotify a déjà abandonné le menu hamburger dans son application. D’autres entreprises suivront son exemple en 2017.

1. Duotones

L’utilisation de bichromies rend la conception du site Web minimaliste et permet de garder l’attention de l’utilisateur sur le message principal ou la navigation.

En 2017, nous nous attendons à une utilisation plus active des bichromies au lieu des arrière-plans en couleur.

1. Conception tactile

L’inconvénient du défilement parallaxe est qu’il ralentit la vitesse de chargement des pages.

En 2016, l’animation était considérée comme une tendance prometteuse. Cette année, cependant, l'accent est mis sur les performances. De ce point de vue, le défilement parallaxe n’est pas la solution la plus optimale.

1. Action significative

L’un des principes fondamentaux de la conception matérielle est « l’action significative ». Google pense que "l'action doit être significatifs et appropriés, servent à attirer l'attention et à maintenir la continuité".

L'application Tumblr est un bon exemple de ce principe. Il a remporté le Material Design Award for Animation 2016.

1. Évitez les images de stock de mauvaise qualité

Les sites Web des entreprises doivent inviter les utilisateurs à interagir et refléter les valeurs de l’entreprise. Il n’y a plus de place pour les images d’archives ennuyeuses et de mauvaise qualité. Comme ça:

1. Moins d'applications, plus de PWA

La technologie PWA (Progressive Web Apps) permet à un site Web de fonctionner comme une application. Y compris hors ligne. Il est déjà utilisé par de grandes publications et entreprises telles que le Washington Post, Airberlin et Flipkart. Cette année, la popularité de cette technologie va croître.

1. Polices Google

Google a créé une bibliothèque de polices open source en 2010. En 2016, tout en continuant à travailler sur le Material Design, l’entreprise a également amélioré son service Google Fonts. En conséquence, les aperçus des polices sont devenus plus rapides et leur personnalisation plus facile. La section En vedette contient des polices qui se marient bien avec la conception matérielle.

En 2017, encore plus de concepteurs Web travailleront avec les polices Google.

1. Minimalisme

Cette tendance combine de nombreuses autres tendances mentionnées ci-dessus. Le minimalisme signifie l'accent mis sur les performances (vitesse) et la convivialité. Dans cette approche, la typographie, le contraste et l'espace jouent un rôle important.

Ryan McCready, éditeur de contenu pour le service de conception infographique Venngage, parle de ce qui est actuellement populaire en conception graphique et des techniques qui ont été abandonnées cette année.

Des couleurs vives et éclatantes

Au cours des dernières années, de nombreux leaders technologiques ont utilisé des couleurs douces et faciles à lire. Ils ont donc essayé de créer un schéma de conception très clair et de montrer que l'avenir élégant et fonctionnel, habituellement montré dans les films de science-fiction, est déjà arrivé.

Cette méthode a permis à l'entreprise de passer à une nouvelle étape de développement et d'unifier toutes ses applications sous une seule couleur. Comme pour Spotify, cette utilisation audacieuse de couleurs vives a permis à la marque de se démarquer.

La mode des couleurs vives et audacieuses dans le design vient des principes de conception matérielle de Google. L'entreprise a choisi un design plat, épuré et intuitif avec l'ajout de « couleurs inattendues et énergiques, ainsi que de polices et d'images fonctionnelles et attrayantes ».

En général, de nombreuses tendances actuelles en 2017 sont nées sous l’influence des principes de Material Design de Google.

Nous les avons également utilisés pour créer cette image promotionnelle de livre électronique. En conséquence, l’image est devenue incroyablement populaire.

Si vous rencontrez des difficultés pour choisir les meilleures couleurs pour votre design, poursuivez votre lecture pour découvrir quelques excellents exemples de palettes de couleurs. Et n'ayez pas peur d'utiliser des couleurs qui contrastent les unes avec les autres.

Caractères gras

La police en gras attire l'attention des lecteurs. Vous faites involontairement attention aux inscriptions grandes et accrocheuses.

Mon exemple préféré est Wired. Il utilise différentes polices pour mettre en évidence des titres spécifiques et maintenir un ordre hiérarchique des informations sur la page.

Jetez simplement un oeil :

HubSpot est un autre bon exemple d'utilisation de polices accrocheuses. Le texte est au premier plan et soutenu par des graphiques :

HubSpot comprend que chaque année, le temps nécessaire pour absorber les informations d'un tweet tend vers zéro. Par conséquent, pour attirer l’attention du lecteur, ils utilisent des inscriptions courtes et succinctes en caractères gras.

De plus, de plus en plus de personnes surfent sur Internet à partir de téléphones mobiles. En raison des écrans haute définition, il est de plus en plus nécessaire d’utiliser des polices grasses. Ainsi, pour fidéliser les lecteurs, vous devez diffuser votre contenu de la bonne manière.

Buffer met en évidence les titres tout au long de l'article, pas seulement au début, ce qui rend les articles plus faciles à lire sur tous les appareils. Je recommande d'utiliser cette approche pour les articles longs - de cette façon, vous aiderez les lecteurs à s'y retrouver.

Nous avons appliqué cette méthode lors de la création de cette infographie. La combinaison de polices audacieuses et de couleurs intéressantes attire l'attention :

Polices de Google Fonts

J'utilise Google Fonts depuis longtemps car elles sont très polyvalentes. Si je dois créer un design pour une publication en ligne, puis l'ajouter à une présentation, je suis convaincu que toutes les polices fonctionneront bien ensemble. Ils ont tous fière allure sur n’importe quelle plateforme de blog ou site Web.

À propos, les 810 polices sont absolument gratuites ! Oh oui, les gens aiment les choses gratuites. Ils aiment aussi les choses très simples à utiliser. Voici un exemple de combinaison de plusieurs polices populaires de Google :

Sur notre site Web, nous utilisons les polices Roboto et Open Sans.

Photos originales

Chaque année, la quantité de contenu augmente, tout comme le besoin d'images de haute qualité. Pour garantir que les photographies durent longtemps, les auteurs tentent de les rendre aussi polyvalentes que possible.

Il n’y a qu’un seul problème : les meilleures images génériques ont tendance à devenir obsolètes avec le temps. Si vous suivez l’actualité dans le domaine de la technologie et du marketing, alors vous connaissez probablement cette photo :

Il est utilisé dans les pages de destination, les blogs et même dans les publications Instagram. Pour être honnête, je l'ai moi-même pris pour un site sur lequel j'ai travaillé il y a quelques années. En raison de la popularité de ces images de stock, l’originalité du contenu graphique a fortement diminué.

Et la nécessité d’utiliser des photos claires et parfaites n’a fait qu’empirer la situation.

Lorsqu'un lecteur voit la même image pour la centième fois, il pense que l'auteur de l'article n'a pas essayé d'être au moins un peu original. Alors pourquoi lire un tel article ?

C'est pourquoi vous devez utiliser des images originales. Arrêtez de prendre des photos populaires, commencez à créer les vôtres.

Je suis sûr que tous les membres de votre équipe ont un téléphone avec appareil photo. Pourquoi ne les utilisez-vous pas ? Prenez des photos de votre bureau ou de votre logo et utilisez ces photos.

Découvrez s’il y a un aspirant photographe parmi vos collègues. Donnez-lui quelques jours pour louer un bureau - et vous aurez assez de photos pour une année entière !

Lorsque nous avons créé notre nouveau site Internet, nous avons pris des photos de nos employés et nous avons été très satisfaits du résultat.

Images et icônes dessinées à la main

Non seulement les photographies doivent être originales, mais aussi les icônes et les dessins. Certaines marques l’ont déjà compris et tentent ainsi de se démarquer. Cette approche ajoute un élément personnel et amusant au design.

Certains disent que la tendance semble peu professionnelle et enfantine, mais elle reste néanmoins accrocheuse. Comme la plupart des tendances de 2017, il constitue une alternative au design stérile et épuré de ces dernières années.

Dropbox utilise des illustrations dessinées à la main partout. Ils sont devenus partie intégrante de la marque de l'entreprise et l'ont rendue reconnaissable.

De telles illustrations créent une ambiance détendue et ravissent l'enfant qui vit dans l'âme de chacun de nous. Ils rendent le produit plus abordable. Ils sont particulièrement efficaces dans les grandes entreprises technologiques comme Dropbox.

Un autre exemple réussi de cette approche est la société de matelas Casper. Presque tout son site est constitué de dessins dessinés à la main. En voici un :

La tendance a également été reprise par le service MailChimp. Dans le rapport de 2016, il montre également des dessins similaires.

Moz, une société qui développe des logiciels de marketing, insère des illustrations dans l'en-tête des articles :

Parfois, notre amour pour le dessin se manifeste dans d’autres projets :

Retour aux racines du minimalisme

Si on vous demandait d'expliquer à un étranger ce qu'est le minimalisme, vous répondriez probablement que c'est lorsqu'il faut abandonner le caractère décoratif au profit de la fonctionnalité. Vous penserez probablement immédiatement à une palette de couleurs neutres composée de nuances de noir, de gris et de blanc.

Il semble que le véritable esprit du minimalisme ait été supplanté par l’utilisation de combinaisons de couleurs ennuyeuses en noir et blanc. Il me semble que cela a été fait exprès pour compenser la petite taille de l'écran et la faible puissance des appareils mobiles.

Mais en 2017, tout va changer. Le minimalisme reviendra sous sa vraie forme. Ce qui veut dire qu'il y aura plus de couleur. De nos jours, les appareils mobiles sont aussi puissants que les ordinateurs, et certains disposent même de meilleurs écrans.

Mon exemple préféré de design minimaliste est le logo de la plateforme Medium. Ses créateurs ont su combiner plusieurs couleurs différentes tout en conservant un style minimaliste.

Google a procédé à une autre refonte du logo en faveur du minimalisme et d'une combinaison de couleurs vives. Il est à noter que c'est cette entreprise qui a servi de catalyseur à l'émergence de nombreuses nouvelles tendances. Les concepteurs ont légèrement coupé la police et ont introduit un nouveau logo en forme de G que j'aime beaucoup.

L'esprit du minimalisme se ressent dans tout cela, mais la presse n'en a pas parlé. Les gens ont oublié ce qu’est le véritable minimalisme. Le logo n’était pas incolore et réalisé sous une forme unique, donc personne ne pensait qu’il avait été réalisé dans un style minimaliste.

Le nouveau logo était lumineux et accrocheur, tout en conservant un look minimaliste. Après la refonte, les gens autour d’eux ont commencé à imiter Google, comme ils l’avaient fait auparavant sous d’autres aspects.

Nous avons nous-mêmes commencé à utiliser un style plus minimaliste pour la conception de nos blogs.

La conception simple de l’image transmet facilement les informations nécessaires.

Utiliser des GIF

Tout le monde (enfin, presque tout le monde) aime les GIF. Ils nous aident dans la conversation car parfois ils peuvent mieux transmettre des émotions que le texte.

De plus, aucun programme spécial n’est nécessaire pour les lire. Les GIF sont généralement de petite taille et peuvent être intégrés presque n’importe où.

Ils sont meilleurs que les vidéos et les images, surtout lorsque vous souhaitez réduire le temps de chargement et le trafic des pages. Je pense que leur polyvalence fait des GIF un élément de conception encore plus utile.

J'aime beaucoup mettre des gifs dans l'en-tête d'un article. Au lieu d’y mettre une image ennuyeuse, prenez quelques minutes et créez un GIF comme celui-ci.

Vous n’avez pas besoin de faire d’efforts créatifs particuliers pour ce faire, mais cela attirera certainement l’attention sur votre publication sur les réseaux sociaux. Voici un autre bon exemple d’utilisation de GIF dans l’en-tête d’un article.

Images bicolores

Il s’agit d’une combinaison de deux couleurs, généralement très vives ou contrastées, dans une seule image. Pour créer de telles images, vous devrez faire appel à vos compétences en conception, mais cela en vaut la peine.

Seul un designer très compétent peut réaliser d’aussi belles images bicolores. Je suis sûr que je ne peux pas créer quelque chose comme ça, mais cela ne signifie pas que vous devriez supprimer cette technique de vos plans de conception.