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.

Deck // kostenloses Card-Style UI-Kit

Deck ist ein kostenloses Card-Style UI-Kit von InVision für Photoshop und Sketch. This free UI kit is perfect for designers who want to give their website a responsive card design. It can also serve as the basis for building a media-centered experience from the ground up, with a focus on amplifying user engagement. Deck includes a wide variety of layouts for page categories—from the homepage to the category page, photo gallery, video gallery, article pages, and contact page. All major color shapes come as symbols, so you can easily change the dominant color of the theme to fit your brand style in just a few clicks.

H1 // kostenloses Mobile UI Kit für Sketch & Photoshop

H1 ist ein kostenloses, farbenfrohes Mobile UI Kit für Sketch & Photoshop von Hristo Hristov. Hier geht’s direkt zum Pay what you want Download: gumroad.com/l/lyEF A beautiful Mobile UI Kit. 10 Categories. 130 Templates. 470+ UI Elements. For Sketch & Photoshop.

Mashup Template // kostenlose HTML5 Website Templates

Mit Mashup Template bietet das Orson.io Team zur Zeit 7 komplett kostenlose und anpassbare HTML5 / CSS3 Website Templates an. Neben HTML gibt’s obendrauf bei Bedarf noch eine Sketch oder npm Version. Die minimalistischen und responsiven Vorlagen sollten ideal sein, um vor allem Landing Pages, Microsites oder Portfolios aufzubauen. Mashup template is a collection of 100% free and customizable HTML5/CSS3 templates based on ready-to-use blocks and a light version of the Bootstrap Framework 3.3.7. Mashup Template also provides a full automated development workflow based on Webpack and Handlebars. with live reload to customise your CSS with the SCSS framework. Mashup Template is a side project made by our team at Orson.io, creators of a website builder specialised in SEO.

430 Handbewegungen // kostenloses Iconset für mobile Apps & Websites

Designer Kanin Abhiromsawat a.k.a. eucalyp stellt mit diesem Iconset über 430 Icons im AI, EPS, PNG, SVG und JPG Format kostenlos für private und kommerzielle Projekte zur Verfügung. Hier sollte wirklich alles dabei sein, was man für eine mobile App, Website oder Präsentation so benötigt. Den direkten Download gibt’s kostenlos bzw. für einen freiwilligen, fairen Preis hier: gumroad.com/l/jNbtO Inhalt: Editable Line Weight with illustrator 431 Ai Files for all Icons ( Editable Stroke Weight ** ) 431 EPS10 Files for all Icons 430 JPG Files for icon 5000 x 5000 px 430 SVG Files 3870 PNG Files (16×16 , 24×24 , 32×32 , 48×48 , 64×64 , 96×96 , 128×128 , 256×256 , 512×512)

UI Tiles // kostenloses Wireframes & Flowcharts Kit

UI Tiles von PixelBuddha ist ein kostenloses Mockup-Set, um schnell und einfach Wireframes zu erstellen. Die 72 Screens decken so ziemlich alles ab, was man in der Web- und Appentwicklung benötigt, und sind in Formaten für Photoshop, Illustrator und Sketch vorhanden. Darüber hinaus lassen sich die einzelnen Content-Elemente natürlich auch beliebig zu neuen Seiten kombinieren. Hier geht’s zum Download: pixelbuddha.net/ui-tiles

BLOKK Font // für Mock-ups & Wireframes

Den Lorem Ipsum Blindtext, der als Platzhalter in Layouts verwendet wird, sollte inzwischen wohl jeder schon einmal gesehen haben, auch wenn man nicht „irgendwas mit Medien“ macht. Neben zahlreichen Varianten wie Samuel L. Ipsum, Bavaria Ipsum oder Hipster Ipsum ist aber gerade bei Mock-ups oder Wireframes häufig etwas abstrakteres noch sinnvoller. Hier kommt der kostenlose Open Source BLOKK Font in´s Spiel: BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin.