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

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.

Material Icons Library // kostenloses Iconset mit 1000+ Icons

Material Icons Library ist sein Set von 1000+ kostenlosen Icons in 16 unterschiedlichen Kategorien in den Styles Rounded, Outlined und Two Tone. Kompatibel mit Sketch App, Figma, SVG, Invision Studio, Adobe XD & Photoshop. We have created and combined a fairly large set of icons which are taken from Material Design and separated them into different style categories. This set of icons are made for popular graphic tools and is very convenient to use when creating your project.

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.  

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.

Yo! Weekly by Rob Hope // Design News Webcast Serie

Der neue Yo! Weekly Webcast von Rob Hope bringt jede Woche in komprimierter Form Video-News rund um Design, Webdevelopment, Freebies und einer Auswahl der besten Websites als Inspiration. Alle vorgestellten Links finden sich dabei unter dem jeweiligen Video oder direkt über den Yo! mailer Newsletter. Feine Sache für alle, die im Kreativ- oder Tech-Bereich arbeiten. Teil 2 ist inzwischen auch online: Credits:  Personal Website: https://robhope.com Newsletter: https://robhope.com/yo Twitter: https://twitter.com/robhope Instagram: https://instagram.com/hitdelete Facebook: https://facebook.com/robhope One Page Love: https://onepagelove.com

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

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.

Trendy CSS Text Shadows

Praktische Website, wenn man gerade auf der Suche nach einer stylishen Headline für’s nächste Projekt ist: mixfont.com/shadows Looking for inspiration to make your headlines stand out? Look no further! This free collection of beautiful long text shadows includes the fonts, colors, and CSS code to render it for your own site.