Building Beautiful UIs // Adobe XD Tutorial

Building Beautiful UIs // Adobe XD Tutorial

Building Beautiful UIs ist ein kostenloser Online-Kurs von Christopher Murphy, der einem auf Basis von Adobe XD (gibt’s kostenlos als Download) die fundamentalen Prinzipien von User Interface Design näher bringt. Passend zur Lektüre gibt’s digitale Extras wie XD Dateien und UI Patterns oben drauf. Aktuell sind die ersten drei von insgesamt neun Kapiteln online: Designing Interfaces, The Building Blocks of Interfaces und Information Architecture.

Isometric // kostenlose isometrische Illustrationen

Isometric ist ein Projekt von Sergei Tikhonov in dem er kostenlose, isometrische SVG Illustrationen anbietet. Die Auswahl ist bisher relativ überschaubar, aber da ist sicher die eine oder andere Illustration dabei, die perfekt geeignet ist für das nächste Website- oder App-Projekt.

Material Icons Library // kostenloses Iconset mit 1000+ Icons

Material Icons Library ist sein Set von 1000+ kostenlosen Icons in 16 unterschiedlichen Kategorien in den Styles Rounded, Outlined und Two Tone. Kompatibel mit Sketch App, Figma, SVG, Invision Studio, Adobe XD & Photoshop. We have created and combined a fairly large set of icons which are taken from Material Design and separated them into different style categories. This set of icons are made for popular graphic tools and is very convenient to use when creating your project.

Mixkit // kostenlose Art & Illustration Stock Bilder

Wirklich gute und frei verwendbare Stock-Fotos gibt’s inzwischen zuhauf – vorne mit dabei ist wahrscheinlich Unsplash. Wenn es um Grafiken, Kunst oder Illustrationen geht, sieht’s meist jedoch eher mau aus. Hier kommt Mixkit in’s Spiel. Neben kostenlosen Videos gibt es inzwischen auch eine Rubrik rund um Kunst und Illustrationen. Die Auswahl in den bisherigen Rubriken Relationships, Emotions, Activities, House & Home, Cities, Celebrations, Animals, Food & Drink, Nature, Experimantal, Portraits und Fantasy & Magic ist momentan noch relativ überschaubar, aber die Qualität stimmt. Und vielleicht ist ja genau das richtige Bild für’s nächste Projekt dabei.

404 Illustrations // kostenlose Grafiken für Fehlerseiten

Das Team von Kapwing bietet mit 404 Illustrations eine Reihe von kostenlosen Grafiken für Website Fehlerseiten an. Kann man sicherlich mal für ein Projekt gebrauchen und ist definitiv etwas benutzerfreundlicher als die Standard 404 Meldungen. Die komplette Sammlung gibt’s auch als Direktdownload.

National Park // kostenloser Font

National Park ist ein cooler, kostenloser Font von Design Outside Studio, der die National Park Service Schilder nachahmt. Das Ganze kommt in vier unterschiedlichen Schriftgrößen: Light, Regular, Heavy und Outline.  

RUNA // kostenloser, dekorativer Font

RUNA ist ein kostenloser, dekorativer Font von Elena Voynova. Credits:  » Elena Voynova Portfolio » Elena Voynova @Instagram » Elena Voynova @Facebook » Elena Voynova @Flickr

Error Illustration Screens // kostenloses Mobile UI Kit

Das Error Illustration Screens Kit von Teks Mobile bietet schöne und kostenlose Illustrationen für die üblichen Fehlermeldungen auf mobilen Websites und Webapps als Photoshop File.

Eva Icons // kostenloses Icon-Set

Eva Icons ist eine Sammlung von über 480 kostenlosen Icons, die optimal in Web- oder App-Projekten verwendet werden können. Das Ganze kommt in diversen Formaten wie PNG, SVG, Web Font oder Sketch und den Styles Fill oder Outline. » Akveo @Behance » Akveo @Twitter » Akveo @GitHub

Traveler’s Typeface // kostenloser Font von Arek Zajac

Cooler, kostenloser Mono-Width Font von Arek Zajac Traveler’s Typeface, a free grid based mono-width font. Licensed under CC BY-NC-ND. Behance: behance.net/gallery/69666557/Travelers-Typeface-Free-Mono-Width-Font Download: drive.google.com/open?id=1KauaxrwqV4cbaJTkudEc_JTiXgHHhZaN