de.hideout-lastation.com
Propeller Framework kombiniert Bootstrap & Google Material Design
Die immense Popularität des Materialdesigns von Google sollte nicht überraschen. Es ist Teil eines modernen UI-Stils, der sich mehr auf flaches Design mit Schwerpunkt auf UX- und Usability-Mustern konzentriert .
Indem wir die Material-Design-Konzepte nehmen und sie zu Bootstrap hinzufügen, erhalten wir das Propeller-Framework .
Dieses vollständig reaktionsfähige Open-Source-Framework spielt die materielle Rolle perfekt. Es enthält eine Komponentenbibliothek mit 25 Benutzeroberflächenelementen sowie benutzerdefinierte Vorlagen zur Beschleunigung der Produktion.
Sie können den gesamten Quellcode auf GitHub zusammen mit den Browser-Support-Informationen und aktuellen Updates finden.
Wenn Sie wirklich tauchen wollen, sollten Sie die Dokumentationsseite besuchen . Hier finden die guten Dinge statt, die die Ordnerstruktur, die grundlegende Einrichtung der Website, die Verwendung von Komponenten und die individuelle Anpassung des Kits betreffen.
Die meisten Komponenten werden oberhalb der Bootstrap-Klassen ausgeführt, sodass Sie mit einer echten BootStrap-Codebasis arbeiten . Es ist jedoch stark angepasst, um die Animationen und Design-Ideologien des Materialdesigns nachzuahmen .Dropdown-Menüs, Formulare, Registerkarten-Widgets und Fortschrittsbalken - all diese Komponenten folgen dem Materialdesign-Stil und sind super einfach einzurichten. Der schwierige Teil besteht darin, die genaue Komponente zu finden, die zu Ihrer Site passt, da es so viele gibt, aus denen Sie auswählen können.
Im Allgemeinen folgt Propeller den meisten Designrichtlinien von Google . Die Entwickler haben mit diesem Framework einen fantastischen Job gemacht und es passt wirklich zum Material-Stil.
Auf der Seite "Erste Schritte" finden Sie vier verschiedene Downloads für jeweils unterschiedliche Zwecke:
- Materialthematisch - für vorhandene Bootstrap-Sites, die einen Materialdesignstil wünschen
- Propeller Kit - die gesamte CSS / JS-Bibliothek bereit für die Produktion
- Stand Alone - einzelne Komponenten, die Sie für Ihre eigenen Projekte kopieren und einfügen können
- Admin-Vorlage - eine benutzerdefinierte Admin-Panel-Vorlage, die mit Propeller erstellt wurde
Wenn Sie neu im Framework sind, können Sie das gesamte Kit herunterladen und basteln. Dieses Paket hat nicht viele Beispielseiten, aber Sie können sich die Propeller-Seite ansehen, um zu sehen, wie es aussieht.
Dieser Rahmen ist produktionsbereit, wenn Sie nach einem materiellen Thema suchen. Es ist eines der einfachsten Frameworks, mit dem man bauen kann, und es wird wahrscheinlich noch viele Jahre dauern.
5 Designer Secrets, um Ihre Karriere richtig zu starten
Freelancing ist eine Reise für jeden von uns und wir lernen und wachsen von den Fehlern und Fehlern, die wir bei der Arbeit machen. Aus Fehlern lernen ist ein entscheidender Schritt auf dem Weg zum Erfolg.Nehmen Sie meine Erfahrung zum Beispiel. Ich arbeite freiberuflich nebenbei und suche nur nach Projekten, wenn ich etwas Geld brauche.
Visual Content Direction: Was Sie wissen müssen
Die visuelle Ausrichtung des Inhalts ist ein weniger verbreiteter, aber entscheidender Aspekt des Web-Designs mit hoher Conversion. Jeder Besucher "saugt" eine neue Seite auf der ersten Seite auf - egal ob bewusst oder nicht.Ästhetik spielt eine Rolle, aber es geht eher um das Gesamtbild des Designs .
