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.

Mockup Templates // kostenloser Service von MockupPhotos

Ü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.  

Public Design Vault // Website of the day

Vom Projekt-Briefing über Team building, Design research, Brainstorming, Prototyping, Agile/Scrum und User Testing bietet Public Design Vault über 500+ Tools für alle Webworker, die an diesen Workflows beteiligt sind. Kann man mal reinschauen… Public Design Vault is a curated directory of 500+ design tools & resources for public good. It is an all-in-one, a full-stop one-stop, a mother list of lists, a singularity for the plethora of toolkits and rescources that are available on the vast internet. I had included all the well-known usual suspects but also tried to throw in a few diamonds in the rough. Who is Public Design Vault for These resources are great for folks working at the intersection of human-centered design, innovation and public/social impact. You might be a: UX designer creating an app that serves vulnerable groups, social worker planning programs for your local community, manager of an in-house government design team, organizational change expert trying to bring citizen-centered transformation to your workplace, civil servant charged with driving public service innovation

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.

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.