Die Verwendung praktischer Tools in Ihrem Designprozess spart Ihnen in der Regel viel Zeit und das funktioniert viel angenehmer. Welches Tool verwenden wir, um unsere Prototypen einfach zu teilen, oder welches Tool ist das beste, um Schriftarten herunterzuladen? Wir haben unsere eigenen Designer gefragt, welche Tools sie am liebsten verwenden, damit wir diese Tipps für Sie auflisten können. Lesen Sie weiter, um mehr über die vier Designtools zu erfahren: Sketch, Anima, Google Fonts und InVision.
1 Skizze
Der eine entscheidet sich für Adobe XD, der andere für Figma. Wir innerhalb der Sozialbrüder wählen Skizze, denn dafür gibt es viele Plugins, die das Leben eines Designers um einiges erleichtern. Der Fokus innerhalb des Programms liegt auf der Gestaltung der Benutzeroberfläche. Die Ankunft von Arbeitsplatz ermöglicht auch das gleichzeitige Arbeiten in einem Dokument.
Als Designer müssen Sie zunehmend die unterschiedlichsten Gestaltungsformate zum Beispiel für mobile Geräte und Retina-Displays berücksichtigen. Mit Sketch ist es einfach, die Abmessungen und Pixel Ihres Designs anzupassen und unnötige Arbeit zu vermeiden. Innerhalb des Programms ist es einfach, die Abmessungen und Proportionen zu sehen, die für die Arbeit an einem „Raster“ erforderlich sind. Sketch hilft unseren Designern, sauber im Raster zu arbeiten.
Das Tool bietet die Möglichkeit, Funktionen wie die Verwendung von Schatten und Rahmen unbegrenzt einzufügen. Darüber hinaus verfügt Sketch über eine Export All-Funktion. Da alles im Tool vektorbasiert ist, können Sie Ihre Designs ganz einfach in JPG, PNG, PDF und optional in zwei Formaten exportieren.
„Eigentlich ist Sketch drei Tools in einem: ein Tool für Interface, Wireframing und für Illustrationselemente wie Logos und Vektoren.'
2. Google-Schriften
Google Fonts ist ein praktisches kostenloses Tool, mit dem Sie ganz einfach verschiedene Schriftarten für Ihre Texte herunterladen können. Insgesamt bietet Google Fonts insgesamt 405 verschiedene Schriftarten an. Viele WordPress-Themes bieten bereits verschiedene Google Fonts an, damit Sie diese in Ihren Texten verwenden können.
Google Fonts ist ein budgetsicheres Tool, es gibt Ihnen einfach die Möglichkeit, verschiedene Schriftarten zu verwenden. Sie können verschiedene Schriftarten über die Website finden und sie dann herunterladen, um sie in Ihren Ausdrücken zu verwenden.
Tatsächlich ist die Plattform selbsterklärend. Ein praktischer Tipp: Wenn Sie auf den Namen einer Schriftart klicken, gelangen Sie auf die Übersichtsseite. Hier finden Sie alle Varianten Ihrer Schriftart wie Kursiv, Fett usw. Wenn Sie auf dieser Seite nach unten scrollen, sehen Sie die Überschrift „Beliebte Paarungen“. Dies ist eine interaktive Übersicht, die andere Schriftarten anzeigt, die gut zu Ihrer ausgewählten Schriftart passen.
„Die Schriftbibliothek von Google ist sehr umfangreich und kann von Entwicklern einfach aufgerufen werden. Wo Adobe XD jedoch fast dasselbe hat, müssen Sie hier Projekte erstellen, bevor Sie eine Schriftart verwenden können.'
3 Anima
De Plugin von Anima verwenden wir für die automatische Ausrichtung von Elementen. Auf diese Weise können Sie Elemente mit einem Knopfdruck in einem festen Abstand platzieren und einfach neu positionieren.
Entwickler können die Designs verwenden und in React/HTML-Code exportieren. Das spart viel Arbeit, sie müssen die Benutzeroberfläche nicht umcodieren. Unsere Designer verwenden das Tool persönlich Luftschiff für die Übertragung von Designs (behalten Sie unsere Seite im Auge, denn wir werden Ihnen bald mehr über dieses Tool erzählen).
Das Programm bietet eine revolutionäre Funktion, es hält alle Designs an einem Ort und ermöglicht es den Parteien, Änderungen mit Code oder Design-Tools vorzunehmen. Nützlich für beide Seiten!
„Unser Lieblingsfeature von Anima?Elemente automatisch ausrichten. Auf diese Weise können Sie Elemente mit einem Knopfdruck in einem festen Abstand platzieren und einfach neu positionieren.“
4.InVision
InVision ist ein praktisches Werkzeug, um die Designs von Prototypen zu präsentieren. InVision ist eine Online-Umgebung, in der Designs angezeigt werden können. Sie können beispielsweise einen Link senden, um die Designs im Browser anzuzeigen. Wenn Sie die Designs über einen Browser anzeigen, sind sie der Version, die schließlich online kommt, am ähnlichsten, sodass sie visuell repräsentativer sind als ein normales PDF. Wenn Sie Anpassungen am Design vornehmen, werden diese sofort auf InVision angepasst, sodass Ihr Design immer aktuell ist.
Es ist auch möglich, interaktive Elemente über InVision hinzuzufügen. Dadurch können Funktionalitäten simuliert werden, sodass das Design ein vergleichbares Erlebnis wie die endgültige Website vermittelt.
Trotz der Tatsache, dass die InVision der endgültigen Website sehr ähnlich ist, gibt es dennoch deutliche Unterschiede. InVision liefert eine statische Skizze, was bedeutet, dass nicht alle interaktiven Teile wie Schaltflächen, Menüs oder Animationen funktionieren und später in der Entwicklungsphase hinzugefügt werden müssen. Außerdem fehlen oft noch der endgültige Text und das Bild.
Tipp unserer Designer: Mit dem Plugin Handwerk Sie können Ihr Design ganz einfach über Sketch hochladen.'
Jetzt wissen Sie alles über die vier Designwerkzeuge, die unsere Designer in ihren Projekten verwenden. Neugierig auf die anderen Designprogramme, die auf ihrem Desktop zu finden sind? Behalten Sie unsere Website im Auge, denn es wird bald eine geben Teil II: 4 Design-Tools, die von unseren eigenen Designern empfohlen werden online mit vier weiteren unserer empfohlenen Designtools!
Wenn Sie in der Zwischenzeit mehr über unsere Design-Services erfahren möchten, besuchen Sie unsere Dienste Seite.
