M1105 Écriture pour les Médias Numériques S1
2021-01-22

index des CM :

  • cm1 : PPN
  • cm2 : culture numérique
  • cm3 : étapes de conception
  • cm4 : patrons de conception
  • cm5 : patrons de conception pour la conception adaptative (responsive design)
    • Historique et mises en page
    • Problématique
    • Notions pour le design adaptatif
    • Patrons de conception

index des TD :

  • TD1 : arborescence d’un site internet
  • TD2 : initiation à figma

index des TP :

  • tp1 : prototypes et maquettes
  • tp2 : FIGMA
  • TP3 : évaluation

index des modules :

  • accessibilité du web
  • arborescences
  • Culture Numérique : bref retour historique
  • draw.io
  • figma
  • Figma : contraintes et auto-layout
  • Compléments pour Figma
  • Fraudes
  • Métiers
  • patrons de conception
  • Prototypes, maquettes
  • PPN (Programme Pédagogique National)
  • cycles de conception et éléments de l’expérience utilisateur
  • Expérience Utilisateur : Définitions

Index des ressources :

  • B – processus de design, premières étapes
M1105 Écriture pour les Médias Numériques S1
  • Docs »
  • cm5 : patrons de conception pour la conception adaptative (responsive design)
  • View page source
Next Previous

cm5 : patrons de conception pour la conception adaptative (responsive design)¶

index des contenus

  • Historique et mises en page
    • Mise en page fixe
    • Mise en page fluide
    • Mise en page adaptative
  • Problématique
    • Et si le problème n’est pas traité ?
    • Exemple
  • Notions pour le design adaptatif
    • Zone d’affichage visible
    • pixel density, pixel ratio, css pixels
    • media-queries, breakpoints
  • Patrons de conception
    • Principalement fluide (mostly fluid)
    • abandon de colonne (column drop)
    • changement de mise en page (layout shifter)
    • petits ajustements (tiny tweaks)
    • hors cadre (off canvas)
Next Previous

© Copyright 2020, Léo Martin

Built with Sphinx using a theme provided by Read the Docs.