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.
Über MockupPhotos könnt ihr Dutzende von Mockups kostenlos verwenden und anschließend in High Quality downloaden. Das Besondere dabei: Ihr braucht nicht mal Photoshop oder sonstige Tools anschmeißen – einfach Screenshot, Wireframe, Grafik, Foto etc. in’s entsprechende Mockup uploaden und ihr bekommt danach eine High Quality Grafik geliefert.
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.
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
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.
