Kostenlose UI-Kits für Adobe XD – erstellt von UX Design Experten
Eine intuitive Oberfläche ist das A und O bei der Entwicklung überzeugender User Experiences und kein UX-Designer sollte die Wirkung einer durchdachten, übersichtlichen User Interface unterschätzen. Beim UI-Design hast du viele Möglichkeiten, deine Kreativität und Empathie für Endanwender unter Beweis zu stellen.
Wir haben fünf talentierte Designer damit beauftragt, mithilfe von Adobe XD, unserem All-in-One-Tool für Prototyping und Design, ein UI-Kit zu erstellen, das anderen Designern den Einstieg erleichtert. Das Ergebnis kann sich sehen lassen, und wir freuen uns, dass wir fünf UI-Kits kostenlos zur Verfügung stellen können.
Über die nachfolgenden Links kannst du die einzelnen Kits herunterladen. Außerdem erfährst du etwas über die Designer und die Ideen, die sie mit ihren UI-Kits umgesetzt haben. In unserer vollständigen Liste von Tools und Ressourcen findest du alles, was du brauchst, um mit den UI-Kits in Adobe XD loszulegen.
UI-Kit “Smartwatch”
https://blog.adobe.com/media_042d7cdbaa259bd85599275d32ff88df201b593f.gif
Designer: Marcelo Silva
Die neueste Generation der Smartwatches kann mit dem Smartphone in puncto Leistungsfähigkeit und Funktionalität schon gut mithalten. Mithilfe von Adobe XD hat Designer ein umfassendes UI-Kit für Smartwatches erstellt. Das Kit enthält mehr als 20 Komponenten und über 30 Icons für sechs verschiedene User-Flows. Alle Elemente lassen sich in Adobe XD vollständig anpassen. Damit hast du alles, was du für das Design von User Experiences für Smartwatches brauchst.
Smartwatch UI-Kit herunterladen
Hinter dem Smartwatch UI Kit steckt der Designer Marcelo Silva, „Digital Creator“ und „Schweizer Taschenmesser für Design“, wie er sich selbst nennt. Er übernimmt Aufträge aus den Bereichen Produkt- und Webdesign, Fotografie und Video. Er liebt es, mit anderen zusammenzuarbeiten und sich in ihre Denkweise hineinzuversetzen, während er ihnen hilft, ihre Ziele zu erreichen und Ideen digital umzusetzen.
UI-Kit “Sky”
https://blog.adobe.com/media_7b06cfc41c45e1cc7778610e69c0ae1631645463.gif
Designer: Sarah Parmenter
Gerade für Reisende sind Apps äußerst nützlich. Designerin Sarah Parmenter hat das UI-Kit „Sky“ für Adobe XD erstellt, das eine Vielzahl von Komponenten für die Erstellung einer Reise-App oder -Website umfasst. Von Seiten mit Listen für Aktivitäten, Flüge und Hotels sowie Buttons und Icons für Content- und Social-Sharing oder Vernetzung deckt das Kit sämtliche Aspekte ab, die für Endanwender auf Reisen relevant sind.
Sarah Parmenter leitet eine international renommierte Agentur für Web- und iOS-Design mit namhaften Kunden, von Blackberry und News International bis hin zur National Breast Cancer Foundation of America. 2011 wurde sie bei der jährlichen Preisverleihung des .net Magazine mit dem Titel „Designerin des Jahres“ gekürt.
UI-Kit “Navigo”
https://blog.adobe.com/media_3b7ffec6e26646123ddb987dd44c1f899264638f.gif
Designer: Aurélien Salomon
Apps für Fahrgemeinschaften („Ridesharing“) haben die Art und Weise unserer Fortbewegung revolutioniert. Designer Aurélien Salomon hat das UI-Kit „Navigo“ entwickelt, um das Designen von User Experiences für Transport-Apps zu erleichtern. Das Kit enthält mehr als 60 anpassbare Screens für sechs verschiedene User-Flows. Hinzu kommen zahlreiche Symbole und sonstige Elemente für Navigation, Profil, Social-Sharing, Karten- und Hilfefunktionen und andere Experiences für Apps oder Websites aus dem Bereich Transport.
Das UI-Kit „Navigo“ wurde von Aurélien Salomon entwickelt. Salomon hegt eine große Leidenschaft für Design und arbeitet derzeit als Senior Designer für UI/UX/Animation/AR mit führenden Unternehmen wie Apple, Google und Adobe zusammen. Darüber hinaus verfügt er auch über Know-how in der Entwicklung.
UI-Kit “Dashboard”
https://blog.adobe.com/media_61574eac3e68b37ccb8981f096858097aa421740.gif
Designer: Pek Pongpaet
Dashboards sind ein wichtiger Bestandteil zahlreicher User Experiences. Sie stellen Designer jedoch oft vor komplexe Herausforderungen, weil sie so konzipiert werden müssen, dass sie zahlreiche Informationen in einem kompakten, verständlichen Format vermitteln. Mit seinem Dashboard UI Kit ermöglicht es Designer Pek Pongpaet den Prozess zu beschleunigen. Das Kit umfasst 100 anpassbare Komponenten für 10 Screens. Dazu gehören auch ein Dutzend Diagramme, die in vielen Fällen das Grundgerüst eines Dashboards bilden. Pongpaets Ziel ist es, das Designen für Dashboards beziehungsweise die Visualisierung von Daten zu vereinfachen.
Dashboard UI Kit herunterladen
Das Dashboard UI Kit stammt von Pek Pongpaet, CEO von Impekable, einem Studio für UI-Design und Mobile Development in San José, USA. Zusammen mit seinem Team erstellt er SaaS-basierte Anwendungen und Apps für renommierte Kunden wie Google, HP, Motorola und viele mehr.
UI-Kit “Wires”
https://blog.adobe.com/media_b14cb5d19eefb72656a8fbacc62e82e7f448ddc6.gif
Designer: UI8
Die beiden kostenlosen Wireframe-UI-Kits für Apps und Websites wurden speziell für Adobe XD konzipiert. Mit einem umfassenden Set an gebrauchsfertigen Komponenten, Vorlagen und vielen weiteren Aspekten, machen sie den Weg von der Idee zum Design kürzer.
Hinter dem UI-Kit „Wires“ steckt UI8 Design – ein kleines Team mit einer großen Leidenschaft für die Perfektion von Pixeln und Produktivität.
Wir sind jetzt auf Instagram! Folgt @adobecreativecloud_de und zeigt uns unter dem Hashtag #AdobeCreativeCrowd, was ihr draufhabt!