abgx360.net
  • Home
  • Уроци
  • Сигурност
  • Новини и общност
  • Отзиви
RSS

Tendances de conception Web

07.06.2020 Jeffrey Wilson Aucune catégorie

Thème sombre DevArt

Les tendances de la conception Web changent constamment et 2020 ne fait pas exception.


Cette année, de nombreux designers lancent des expériences audacieuses – enfreignant les règles, réinventant les styles existants et s’inspirant encore plus de la conception industrielle et imprimée – tandis que d’autres continuent de repousser les limites de la typographie ludique et du minimalisme audacieux si populaires au cours des dernières années.

Une vue à vol d’oiseau du paysage du design montre clairement que les approches de conception sont plus variées que jamais.

Mais derrière cette diversité d’esthétique et d’approches sous-jacentes se cache une fracture croissante. Alors que la conception UX et sa concentration sur la convivialité et la fonction sont devenues de plus en plus courantes, la flexibilité technique croissante offerte aux concepteurs a conduit un autre groupe à se concentrer encore plus sur la conception Web en tant que support artistique..

Tout cela signifie que 2020 est une année d’extrêmes de conception. L’époque d’une approche unique prenant le Web d’assaut (rappelez-vous le design plat en 2012?) Est révolue. Ce qui reste est beaucoup plus nuancé et beaucoup plus intéressant.

Jetons un coup d’œil aux principales tendances de conception de 2020.

Contents

  • 1 Tendances de conception Web esthétique de 2020
    • 1.1 1. Le noir est de retour
    • 1.2 2. Polices de caractères Didone
    • 1.3 3. Type surdimensionné
    • 1.4 4. Styles vintage
    • 1.5 5. Profiter de la profondeur
    • 1.6 6. Minimalisme audacieux
    • 1.7 7. Thèmes futuristes (et schémas de couleurs)
    • 1.8 8. Illustrations abstraites
    • 1.9 9. 3D immersif
    • 1.10 10. Conte expérimental
  • 2 Tendances d’utilisation et de conception de produits de 2020
    • 2.1 1. Retours d’architecture de l’information
    • 2.2 2. L’accessibilité devient un courant dominant
    • 2.3 3. Transparence maintenant
    • 2.4 4. Les fichiers de conception disparaissent
    • 2.5 5. Test, mesure et expérimentation
  • 3 La voie à suivre

Tendances de conception Web esthétique de 2020

1. Le noir est de retour

Lorsque Apple et Google ont publié les paramètres du mode sombre presque simultanément en 2019, ils ont lancé une tendance de sites Web populaires développant des thèmes alternatifs conçus spécifiquement pour les situations de faible luminosité.

Mais l’impact à long terme du mode sombre peut être encore plus large. Du coup, les sites Geocities de 1997 n’avaient plus le monopole des fonds sombres et des couleurs néon. Et les designers en 2020 profitent.

Des milliers de designers ont déjà publié des sites Web à thème sombre cette année, et leurs créations ne sont pas destinées uniquement à une utilisation dans des conditions de faible luminosité. Les arrière-plans sombres sont à nouveau courants. Le noir est revenu.

Thème sombre DevArt

Google’s DevArt et Café deux chimpanzés sont deux excellents exemples du style.

2. Polices de caractères Didone

Les concepteurs ont largement expérimenté la typographie 2019, et cette tendance s’accélère déjà en 2020, se cristallisant dans un sous-ensemble spécifique de polices de caractères appelé Didones.

Didones sont des polices avec des empattements longs et étroits, des traits verticaux épais et des lignes horizontales minces contrastées.

Les imprimeurs ont popularisé Didones au début des années 1800, et ces polices connaissent une résurgence en 2020. Certains ont déjà appelé Didones “La typographie de la prochaine décennie”, et nous sommes enclins à accepter.

logos didone

Les logos d’Allswell, Vox et Winc sont des exemples frappants du style, mais ce ne sont pas seulement les marques directes et les sociétés de médias qui suivent la tendance. De nombreuses startups technologiques, comme Partage de compétences et Robin, utilisent Didones comme polices de caractères secondaires pour apporter une touche d’humanité aux marques qui se sentiraient autrement un peu froides et robotiques en 2020.

Skillshare utilise la typographie didones

3. Type surdimensionné

En parlant de polices de caractères, Didones n’est pas la seule tendance de conception typographique cette année.

Au début de 2020, de nombreux sites ont déjà expérimenté un type considérablement surdimensionné. Dans de nombreux cas, les concepteurs redimensionnent les polices si grandes qu’une ou deux lignes de texte occupent la majeure partie, voire la totalité, de la fenêtre d’affichage.

Cowboy Bicycle utilise de grandes polices

Les concepteurs associent souvent cette tendance à des couleurs et des illustrations audacieuses associées étroitement au type lui-même. Vélos Cowboy est un exemple fantastique du style.

4. Styles vintage

Les polices de caractères ne sont pas les seules reliques à revenir. Les styles vintage sont revenus en force cette année.

Des couleurs psychédéliques des années 60 et des tons de terre plus chauds des années 70 à la sensibilité arcade des années 80 et aux textures grunge des années 90, la nostalgie n’est jamais à quelques clics de cette année.

Certains de ces modèles, comme celui de Gucci Jeu de Skateboard Grip, sont clairement des parodies, tandis que d’autres, comme les Dizaines et NudieJeans, se prendre beaucoup plus au sérieux.

Le jeu de skateboard de Gucci

Bien sûr, la nostalgie a été un puissant outil de vente car il y avait de quoi être nostalgique et les marques populaires comme Apple, Nike et Instagram l’ont utilisé avec succès pendant des années. Pourtant, cette tendance est à la hausse, et il semble probable que les styles vintage resteront une partie de la conversation au cours de la prochaine décennie.

5. Profiter de la profondeur

Au début de 2020, de nombreuses marques ont lancé des conceptions présentant un style faux-3D qui utilise des couches et des ombres pour créer de la profondeur.

Contrairement au skeuomorphisme du début des années 2000 ou à la tendance du design plat qui a suivi, ce style n’embrasse pas complètement l’ornementalisme non fonctionnel ou l’évite complètement. Au lieu de cela, les concepteurs cherchent à attirer l’attention sur les éléments de contenu clés – comme les appels à l’action et les illustrations de fonctionnalités – à travers la perspective.

En termes simples, ce n’est pas plat. C’est plat.

Exemple de page d'accueil de Fullstory

Page d’accueil actuelle de FullStory est un exemple clair du style avec chaque graphique comportant des ombres floues et non floues, plusieurs couches et un mélange de photos et d’éléments illustratifs. Il y a même une police secondaire Didone-esque pour faire bonne mesure.

6. Minimalisme audacieux

Le minimalisme reste aussi populaire cette année que par le passé, sinon plus.

En fait, de nombreux sites minimalistes se sentent encore plus audacieux que jamais, s’appuyant presque uniquement sur une typographie lourde et des couleurs saturées pour créer de la beauté. Site de Third & Grove est un exemple fantastique, avec une alternance de blocs de couleurs pleine fenêtre, une typographie ludique de Didone et beaucoup d’espace négatif pour respirer.

D’autres exemples, comme L’innovation est difficile, évitez complètement les illustrations mais utilisez plutôt l’animation pour raconter une histoire.Troisième site minimaliste et bosquet

Bien que le minimalisme ne semble pas innovant en 2020, il est agréable de le voir continuer à croître et à évoluer comme ça. Et si les concepteurs continuent de l’utiliser avec un impact aussi frappant, le minimalisme restera probablement une tendance pour les années à venir.

7. Thèmes futuristes (et schémas de couleurs)

Le style de la science-fiction semble faire son grand retour en 2020.

De conceptions inspirées des OVNIS comme Site de BrightScout aux graphiques de colonisation de l’espace sur InVision Rapport de l’industrie DesignBetter, les concepteurs utilisent l’espace et la science-fiction comme substituts à l’innovation, tout comme leurs homologues l’ont fait dans les années 1950.

Thème futuriste du site Brightscout

Même les catégories traditionnellement sur pilotis comme les services financiers sautent sur le train en marche, en utilisant des jeux de couleurs lumineuses pour égayer les sites autrement ternes.

8. Illustrations abstraites

Les illustrations abstraites – souvent composées de silhouettes pastel – étaient partout en 2019. Si le début de 2020 est une indication, cette tendance continuera de croître.

Des sites comme GitHub et HelloSign utiliser ces illustrations subtilement, tandis que d’autres aiment Airtable se sentir lourd. Nous avons compris; les vrais humains utilisent votre logiciel abstrait.

exemple de page d'accueil airtable

Malgré ses mérites, cette tendance ne semble pas aller nulle part.

9. 3D immersif

Les soi-disant experts prédisent la montée des éléments 3D sur les sites Web modernes depuis des années, mais 2020 pourrait être l’année où cela se produit réellement en masse.

Shopify crée des éléments 3D interactifs

La plupart des pages produits du Google Store utilisent des éléments 3D pour illustrer le design industriel des produits physiques de Google, et même des sociétés SaaS comme Shopify créent des éléments 3D interactifs, bien que l’utilité d’une animation de globe déplaçable soit discutable..

10. Conte expérimental

L’année 2020 pourrait aussi être l’apogée de la narration en ligne expérimentale et interactive.

Alors que des sites comme Vaincre Boco utiliser une interface de livre de dessins animés pour vulgariser les techniques de l’expérience utilisateur, d’autres comme TraffickWatch aborder des questions importantes comme la traite des êtres humains dans un style documentaire.

exemple de trafficwatch

Ce type de narration narrative longue forme était autrefois populaire dans les magazines et revues imprimés, mais à mesure que le médium s’estompe, il est fantastique de le voir remplacé par des homologues Web plus interactifs et plus viscéraux..

Tendances d’utilisation et de conception de produits de 2020

Si tout ce qui précède vous semble un peu trop subjectif et artistique, vous n’êtes pas seul.

La conception de l’expérience utilisateur gagne en popularité depuis des années, et un nombre toujours croissant de designers se soucient davantage de l’impact fonctionnel de leurs conceptions que de l’esthétique..

Voici quelques-unes des principales tendances d’utilisation de 2020.

1. Retours d’architecture de l’information

L’architecture de l’information, longtemps considérée comme l’oncle effrayant de la conception UX, fait un retour triomphal en 2020.

Avec l’avènement des systèmes de conception et des bibliothèques de modèles pilotés par les données comme GoodUI, les concepteurs reviennent et réinventer, les modèles d’architecture de l’information qu’ils ont constamment ignorés depuis les premiers jours du Web.

2. L’accessibilité devient un courant dominant

Les avocats et les alliés poussent l’accessibilité du Web depuis des années avec des résultats certes mitigés. À ce jour, les concepteurs ont largement ignoré les normes, s’ils en sont conscients, et la plupart des petites entreprises pensent qu’elles ne peuvent pas se permettre de concevoir pour l’accessibilité..

2020 pourrait être l’année où tous les changements.

Un certain nombre de startups axées sur la généralisation de l’accessibilité gagnent en popularité. AccessiBe et UserWay, par exemple, proposer des plates-formes SaaS qui automatisent de nombreux défis liés à la mise à disposition de sites Web.

Exemple de page d'accueil accessiBe

AccessiBe sert déjà une longue liste de clients éminents, dont Fiverr, Hilton et BMW, tandis que UserWay peut se vanter de clients comme Disney, eBay et Coca-Cola. Après une multitude de poursuites intentées par des consommateurs contre des entreprises aux normes d’accessibilité médiocres en 2019, les deux startups semblent sur le point de croître de manière significative en 2020.

3. Transparence maintenant

Les lois sur la confidentialité des consommateurs sur Internet comme le GDPR et le CCPA ne sont probablement que la partie visible de l’iceberg. En 2020, les consommateurs exigent des niveaux croissants de transparence et de contrôle sur leurs données.

Dans les années 2000 et 2010, les entreprises détenaient les données de leurs clients. En 2020 et au-delà, il semble que ce script sera inversé.

4. Les fichiers de conception disparaissent

2019 pourrait-il être la dernière année que vous concevez réellement à l’aide de fichiers enregistrés localement sur votre ordinateur portable? Un groupe croissant de designers le pense.

Figma, une plate-forme de conception UX collaborative avec versioning intégrée, qui a gagné en popularité en 2019, il n’est pas difficile d’imaginer un monde où l’envoi par e-mail de la dernière version de la conception à un collègue appartient au passé..

exemple de page d'accueil figma

Dans ce nouveau monde courageux, plusieurs concepteurs peuvent collaborer sur le même fichier, les clients et les parties prenantes peuvent donner leur avis en temps réel, et les outils sont devenus si faciles à utiliser que presque tout le monde peut contribuer.

5. Test, mesure et expérimentation

Alors que presque tout le reste a changé en ligne, les tests A / B et les analyses de produits ont résisté à l’épreuve du temps. 2020 ne fera pas exception.

Malgré ce que les prédicteurs du jugement dernier du GDPR veulent vous faire croire, la mesure et l’expérimentation sont bien vivantes. Le reporting marketing et analytique à réponse directe pourrait devenir plus difficile en 2020, mais le Web évoluera pour relever ce défi.

Dans un monde où les taux de conversion optimisés et la rétention des utilisateurs l’emportent sur tout, les entreprises continueront d’innover.

La voie à suivre

Si plus d’une décennie de conception et de développement Web nous a appris quelque chose, c’est pour considérer les tendances avec un œil sceptique et éviter de se laisser entraîner dans le battage médiatique..

Méfiez-vous du syndrome des objets brillants.

Si vous exploitez une entreprise en ligne ou travaillez dans une profession basée sur le Web, votre meilleur pari est de vous concentrer sur votre plan et de choisir la stratégie et les tactiques les plus susceptibles de vous aider à atteindre vos objectifs..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    « Kuidas veebipoodi käivitada? » Λόγοι για τους οποίους η επιχείρησή σας πρέπει να μετακινηθεί στο Cloud από την Κοινή φιλοξενία

    Random Posts

    • 2020年20多个最佳广告管理WordPress插件
    • Erstellen Sie fantastische Online-Communities mit Ultimate Member für WordPress
    • 10 vinge tasuta ja esmaklassilist WordPressi Facebooki pistikprogrammi
    • Com crear imatges de contingut compartible per a xarxes socials
    • Най-добрият инструментариум за пътуване в WordPress за стартиране на блога ви, докато сте на път
    • 30+ минимални теми за WordPress 2020
    • 如何使用WordPress设定行销策略
    • Facebook技巧和窍门为您的WordPress网站发挥作用
    • Jak napsat vlastní kód do vašich příspěvků WordPress
    • 15 Addons & Extensions für die besten Schwerkraftformen
    • Über 20 Frauen in WordPress, denen Sie folgen sollten
    • Kuinka valita verkkotunnus
    • VikAppointments: Cites de llibre i programa com un cap
    • Přehled systému Ticketa WordPress a systém pro správu událostí
    • Как да ускорите блога си за WordPress
    • 45+ Beste E-Commerce-WordPress-Themes für Online-Shops
    • Der beste GridBuilderWP-Test: Flexible Raster und Filter
    • 您应该在边栏中显示哪些WordPress小部件?
    • Kompletní průvodce k RSS a jak jej používat s WordPress
    • 9 Gründe, sich niemals für ein kostenloses WordPress-Hosting zu entscheiden
    • Com utilitzar Instagram per augmentar les vendes de comerç electrònic
    • Sådan kodes et websted
    • 只需6个简单的步骤即可增加您WordPress网站的访问量
    • One.com-arvostelu
    • 10+ zábavných pluginů WordPress pro jazz na vašem webu
    • 10 häufig auftretende Probleme mit WordPress-Themen und deren Behebung
    • Com complir el vostre lloc de WordPress
    • Püsikontakti ja OptinMonsteri seadistamine
    • Използване на Markdown с WordPress: Ръководство за начинаещи
    • Svinghjul anmeldelse
    • Còpia de seguretat de WordPress a Cloud amb BackWPup: una guia completa
    • WordPress的最佳潜在客户生成软件– OptinMonster评论和指南
    • WordPress Holiday Sales & Deals 2019 – Motivy, Pluginy, Hosting a další
    • 如何为您的WordPress网站培养普通访问者
    • Einführung in Cloud Computing mit WordPress
    • Kompletní průvodce WordPress Child Theme
    • Instal·leu WordPress en 5 minuts (o menys) amb Bluehost
    • 使用Uploadcare服务改善WordPress媒体上传
    • Beste WordPress-Plugins zur Verbesserung Ihrer Blogseiten
    • So passen Sie Ihr WordPress Admin Dashboard an
    • Как да споделяте съдържанието си в WordPress с помощта на Blog2Social
    • 7 nejlepších pluginů pro ukládání do mezipaměti WordPress v roce 2020
    • Overførsel af dit websted fra BlueHost til WebHostingHub
    • 10 Social Media Monitoring Tools für WordPress
    • WPTouch: una manera fàcil i ràpida de fer que el vostre lloc web de WordPress sigui mòbil
    • Φιλοξενία Pro Συμβουλή: Διατηρείτε πάντα ένα τοπικό αντίγραφο ασφαλείας
    • Версия на WordPress 4.3 и нови функции
    • Kinsta ülevaade
    • 7 tipů pro vytváření poutavých příspěvků WordPress
    • Com fer un formulari personalitzat d’inici de sessió (i per què hauríeu de fer-ho)
    • 18 най-добри SEO теми за WordPress за цифрови маркетинг и агенции
    • WordPress für Künstler: Einfache Möglichkeiten zum Erstellen eines Online-Portfolios
    • WordPress阵亡将士纪念日折扣和优惠券2020
    • Was ist Zeit für das erste Byte und wie können Sie es auf Ihrer WordPress-Website verbessern?
    • Nejlepší pluginy pro skenování WordPress pro malware
    • Měli byste si vytvořit aplikaci pro své podnikání WordPress?
    • Com crear blocs de contingut reutilitzables amb WordPress
    • Αναθεώρηση SiteBuilder.com
    • Създаване и внедряване на клиентски сайтове на WordPress с DesktopServer
    • Грешки в WordPress Image и как да ги поправим
    • 7 най-добри приставки за кеширане на WordPress през 2020 г.
    • 10 complements gratuïts de WordPress per gestionar un flux de treball editorial
    • Sådan bliver du en webudvikler
    • Hébergement Web vs domaine (expliqué)
    • 6 съвета за осигуряване на сигурността на вашия уебсайт WooCommerce
    • 6 formes de construir i fer créixer la vostra llista de correu electrònic amb WordPress
    • 24个最佳园艺和美化WordPress主题
    • 20+ Rozšíření a doplňky pro nejlepší kontaktní formulář 7
    • Voinko aloittaa blogin FatCow-sivustolla?
    • 10 nous complements per a bloggers principiants i usuaris de WordPress experimentats
    • 45+ nejlepších témat eCommerce WordPress pro internetové obchody
    • 30 profesionálů WordPress, které je třeba sledovat na Twitteru
    • Jak propagovat svůj web WordPress „Off-Site“
    • Как да добавите готин код на бутон CSS3 в WordPress
    • Revue d’hébergement Scala
    • Vendes, cupons i ofertes del Dia del Treball de WordPress 2019
    • 如何使您的WordPress网站可以打印就绪
    • Mouseflow Heatmap Analytics für WordPress Review
    • Rozšíření kotle WordPress Theme Customizer
    • Wrangle Your WordPress Sites: Zvažte ManageWP
    • Com triar un complement de gestió d’esdeveniments per al vostre lloc
    • 7 passos vitals a realitzar abans de llançar un lloc web de WordPress
    • Retainful: Smarter WooCommerce Cart Recovery
    • Как да използвате пакетните продукти като маркетингова техника за вашия WordPress Store
    • Най-добрите теми за благотворителност и с нестопанска цел WordPress за вашата кауза
    • Персонализирайте вашия WordPress сайт днес с CSS Hero
    • Λίστα ελέγχου εκκίνησης ιστότοπου
    • 10 recursos de WordPress que heu de marcar en aquest moment
    • Най-добрите приставки за чат на живо и поддръжка на билети за WordPress
    • Et dybdegående kig på ilt – WooCommerce WordPress Theme
    • Tarvitsenko SiteGroundin SG-sivustoskanneria (arvostelu 2020): on se sen arvoista? Paljonko se maksaa?
    • 33 tapaa ansaita verkkosivusto / blogi ansaita
    • Com millorar la reputació del vostre lloc WordPress ara mateix
    • VikAppointments: Buchen und planen Sie Termine wie ein Chef
    • Kas ma saan FatCow’is blogi luua?
    • Qui vol cobrar pagaments mitjançant llocs WordPress?
    • 用黄色铅笔调整您的WordPress主题设计
    • Venedor – WordPress + WooCommerce teema põhjalik ülevaade
    • 5 důvodů, proč by uživatelé WordPress měli přejít na komentáře na Facebooku
    • Comment ajouter un abonnement à la newsletter par e-mail sur votre site Web

    Follow us

    • facebook
    • twitter
    • dribbble

    ↑

    • Home
    • Уроци
    • Сигурност
    • Новини и общност
    • Отзиви