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 innovationDesign Systems Handbook
Wahnsinn, was Invision hier mit Hilfe von Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter, und Roy Stanfield zusammengetragen hat. Das „Design Systems Handbook“ beschreibt und veranschaulicht im Detail wirklich alles was man zum Thema Design Systeme / Style Guides / Frontend Boilerplates wissen muss. Die Kapitel sind dabei unterteilt in folgende Themen: Introducing Design Systems, Designing your design system, Building your design system, Putting your design system into practice, Expanding your design system und The future of design systems. Neben detaillierten Beschreibungen und Beispielen, gibt es außerdem noch zahlreiche Podcasts, Videos und weiterführende Links zum Thema. A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can create your design system and help your team improve product quality while reducing design debt.Make It Now – Tutorials in 1 Minute // by Adobe Creative Cloud
„Make it now“ ist ein neuer Youtube-Channel von Adobe Creative Cloud. Hier gibt es keine Entschuldigung mehr, dass Photoshop Tutorials oft zu lang oder kompliziert sind – alle Videos dauern maximal 1 Minute. Und auch wenn man als Anfänger die Tutorials oft pausieren muss, um die Schritte nachzuvollziehen, kommt man doch relativ schnell an coole Ergebnisse. Ausprobieren!
Type Terms // animiertes Typografie Cheat Sheet
Type Terms ist ein kurzweiliges, animiertes Cheat Sheet rund um die gebräuchlichsten Typografie-Begriffe:Isometric & 3D Grids
Tolles, neues isometrisches 3D-Experiment von Codrops: Isometric and 3D Grids Vielleicht kann das ja jemand in einem zukünftigen Web-Projekt gebrauchen?Vanilla List // The Vanilla Javascript Repository
Es muss nicht immer jQuery sein. Gerade bei kleineren Projekten, die nur ein paar JavaScript „Schmankerl“ benötigen, kann man gut auf ein aufgeblähtes Framework verzichten. Das dankt einem nicht nur der PageSpeed Score, sondern letztendlich jeder einzelne Benutzer einer Website oder Landingpage. Das Vanilla List Repository führt zahlreiche, reine JavaScript-Lösungen auf, die ohne jQuery klar kommen.Combining Typefaces Pocket Guide // kostenloses eBook von Tim Brown
Spätestens seit der Einführung von Web Fonts kann Typografie ja bereits seit längerem relativ problemlos in Webdesigns verwendet werden. Die richtigen Fonts zu finden, die im besten Fall auch noch miteinander harmonieren, ist allerdings eine ganz andere Geschichte. Genau hier setzt das kostenlose eBook „A Pocket Guide to Combining Typefaces“ an. Neben vielen Typografie Basics veranschaulicht Tim Brown auf über 60 Seiten wie man Fonts sinnvoll miteinander kombiniert. Wird definitiv eine Lektüre für mein tägliches Pendeln in die Arbeit ;) Credits: fivesimplesteps.com nicewebtype.com » via NoupeGrobe Bleistiftzeichnung // Photoshop Tutorial
In dem Photoshop Tutorial „Messy Pencil Sketch Effect“ von Creo werden zuerst ein paar Pinsel erzeugt, um damit anschließend ein Portrait grob nachzuzeichnen. Der Effekt funktioniert am besten mit dem Foto eines Körpers, aber ihr könnt euch natürlich auch an anderen Vorlagen versuchen. In this tutorial, I will be showing you how to create a rough and messy sketch effect in Photoshop. I am using Photoshop CC 2014, but it will work in earlier versions as well. This effect is a little tricky to achieve, but if you follow, the steps carefully, you should be able to create some really cool projects. » via Photoshop-Weblog