Conception Web réactive [fermé]

Question

Je suis un concepteur autodidacte et j'apprends aujourd'hui de la FID. J'ai quelques doutes sur le responsive design.

1. En tant que designer, pendant que je conçois des écrans à donner aux développeurs, pour quelles tailles dois-je concevoir des écrans? Je considère tous les appareils et toutes les résolutions possibles ... mobile, ordinateur portable (windows, mac), tablette etc.

2. Une bonne ressource ou un lien pour comprendre l'utilisation de colonnes pour créer des écrans.

3. Comment définir des polices pour différentes tailles? J'utilise le guide Material Design pour les écrans mobiles, mais comment faire pour le Web? Par exemple, si j'utilise 16 pixels pour un paragraphe sur un écran 1366 * 768, quelle doit être la taille de la police pour 1440, 1920, 3072 (MacBook Pro 16 ")? Je ne sais pas du tout pour dire aux développeurs les tailles de police pour différentes tailles d'écran .

Y a-t-il d'autres éléments importants qui peuvent m'aider à comprendre la conception réactive?

Answer 1

1. cela dépend des développeurs et des points de rupture qu'ils utilisent ie. si le travail avec bootstrap, les points de rupture seront: // Périphériques très petits (téléphones portrait, moins de 576px) // Pas de requête multimédia car c'est la valeur par défaut dans Bootstrap

// Petits appareils (téléphones paysage, 576px et plus) @media (largeur min: 576px) {...}

// Appareils de taille moyenne (tablettes, 768 pixels et plus) @media (largeur min: 768 pixels) {...}

// Appareils volumineux (ordinateurs de bureau, 992 pixels et plus) @media (largeur min: 992 pixels) {...}

// Appareils très volumineux (grands ordinateurs de bureau, 1200 px et plus) @media (largeur min: 1200 px) {...}

1. https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/

2. Personnellement, lors de la conception de la typographie, j'utilise une échelle modulaire: https://www.modularscale.com/?18&px&1.5généralement pour la version de bureau, un bon corps de texte est compris entre 16 et 20 pixels. La taille dépend du contenu du site Web. C'est à dire. si c'est beaucoup de contenu écrit comme des journaux, je considérerais une taille plus grande. S'il s'agit d'une plate-forme basée sur un tableau de bord / des données, je considérerais une typographie plus petite.