-
-
1.
Willkommen im Kurs
1:13
-
2.
Grundlayout und Typografie
9:04
-
3.
Anwenden von Farben
12:01
-
4.
Fertigstellen des Layouts
7:51
-
5.
Anpassen des Layouts für Mobilgeräte
5:27
-
So entwerfen Sie eine responsive Preistabelle in Figma | UI Pattern Series
Adi Purdila, UI/UX Designer, Framer Developer, Educator
Über diesen Kurs
In diesem kurzen Kurs entwerfen wir eine reaktionsfreudig gestaltete Preisgestaltung in Figma – ein Muster für die Benutzeroberfläche von SaaS-Websites und Zielseiten.
Du lernst,
- Strukturieren einer Preisgestaltung mit drei Tarifen (Basic, Pro, Enterprise)
- Hervorheben des "Pro"-Plans für maximale visuelle Wirkung
- Verwenden Sie Auto-Layout, um alles perfekt verteilt und ausgerichtet zu halten
- Anpassung des Entwurfs an Mobilgeräte mit einem klaren vertikalen Layout
Wir arbeiten anhand einer vorgefertigten Aufgabe, sodass Sie sich auf den Entwurf und die wesentlichen Grundlagen konzentrieren können: Abstand, Hierarchie, Ausrichtung und zugänglicher Kontrast.
Dieser Kurs ist Teil meiner UI Pattern-Serie, in der jede Kurseinheit eine schnelle, praktische Version darstellt, die Sie auf reale Projekte anwenden können. Ganz gleich, ob Sie Anfänger sind, der seine Figma-Kenntnisse verbessern möchte, oder ein erfahrener Designer, der seine Musterbibliothek erweitern möchte, Sie erhalten eine wiederverwendbare Preisgestaltung mit einer großartigen Ausstrahlung auf jedem Bildschirm.
Diese Kurse könnten Ihnen auch gefallen
Kursprojekte Alle anzeigen (5)
Bitte beachte, dass dieser Kurs nur für persönliche Bildungs- und Informationszwecke zur Verfügung gestellt wird, allgemeiner Natur ist und nicht als Ersatz für professionelle, rechtliche oder medizinische Beratung gedacht ist. Lies mehr darüber in unseren Nutzungsbedingungen.