Fügen Sie Ihren Webdesign-Tools ein atemberaubendes Grade UI-Kit hinzu – kostenlos

Russischer Designer Sergej Asowski erstellt UI-Kits, die unverzichtbare Tools und ultimative Benutzerfreundlichkeit mit einer atemberaubenden visuellen Präsentation kombinieren.

Und die gute Nachricht ist, dass Sie dank der Leute von Affinity jetzt sein fantastisches Grade-UI-Kit kostenlos besitzen können.

Zur Feier der Veröffentlichung von Version 1.5 ihrer gefeierten Grafikdesign-Mac-App Affinity-Designer, das einige wichtige Upgrades enthält, legen sie das Kit jetzt völlig kostenlos bei – eine Ersparnis von 58 US-Dollar gegenüber dem üblichen Preis.

Die gute Nachricht ist, dass es auch in der enthalten sein wird Windows-Version von Affinity Designer, das sich seit dem 30. Juni in der öffentlichen Betaphase befindet und voraussichtlich im Herbst in den Vollverkauf gehen wird.

Sergeys Grade-UI-Kit

Mit 10 Kategorien, über 100 Symbolen und unglaublichen über 1000 Elementen bietet Sergey’s

unverzichtbares Grade-UI-Kit ist etwas, das jeder Kreative in seinem Werkzeugkasten verstauen sollte.

Der Fokus liegt auf Details und Pixelperfektion, was Projekten ein professionelles Flair verleiht. Es ist vollständig anpassbar und dank der Vektorformkonstruktion funktioniert jedes Element in jeder gewünschten Größe.

Elements sind auch in hellen und dunklen Varianten erhältlich, um Ihnen das Mischen zu erleichtern und atemberaubende Designkombinationen zu ermöglichen. Und es ist unglaublich einfach zu bedienen – ziehen Sie die Komponenten einfach per Drag-and-Drop dorthin, wo Sie sie benötigen, denn alles ist so gestaltet, dass es perfekt in ein Rasterlayout passt.

Sergey bewertet das Grade UI-Kit als eines seiner ehrgeizigsten Projekte und weit von seinen ersten Schritten im Design entfernt. Wir haben ihn gefragt, wie er angefangen hat …

„Wie die meisten Designer bin ich Autodidakt. Seit meiner Kindheit interessiere ich mich für Computer und alles, was damit zu tun hat. Eine Zeit lang habe ich HTML und CSS studiert und versucht, Websites zu erstellen, einfache Designs für mich selbst, fast wie ein Hobby.

„Nach einer Weile wurde mir klar, dass mich der Designprozess viel mehr interessierte als das Herumbasteln am Code, also begann ich, etwas über Designsoftware und UI-Design zu lernen.“

Wie beginnt man mit dem Entwerfen eines Grade-UI-Kits?

„Das Design eines jeden UI-Kits beginnt mit dem Stil der Suche. Ich mag helle, kontrastreiche Arbeiten sehr. Normalerweise beginne ich mit der Erstellung mehrerer Komponenten, die Sie benötigen, wie zum Beispiel Navigationsoptionen.

„Sobald sich der Gesamtstil herauskristallisiert, erstelle ich separate Seiten mit Grundelementen wie Farben, Schaltflächen usw. Im Laufe der Entwicklung kann sich der Gesamtstil leicht ändern, aber diese Seite ist die Grundlage, auf der das gesamte UI-Kit aufbaut.“

Dieses Grade UI-Kit ist eine atemberaubende Sammlung. Erzählen Sie uns vom Entstehungsprozess.

„Dies ist eines der ehrgeizigsten Projekte, an denen ich je gearbeitet habe. Ich habe versucht, das Grade UI Kit für Designer und Entwickler so vielseitig und nützlich wie möglich zu gestalten. Gleichzeitig wollte ich den Benutzern die Möglichkeit geben, aus einer Vielzahl von Designoptionen für dasselbe Bauteil zu wählen.

„Wenn Sie beispielsweise einen Produktbanner für einen Online-Shop benötigen, können Sie eine der bereitgestellten Varianten auswählen und diese schnell für Ihr eigenes Projekt anpassen. Das Erstellen von Grund auf nimmt viel Zeit in Anspruch. Das Vorhandensein so vieler universeller Komponenten bedeutet, dass Sie ein komplettes Website-Design in nur wenigen Minuten erstellen können.

„Ich habe wirklich tolle Bewertungen von Leuten erhalten, die dieses Grade UI-Kit gekauft haben, und ich freue mich, dass ich jetzt die Möglichkeit habe, es mit Affinity Designer-Benutzern zu teilen.“

Die Arbeit welcher Designer inspiriert Sie?

„Es gibt so viele talentierte Designer, dass es schwierig ist, jemanden besonders hervorzuheben. Ich denke, der einfachste Weg ist, mein Konto auf zu überprüfen Dribbeln.

„Dort können Sie sehen, wem ich folge und wessen Arbeit mich inspiriert – und sich über die Projekte, an denen ich arbeite, auf dem Laufenden halten.“ 

Affinity-Designer

Bereits 2015 mit einem Apple Design Award ausgezeichnet, stellt Version 1.5 von Affinity Designer vor tolle neue Funktionen.

Einschränkungen – die Möglichkeit, die Position oder Größe eines Objekts relativ zu seinem Container zu steuern – ermöglichen die Erstellung wiederverwendbarer Elemente, die pseudo-responsiv funktionieren.

Mit der Funktion „Symbole“ können Benutzer mehrere Instanzen desselben Objekts verwenden, wobei durch die Bearbeitung eines Objekts alle gleichzeitig bearbeitet werden.

Die Geschwindigkeit, Leistung und elegante Benutzerfreundlichkeit von Affinity Designer haben Sergey sicherlich beeindruckt.

„Ich liebe die Symbolfunktion in Affinity Designer. Es ist wirklich eine leistungsstarke Funktion, mit der Sie reaktionsfähiges Webdesign für verschiedene Plattformen erstellen und Änderungen im Handumdrehen vornehmen können“, sagt er.

„Das spart unglaublich viel Zeit, insbesondere wenn Sie an großen Projekten mit vielen Seiten oder Bildschirmen arbeiten.

„Es ist schön zu sehen, dass Affinity nicht nur mit der Zeit geht, sondern die Designbranche voranbringt. Ich freue mich auf noch mehr nützliche Funktionen für UI-Designer in zukünftigen Versionen.“

Der Erwerb des Grade UI-Kits könnte nicht einfacher sein. Besitzer von Affinity Designer sehen das Angebot auf dem Begrüßungsbildschirm der App und müssen dann nur noch den Anweisungen auf dem Bildschirm folgen.