Wenn du auf "Akzeptieren" klickst, stimmst du der Speicherung von Cookies auf deinem Gerät zu, um die Navigation auf der Website zu verbessern, die Nutzung der Website zu analysieren und unsere Marketingaktivitäten zu unterstützen. Weitere Informationen findest du in unserer Datenschutzerklärung.
Was ist Atomic Design?

Was ist Atomic Design?

Wir versuchen bei MOFART unsere Projekte in einem strukturierten Prozess zu bearbeiten. So können wir sicherstellen, dass all unsere Kunden immer mit der gleichen Qualität rechnen können. Ein Baustein in unserem Prozess ist der Grundsatz der Atomic Designs. In diesem Beitrag möchte ich dir einen Einstieg in das Thema Atomic Design geben.
Advanced Button Animation in Webflow bauen

Advanced Button Animation in Webflow bauen

Buttons sollen für den User einen wichtigen und “erlebnisreichen” Bestandteil einnehmen. Demnach sollten deine Buttons Feedback geben und animieren.
Outline scroll Animation in webflow bauen

Outline scroll Animation in webflow bauen

Im heutigen webflow Tutorial möchte ich dir eine tolle Outline scroll Animation mitgeben. Die Outline wird über Custom Code erstellt!
Shortcuts und ihre Vorteile | Figma Shortcuts erklärt

Shortcuts und ihre Vorteile | Figma Shortcuts erklärt

Shortcuts sind unser Freund. Wenn man sich gerade in einer fokussierten Worksession befindet, ist jede mögliche Ablenkung vom Wesentlichen contraproduktiv. Um produktiv zu sein ist es also wichtig, unnötiges klicken und scrollen weitestgehend zu vermeiden.
Sollte ich kostenpflichtige Schriften verwenden?

Sollte ich kostenpflichtige Schriften verwenden?

Heute soll es um eines meiner absoluten Lieblingsthemen gehen — Schriften im Web. Leider werden Schrift auch im Jahr 2022 noch immer sehr stiefmütterlich behandelt und oft als Nebensächlichkeit abgetan. Lasst uns heute einmal schauen, ob es nicht doch gute Gründe gibt, handwerklich gut gemachte Fonts in deinem nächsten Webdesign zu verwenden.
Button Hover + Click Animation in Webflow bauen

Button Hover + Click Animation in Webflow bauen

Heute zeige ich dir, wie du in Webflow sowohl einen Hovereffekt als auch ein Clickeffekt bauen kannst. Button Animationen geben dem User unmittelbares Feedback und gehören zum Websiteerlebnis einfach dazu.
Button mit hover Effekt in Figma erstellen

Button mit hover Effekt in Figma erstellen

Da wir unsere Websites im Team umsetzen, bedarf es einer ordentlichen Übergabe des Webdesigns an die Umsetzung. Damit alles reibungslos funktioniert, müssen im besten Fall alle Animationen und Interaktionen klar ersichtlich sein. Wie wir die Animationen von Button in Figma erstellen und umsetzen, zeige ich dir heute.
3D – Perspektive in Figma erstellen | Tutorial

3D – Perspektive in Figma erstellen | Tutorial

In dem heutigen Beitrag will ich dir erklären, wie du in Figma einen schönen 3D – Perspektive Effekt erzeugst. Ich zeige dir, wie du zum Beispiel einen Screenshot eines Progamms so erstellst, dass es so wirkt, als würde die Aufnahme im Raum schweben. Hierfür legen wir das Bild räumlich an, versehen diese mit einem Schatten und erstellen einen radialen Verlauf im Hintergrund.