Responsive Webdesign [geschlossen]

Question

Ich bin ein autodidaktischer Designer und lerne heutzutage von IDF. Ich habe ein paar Zweifel an Responsive Design.

1. Für welche Größen sollte ich als Designer Bildschirme entwerfen, während ich Bildschirme entwerfe, die ich Entwicklern geben soll? Ich denke über alle Geräte und alle möglichen Auflösungen nach ... Handy, Laptop (Windows, Mac), Tablet usw.

2. Eine gute Ressource oder ein Link, um die Verwendung von Spalten zum Erstellen von Bildschirmen zu verstehen.

3. Wie definiere ich Schriftarten für verschiedene Größen? Ich verwende den Material Design-Leitfaden für mobile Bildschirme, aber wie für das Web? Wenn ich beispielsweise 16px für einen Absatz im Bildschirm 1366 * 768 verwende, wie groß sollte dann die Schriftart für 1440, 1920, 3072 (MacBook Pro 16 ") sein? Ich bin völlig verwirrt, wenn ich Entwicklern Schriftgrößen für verschiedene Bildschirmgrößen mitteile .

Gibt es andere wichtige Dinge, die mir helfen können, Responsive Design zu verstehen?

Answer 1

1. Das hängt von den Entwicklern und Bruchstellen ab, die sie verwenden, z. Wenn Sie mit Bootstrap arbeiten, sind die Bruchstellen: // Extra kleine Geräte (Hochformat-Telefone, weniger als 576 Pixel) // Keine Medienabfrage, da dies die Standardeinstellung in Bootstrap ist

// Kleine Geräte (Landschaftstelefone, 576px und höher) @media (Mindestbreite: 576px) {...}

// Mittlere Geräte (Tablets, 768px und höher) @media (Mindestbreite: 768px) {...}

// Große Geräte (Desktops, 992px und höher) @media (Mindestbreite: 992px) {...}

// Extra große Geräte (große Desktops, 1200px und höher) @media (Mindestbreite: 1200px) {...}

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

2. Persönlich verwende ich beim Entwerfen der Typografie eine modulare Skala: https://www.modularscale.com/?18&px&1.5Normalerweise ist der gute Text für die Desktop-Version zwischen 16 und 20 Pixel groß. Die Größe hängt vom Inhalt der Website ab. Dh. Wenn es sich um viele geschriebene Inhalte wie Zeitungen handelt, würde ich eine größere Größe in Betracht ziehen. Wenn es sich um eine Dashboard- / datengesteuerte Plattform handelt, würde ich eine kleinere Typografie in Betracht ziehen.