Buttsss: A Case Study

Buttsss: A Case Study

Pablo Stanley ist ein Designer bei InVision, gibt Design Workshops und macht Tutorials und auch sonst ganz viele kreative Dinge. Mit „Buttsss: A Case Study“ führt er uns durch den Prozess hinter seinem Projekt „Buttsss„. The process behind this comprehensive collection of versatile, fully responsive butt animations I’m excited to share with you the design process behind Buttsss, the most daring collection of round and beautiful butt illustrations in the universe. You can use these graphics in your pitch deck, product screens, marketing campaigns, business presentations, and motivational speeches. With butt prototypes, we tested how the round shapes looked in the interface at high fidelity. We shook, squeezed, and massaged every line of code and pixel until the butts were in the right position. Aber Pablo kann auch seriös! Der Talk „The Faker You Are, the More Successful You Can Be“ gehört wohl zum Besten was ich zu der ganzen UI/UX Community gehört habe. Lässt sich aber auch auf ganz viele andere Berufe herunterbrechen. Mehr von Pablo Stanley:  CEO http://buttsss.com Twitter https://twitter.com/pablostanley Doodler http://instagram.com/pablostanley Designer @invisionapp Illustrator http://humaaans.com Maker http://opendoodles.com Teammate http://latinxswho.design

Stream // Social rhythm patterns, that race to the bottom.

https://www.leanderherzog.ch/stream/

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.

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.

Moving Letters // Animated Text with JavaScript and anime.js

Moving Letters ist ein schönes, kleines Side-Projekt von Tobias Ahlin: Animierte Text Effekte via JavaScript und anime.js, die sich vor allem für Headlines in diversen Projekten eignen. Den Sourcecode gibt’s kostenlos unter MIT Lizenz. If you’re into animation, I made a collection of open source text effects animated with JavaScript & anime.js https://t.co/wsMTHwSswx ❤️ pic.twitter.com/rTN3SFddtH — Tobias Ahlin (@tobiasahlin) October 3, 2017

Titanic // 60 animated Icons

Titanic ist eine kostenlose Sammlung von 60 animierten Icons inkl. JavaScript Library. Download gibt’s hier, zum Preview hier entlang.

Animista // CSS Animations on demand

Mit dem Browser-Tool Animista kann man mühelos CSS Animationen ausprobieren und mittels diverser Einstellungen anpassen. Sobald man mit dem Ergebnis zufrieden ist, lässt sich der benötigte Code dann einfach kopieren und für eigene Projekte verwenden. Die Erstellerin des Tools Ana Travas dazu: Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. Animista started out as a small side-project of mine. As I was increasingly using CSS animations, I thought it would come in handy to have them organised in a meaningful and accessible way so that they can be easily reused on different projects. The idea was to create a playground of a sorts where a collection of pre-made animations could be tested and tweaked before actually using them. Seeing how various options like easing, delay, duration and others affect the animation proved to be very useful. And basically that is how Animista was born. I have been using Animista for a while now and I hope some of you will find it useful as well. It is still very much a work in progress and hopefully it will evolve over the time :) Ach ja […]

glitch glitch glitch // jQuery Plugin

Kleines jQuery Plugin, um beliebige Elemente zu „glitchen“ von Hadrien Mongouachon – kann man ja vielleicht iiirgendwann mal gebrauchen ;) Demo gibt’s bei CodePen, Code bei GitHub.

The client from hell // (Web)design Kunden im alltäglichen Leben

Das habe ich alles leider schon viel zu oft selbst erlebt – in der Kreativbranche aber immer noch oft Standard. Every designer knows that one client who wants them to do a lot of work for no pay (or for „exposure“). We took our hidden cameras to London to see how other businesses would react to some of the ridiculous requests designers have to deal with. Und weil’s gut zum Thema passt: Hier nochmal der Klassiker „Webdesign Kunden Im Alltäglichen Leben“ – kann ich sicherlich bei dem ein oder anderen Kunden gebrauchen: Als Webdesign Freelancer hab ich schon ’ne Menge mit Kunden erlebt, besonders wenn es darum geht über Preise oder Extra Arbeit zu verhandeln. Das gilt auch bei Graphikern, Photographen und anderen selbständigen Berufen. Hier einmal ein super geiles Video, wie es aussehen würden, wenn sich einige Kunden so im alltäglichen Leben verhalten würden. Ich hab mal zu dem Video deutschen Untertitel hinzugefügt.

Resn // Website of the day

Keep on holding: resn.co.nz