Starten Sie Ihre Web-Typografie mit Archetype

Archetype ist ein Werkzeug zum Erstellen von Typografien, mit dem Sie Ihren Typografie-Workflow standardisieren und beschleunigen können. In diesem Video-Tutorial erfahren Sie, was es für Sie tun kann!

Einführung in Archetype

 

Mit Archetype arbeiten

Das Erstellen konsistenter und ausgewogener typografischer Stile für das Web kann schwierig sein, aber Archetype soll dazu beitragen, Ihre Probleme mit der Webtypografie zu überwinden. Wenn Sie die Typografie von Anfang an richtig machen, wird sichergestellt, dass der Rest des Projekts eine solide Grundlage hat.

archetypeapp.com

• Besuchen Sie die App unter archetypeapp.com
• Auf Anhieb werden Sie mit dem von den Werkzeugherstellern vorgeschlagenen Standard-Styling präsentiert. Sie sehen Stile für Überschriften und Absätze.
• Sie können Ihren Fortschritt jederzeit speichern oder sich bei Google anmelden, um den Zugriff auf alle Ihre Projekte zu behalten.
• In der Seitenleiste links finden Sie die Steuerelemente. Hier können Sie Schriftarten auswählen, Größen und Abstände anpassen und so weiter.
• Sie können auch den Schalter umschalten, um festzulegen, ob Sie für Mobilgeräte oder für den Desktop entwerfen.
• Bei der Auswahl von Schriftarten können Sie sich von den Paarungsvorschlägen inspirieren lassen.
• Wählen Sie die Größe aus, indem Sie eine Basisschriftgröße (standardmäßig 1.6em) und ein Skalierungsverhältnis festlegen. Von diesem Startpunkt aus wird eine Skala erstellt, und Sie können dann jedem Element die gewünschte Größe zuweisen.
• Wenn Sie mit den ausgewählten Stilen zufrieden sind, können Sie eine Vorschau eines Dokuments anzeigen, um zu sehen, wie alles zusammen aussieht.
• Sie können dann die ausgewählten Schriftarten herunterladen, um sie auf Ihrem eigenen System zu installieren.
• Sie können auch in Sketch exportieren (wirklich cool), indem Sie den Anweisungen folgen, ein Sketch-Plugin installieren und einen bereitgestellten Code-Snippet kopieren / einfügen, um das Dokument in Sketch zu erstellen.
• Zuletzt können Sie alle Ihre Stile als CSS exportieren.

Erfahren Sie mehr über Web-Typografie