Webtreendsgab

312 vues

Publié le

Présentation sur les tendances de design web.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
312
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Webtreendsgab

  1. 1. Première apparition dans les jeux vidéo avec un défilement latéral 2D qui utilisaient différentes vitesses de déplacement de l'image de fond pour créer l'illusion de profondeur pendant le jeu. Donc dans le design web le même principe est appliqué au background qui défile a une vitesse différente des éléments du site. Source : http://www.unleashed-technologies.com/blog/2013/08/15/what-parallaxweb-design-%E2%80%93-definitions-tips-considerations Exemple : http://supportkyoto.org/
  2. 2. L’utilisation des pixels dans le design web permet d’avoir un contrôle sur la précision de la disposition des éléments, ils vont être placer ou l’on veut qu’ils le soient donc si la taille de la fenêtre de navigation est changer, les éléments on gardes leur position, taille etc… Avantages : Précision de la position des éléments Désavantage: N’est pas responsive au design mobile et au différente résolution. Source: http://www.peachpit.com/blogs/blog.aspx?uk=Pixels-or-Ems-in-Your-WebDesigns Exemple : http://99designs.com/designer-blog/2012/08/15/11-illustrator-tips-forphotoshop-web-designers/
  3. 3. Le flat ui designe est l’oppose du design artificiel. Le flat ui est en faveur d'une esthétique numérique classique plus simplifiée.C’est aussi l’utilisation de couleurs clair, des contours net et met l’aspect sur le 2D . Source: http://www.creativebloq.com/graphic-design/what-flat-design-3132112 Exemple : http://designmodo.github.io/Flat-UI/
  4. 4. Le design static(headers) c’est le fait d’avoir des entête de menu/table static, donc quand l’utilisateur parcours la page verticalement les entêtes sont toujours présentes. Source: http://blog.templatemonster.com/2013/10/31/web-designs-with-fixedheader-no-glue-was-used/ Exemple : http://www.fhoke.com/
  5. 5. La typographie est la conception et l'utilisation de polices de caractères comme un moyen de communication. La typographie englobe tout, de la calligraphie à travers le type et le type numérique sur les pages Web. Il comprend également des typographes qui créent de nouvelles formes de lettres ainsi que des designers et des calligraphie les lettres qui utilisent dans le cadre de leurs conceptions. Trop long a lire ? L’art de le typographie c’est d’utiliser des fonts personnaliser lors du design du site web. Source: http://webdesign.about.com/od/fonts/qt/typography-basics.htm Exemple: http://forefathersgroup.com/ Exemple : http://www.google.com/fonts
  6. 6. C’est le fait de metre peu de texte et plus de video pour presenter le site. Source : Aucune Exemple: https://www.apple.com/ca/
  7. 7. C’est le fait d’utiliser 2 a 3 couleurs dans le design des pages web. Source : Aucune Exemple: http://getbootstrap.com/
  8. 8. C’est pour simplifier la navifation pour un site qui contient beaucoups de page. Les breadcrumbs sont un historique de navigation. Source : Aucune Exemple: http://www.target.com/c/humidifiers-home-appliances/-/N5xtuj#?lnk=gnav_home_5_23&intc=829636|null
  9. 9. Les dashbords sont des interfaces de gestion d’administrateurs pour des applications web. Les dashboards contiennent des informations liées aux performances du produit. Source: Aucune Exemple: https://demo.geckoboard.com/dashboard/DE3F67171D0589D7
  10. 10. Le glyphicons font partie des design moderne de la plupart des site monochromatique. Ils apportent de la consistance au site et peuvent être manipulés facilement pour changer leur taille. Finalement les glyphicons sont des icônes de qualités pour un site/application. Source : http://glyphicons.com/motivation-behind-icons/ Exemple : http://glyphicons.com/

×