Les dix dernières tendances en matière de conception web que vous devez connaître en 2017

Les palettes et les matériaux aident à choisir un schéma de couleurs pour la conception des matériaux.
Besoin damp;rsquoaide pour choisir un schéma de couleurs pour votre site Web? La palette de conception des matériaux fournit un bon point de départ. Duotone est une image en deux couleurs. Nous avons vu beaucoup de ces images lamp;rsquoannée dernière et je mamp;rsquoattends à ce que ce style devienne plus populaire en 2017. Des sites comme Spotify utilisent des images à deux tons qui fonctionnent très bien. Comme lamp;rsquoavez peut être remarqué, duotone est un style populaire pour de nombreuses vignettes dans les vidéos YouTube. Le site Web damp;rsquoAdison Partners tire pleinement parti de bichrome dans la conception du site.
Rétro moderne, quamp;rsquoil samp;rsquoagisse damp;rsquoart pixel, de mise en page rétro ou damp;rsquoimages inspirées des années 80 et 90 Camp;rsquoest à cette époque que le contact entre lamp;rsquoAntiquité et lamp;rsquoépoque moderne a eu lieu. Au cours des dernières années, il a eu un impact plus important sur la conception du Web, et de nombreux sites Web utilisent ce style. Le curriculum vitae interactif de Robby leonardi est un excellent exemple de rétro moderne. Il combine un style damp;rsquoart pixel semi moderne avec le défilement latéral du jeu vidéo Super Mario Esco. Le site Web de Robby leonardi. Sweet Magnolia gelato a choisi un style rétro mais a utilisé quelques animations accrocheuses. Cela donne au site un aspect moderne tout en conservant le charme du style antique.
Le marché noir a également choisi un look rétro combiné à une disposition modulaire. Le site a un charme rustique qui samp;rsquoharmonise bien avec les offres du marché noir. Cinemaps cinemaps est toujours une photo avec des éléments de mouvement répétitifs. Ils sont devenus de plus en plus populaires ces derniers temps, à juste titre Les caméras cinématographiques bien faites peuvent être étonnantes visuellement. Lamp;rsquoimage du film peut être un GIF ou un fichier vidéo. le cinemagraphe est de haute qualité, les deux produisent des fichiers assez volumineux. Cinemagraph GIF peut facilement dépasser
3mo, donc pouvez considérer la vidéo en streaming.
Vous pouvez voir damp;rsquoexcellents exemples de cinemap sur flixel Un service damp;rsquohébergement pour ce type damp;rsquoimage ou de vidéo. Regardez autour de et voyez ce que font les gens. Voici un exemple de nombreux films de haute qualité. Conception des matériaux depuis 2014, la conception des matériaux de Google est en cours sur place. Il repose essentiellement sur le principe du papier et de lamp;rsquoencre, en convertissant sa qualité en format numérique. Par exemple, utilisez des ombres et des bordures pour indiquer ce que devriez toucher, comme un bouton. Besoin damp;rsquoaide pour choisir un schéma de couleurs pour votre site Web? La palette de conception des matériaux fournit un bon point de départ. Au cours des deux dernières années, la conception de matériaux est devenue de plus en plus populaire, créant de nombreux thèmes et modèles pour les CMS et les cadres frontaux comme Twitter Bootstrap. Lamp;rsquoune des critiques que entendrez au sujet de la conception des matériaux est que de nombreux sites Web construits avec elle ressemblent beaucoup Camp;rsquoest peut être trop similaire. Camp;rsquoest parce que le style de conception des matériaux est trop strict, plutôt que damp;rsquoappliquer simplement les principes.
Je mamp;rsquoattends à ce que nous voyions de nombreux projets de réseau plus petits adopter la conception matérielle existante. Non seulement les principes de la conception des matériaux, mais aussi le style ou le thème actuel. Cependant, il se peut quamp;rsquoune partie de la communauté du design samp;rsquooppose activement à la conception des matériaux, ou du moins au style stéréotypé, tout en continuant à appliquer les principes. Un bon exemple de la forme la plus pure de design matériel est le blog de design matériel (surprise, surprise). Vous pouvez voir ici que la plupart des principes de conception des matériaux fonctionnent. Mise en page audacieuse et créative 2016 a été témoin damp;rsquoune utilisation très créative de la mise en page et 2017 est susceptible de continuer à pousser les limites de ce que les concepteurs vont faire
Croissance annuelle depuis 2013. Je mamp;rsquoattends à une augmentation de lamp;rsquoutilisation de ce format en 2017, ainsi quamp;rsquoà une augmentation du nombre damp;rsquoarticles sur le sujet. Pourquoi utiliser SVG? La raison principale est que lamp;rsquoimage SVG devrait être rendue parfaitement, quelle que soit sa taille. De plus, les images SVG ont souvent de très petits fichiers Parfait pour votre vitesse de page. voulez voir SVG en cours damp;rsquoexécution, ne dépassez pas le logo wpmudev dans le coin supérieur gauche de cette page. zoomez avec le navigateur, peu importe combien zoomez, verrez que le logo namp;rsquoest pas pixelisé. Au lieu de cela, le logo wpmudev reste distinctif et de haute qualité. Flexbox flexbox est un mode de mise en page CSS3 qui est plus efficace et prévisible lorsque utilisez des mises en page qui sont affichées avec une variété de tailles damp;rsquoécran et damp;rsquoappareils. Flexbox continue de faire lamp;rsquoobjet damp;rsquoune attention soutenue et, comme tous les navigateurs modernes le supportent maintenant, il est probable quamp;rsquoun plus grand nombre de développeurs frontaux lamp;rsquoutiliseront. Vous pouvez en savoir plus sur flexbox dans notre guide pour en savoir plus sur CSS3 flexbox pour la conception propre et sans hacker de réponses, et sur css Grid pour la conception de sites WordPress modernes. 2016 360 vidéo et réalité virtuelle est lamp;rsquoannée de la réalité virtuelle. De nombreux écouteurs de jeux VR ont été publiés et lamp;rsquointérêt pour la recherche sur la vidéo 360 augmente. Jamp;rsquoespère que les concepteurs trouveront des façons intéressantes damp;rsquointégrer 360 vidéos sur le site en 2017. ne le savez pas encore, Google VR view est une api javascript qui permet damp;rsquoajouter facilement une expérience vidéo 360 degrés à votre site Web. Vous pouvez en savoir plus sur Google VR views ici. Le nouveau film Blair Witch crée une expérience de réalité virtuelle Web interactive à 360 degrés. Il est préférable damp;rsquoutiliser des écouteurs VR pour les voir sur votre appareil mobile. Microinteractions les microinteractions sont: