Design-Kits scheinen heutzutage überall zu sein. Von UI-Kits über Vorlagen und Gitter bis hin zu kompletten Design-Kits. Was macht diese Tools so beliebt (und was sind die Nachteile)?
Heute werfen wir einen Blick auf die Vor- und Nachteile der Verwendung verschiedener Arten von Design-Kits und zeigen Ihnen in den Beispielen sogar einige Kits, die sich für verschiedene Zwecke lohnen könnten.
Was ist ein Design Kit?
Zunächst ist es wichtig, die Art eines Design-Kits zu verstehen. Diese Tools unterscheiden sich stark in Umfang, Kosten und Nutzen.
Vereinfacht ausgedrückt, ist ein Design-Kit ein vorgefertigtes Werkzeug, das Sie bei der Erstellung eines digitalen Designprojekts verwenden können. Zu den am häufigsten verwendeten Design-Kits gehören Symbole, Schaltflächen und Grafiken der Benutzeroberfläche, die zur gemeinsamen Verwendung bestimmt sind. Die meisten enthalten eine gemeinsame Farb- und Schriftpalette, die im Kit enthalten ist, obwohl die meisten anpassbar sind.
Kits können Hunderte oder sogar Tausende von Elementen enthalten, aber auch einzelne Elemente (z. B. Diagramm) oder Elemente wie Gitter. Bei einigen Design-Kits handelt es sich um vollständige Designvorlagen, z. B. WordPress-Designs, mit denen Sie eine Website von Grund auf erstellen können. (Einige Druckdesigner verwenden auch Kits für Artikel wie Briefköpfe oder Visitenkarten.)
Während einige Designer auf diese Kits als großartigen Rahmen oder Ausgangspunkt für Projekte schwören, scheuen andere sie, um alles von Grund auf zu bauen.
Unabhängig von der Theorie, die Sie abonnieren, gibt es eine Handvoll fast allgemeiner Vor- und Nachteile, die mit dem Kauf, Herunterladen und Verwenden von Design-Kits verbunden sind.
Pro: Zeit sparen
Eine der besten Eigenschaften von Kits ist, dass sie Zeit sparen können. Anstatt unzählige Kleinteile für eine Website zu erstellen, enthält ein Kit alles, was bereits vorgefertigt und einsatzbereit ist.
Die einzige Echtzeit-Verpflichtung von Ihrem Ende aus ist das Anpassen von Farben und Schriftarten an das restliche Design der Website. Entscheiden Sie sich für ein Kit, das den Stil und den Fluss Ihrer Aktivitäten widerspiegelt. Am besten besorgen Sie sich frühzeitig ein Kit und überlegen Sie, welche Teile verwendet werden und wie sie beim Erstellen der Website verwendet werden.
Vorgestellt: Dark Velvet UI Kit ($ 39) und Clean UI Kit PSD (kostenlos)
Con: Zugehörige Kosten
Einige der besten Kits sind nicht kostenlos - und Sie sollten damit rechnen, Kits mit Premium-Funktionen zu bezahlen. Dies kann abhängig von bestimmten Budgets untragbar sein. Die meisten Kits sind jedoch für Einzellizenzen relativ kostengünstig und enthalten höhere Gebühren für eine Entwicklerlizenz.
Pro: Großartig für Konsistenz
Wenn Sie sicherstellen möchten, dass Elemente, Schaltflächen und Symbole gleich sind und aufeinander abgestimmt sind - von Ihrer Landing-Seite zu Ihrer Kontaktseite -, sind Kits eine einfache Alternative. In einem Kit sind alle Elemente, Schaltflächen, Symbole und Farben genau auf die anderen Elemente des Kits abgestimmt.
Die Verwendung dieser Elemente führt zu einem sauberen Erscheinungsbild ohne großen Aufwand. Das macht Organisation und Planung zum Kinderspiel. Denken Sie daran, alle Anpassungen vorzunehmen und zu speichern, bevor Sie loslegen, damit bestimmte Farbwahlen usw. verwendet werden können.
Vorgestellt: 300 Fineline-Symbole (11 USD) und iOS-Kartensymbol (kostenlos)
Con: Teile sind "zu passend"
Einige Designer können durch den Stil der Kits deaktiviert werden, da Teile "zu passend" sein können. Das bedeutet, ein Kit enthält 50 Knöpfe, die alle den gleichen Look und Stil in einem Regenbogen von Farben haben. Diese Tasten sind zu ähnlich, was die visuelle Identifizierung erschwert.
Es kann schwierig sein, alle Teile zu filtern, die in einem großen Kit enthalten sind. Aber sei wählerisch. Wissen Sie, was Sie brauchen und verwenden Sie diese Teile. Sie haben nicht das Gefühl, alles in ein Design zu integrieren, um Ihr Geld zu verdienen.
Pro: Einfach zu bedienen
Design-Kits erleichtern die Detailarbeit. Die meisten Benutzeroberflächen-, Element- und Symbolpakete enthalten Adobe Photoshop-Dateien, die einfach zu verwenden und zu bearbeiten sind. Konstrukteure ohne Code-Kenntnisse können Teile dieser Kits problemlos verwenden.
Andere Kits enthalten auch CSS-Informationen für den nahtlosen Übergang zu einem Webdesign. (Etwas, das Entwickler schätzen werden.)
Sie benötigen zwar einiges Wissen über den Code und die Funktionsweise des Backends einer Website, um alles auf den neuesten Stand zu bringen und für die Veröffentlichung vorzubereiten. Allerdings können Kits den Planungsprozess erleichtern. Ein besonders wertvolles Werkzeug für neue oder unerfahrene Designer.
Vorgestellt: Circular Vipe App Template (3,99 $) und 3D Date Flipper (kostenlos)
Con: Unvollständige Kits
Lesen Sie sich beim Kauf eines Kits die Details genau durch, damit Sie genau wissen, was im Lieferumfang enthalten ist. Ein Kit mit 1.000 Elementen ist möglicherweise nicht ideal, wenn es sich wirklich nur um eine Handvoll Elemente in verschiedenen Farben handelt.
Einige Kits sind thematisch gekennzeichnet, z. B. Symbole für soziale Medien, Schaltflächen oder Kalendersymbole. Stellen Sie vor dem Kauf sicher, dass ein Kit alles enthält, was Sie benötigen.
Pro: Tolles Werkzeug zum Lernen
Einer der größten Vorteile für einen neuen oder unerfahrenen Designer, der mit einem Kit arbeitet, besteht darin, dass er einen Einblick in die Konstruktion von Symbolen, Elementen oder Farbpaletten bietet.
Mit einem Download können Sie sehen, wie Designer Build-Sets erstellen - die meisten werden als PSD-Dateien mit Ebenen erstellt. Wenn Sie ein Kit zusammenstellen, können Sie bewährte Methoden zum Erstellen eigener Teile, Tipps zum Arbeiten mit und zum Speichern von Ebenen sowie die grundlegende Organisation herausfinden.
Beginnen Sie mit einem Kit und stöbern Sie ein wenig, um wirklich herauszufinden, wie Sie vorgehen müssen, wenn Sie bereit sind, eine Reihe von Elementen von Grund auf zu erstellen. Wenn Sie mit einem gut zusammengestellten Kit arbeiten, können Sie auch Ihr eigenes Flair hinzufügen. Nehmen Sie zum Beispiel das Kit mit 6 Social Media-Symbolen. Da Sie die einzelnen Icons auswählen und sehen können, wie sie erstellt werden, können Sie eigene Icons zum Kit hinzufügen, indem Sie die Art und Weise spiegeln, auf die die verpackten Elemente erstellt wurden.
Vorgestellt: Fitnex Responsive Landing Page ($ 11) und 6 Social Media-Symbole (kostenlos)
Con: Sieht einem anderen Standort ähnlich aus
Die größten Sorgen der Designer hinsichtlich der Verwendung von Kits sind, dass die fertige Site zu sehr wie eine andere Site aussehen kann. Und es passiert doch.
Die beste Lösung ist, ein Kit als Ausgangspunkt und nicht als fertiges Produkt zu verwenden, sodass Teile, Teile und Elemente der Benutzeroberfläche das Erscheinungsbild und den Stempel Ihres Website-Designs bestimmen. Wenn Sie ein Kit direkt nach dem Auspacken verwenden, ist es wahrscheinlich, dass es wie etwas anderes aussieht.
Fazit
Durch die Verwendung eines Kits können Sie Zeit sparen und Konsistenz gewährleisten. Dies vereinfacht die Konstruktion und hilft Ihnen, mehr über die Funktionsweise und den Aufbau von Teilen zu erfahren.
Auf der anderen Seite können Kits manchmal teuer sein, Teile enthalten, die sich zu sehr ähneln, unvollständig sind oder ein fertiges Produkt haben, das einem anderen Standort zu sehr ähnelt.
Kits sind nicht jedermanns Sache, aber sie können nützliche Werkzeuge sein und Sie sind vielleicht erstaunt über die Anzahl der Designer, die Kits verwenden, und die Anzahl der Websites, die Teile aus einem vordefinierten Kit enthalten.