t3n News Design

15 atemberaubende UI-Kits als Photoshop-Vorlagen

15 atemberaubende UI-Kits als Photoshop-Vorlagen

Es gibt im Netz unzählige traumhaft schön gestaltete UI-Kits, also Design-Elemente in Form von PSD-Dateien. 15 davon stellen wir euch in diesem Artikel vor.

15 atemberaubende UI-Kits als Photoshop-Vorlagen

Coloro UI Kit - 17 Widget Elemente als Vektorgrafiken (Grafiken: graphicburger.com)

Ob mobile Website, Desktop-Pendant oder Responsive , App oder Software – unter den folgenden User-Interface-Kits finden sich Komponenten für alle erdenklichen Anwendungszwecke. Vorherrschend ist unter den gezeigten UI-Kits sicher das geliebte wie gehasste, aber nach wie vor aktuelle Flat Design. Daneben sind unter den Designs sowohl knallig-farbenfrohe Varianten, als auch unscheinbar gedeckte, solche, die sich vornehmlich Pastelltönen bedienen und andere, die hauptsächlich dunkle Farbtöne anschlagen. Alle vorgestellten Projekte stehen kostenlos zum Download bereit und lassen sich sowohl in privatem Kontext als auch kommerziell wiederverwenden.

Die Links zu den PSD-Dateien sind entweder in den Bildunterschriften untergebracht oder befinden sich in den Beschreibungen in der Bildergalerie. Die hier auf der Artikelseite dargestellten Sammlungen von User-Interface-Elementen zeigen teilweise nur Ausschnitte, die vollständigen Varianten mit allen Elementen befinden sich der Übersichtlichkeit halber in der Bildergalerie.

UI-Kit für Blogs oder Magazine im Flat Design

test
UI-Kits für alle Lebenslagen: Das „Blog-/Magazine-Flat-UI-Kit“. (Screenshot: graphicburger.com)

Das „Blog/Magazine Flat UI Kit“ bietet ein farbintensives, schnörkelloses Flat Design mit zahlreichen nützlichen Elementen. Alle dargestellten Komponenten lassen sich nach eigenen Wünschen anpassen. Die Bilder dienen nur der Veranschaulichung und sind nicht Teil des UI-Kits.

UI-Elemente in hellen Pastelltönen

test
„Flat UI Elements“. (Screenshot: graphicburger.com)

Als Design für Anwendungen, aber auch für Websites eignet sich die von Marie Dehayes erschaffene Sammlung von UI-Elementen. Die einzelnen Komponenten liegen in Form von vollständig skalierbaren Vektorgrafiken vor.

Flat-Design-UI-Kit „Rounded Square“

test
„Flat Rounded Square UI Kit“. (Screenshot: webappers.com)

Eine extrem umfangreiche Sammlung von Webelementen liefert das „Flat Rounded Square UI Kit“. Für die Gestaltung von Apps, Websites oder auch Software bleiben mit dieser Zusammenstellung kaum Wünsche offen.

Mobiles „Hipstacowboys“-UI-Kit

test
UI-Kit „Dribbble App Concept PSD“. (Screenshot, bearbeitet: graphicburger.com)

Das UI-Kit „Dribble App Concept PSD“ ist, wie es der Name vermuten lässt, prädestiniert für den Einsatz auf mobilen Endgeräten. Das Design mutet frisch und modern an und wirkt passend zum Namen des Labels von Designer Marek Dvorak „Hipstacowboys“.

Düsteres „Hero“-UI-Kit im Flat Design

test
„Hero Free UI Kit PSD“. (Grafik: dribbble.com)

Im UI-Kit von Vladislav Kamelsky dominieren kraftvolle Farben im minimalistischen, mit Rundungen bedachten, Flat Design. Insgesamt wirkt das UI-Kit eher düster, lässt sich aber dennoch durch die simple, weil auf Funktionalität getrimmte Machart auch in seriösem Kontext einsetzen.

Weitere UI-Kits

Einige weitere gestalterische Perlen im Flat Design haben wir euch schon in den Artikeln „Flat Design: 15 User-Interface-Kits zum Download“ und „Flat Design: 20 sehenswerte User-Interfaces“ vorgestellt.

Vielleicht auch interessant: Die besten Alternativen zu  Photoshop für Windows, Mac und Linux

via www.freepik.com

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von alaskaboy am 23.02.2015 (08:26 Uhr)

    Hallo Zusammen!
    Eine feine Auswahl die hier zu sehen ist - schön!
    Falls jemand der geschätzten Leserschaft einen Vintag/Retro UI-Baukasten sucht - einfach dem Link folgen: https://www.behance.net/gallery/17017259/SWUK-Free-psd-kit

    Wünsche Euch einen schönen Start in die Woche!

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Design
Photoshop: 6 Tipps, mit denen du deine PSD-Datei verkleinerst
Photoshop: 6 Tipps, mit denen du deine PSD-Datei verkleinerst

Photshop hängt sich auf und du hast ewige Ladezeiten? Mit diesen sechs Tipps läuft Photoshop wieder geschmeidig. » weiterlesen

Als Grafik-Design noch Handarbeit war: So haben Kreative vor Photoshop gearbeitet [Video]
Als Grafik-Design noch Handarbeit war: So haben Kreative vor Photoshop gearbeitet [Video]

Ihr wollt wissen, wie Grafik-Design aussah, bevor es Photoshop gab? Dann solltet ihr euch dieses Video angucken. » weiterlesen

Fotografen aufgepasst: Google verschenkt Profi-Plugins für Photoshop, Lightroom & Co.
Fotografen aufgepasst: Google verschenkt Profi-Plugins für Photoshop, Lightroom & Co.

Google verschenkt mit der Nik Collection jetzt sieben professionelle Plugins für Photoshop, Lightroom und Aperture, die früher 500 US-Dollar gekostet haben. Das Paket besteht aus den Plugins Analog … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?