Newsletters > Issue #2: ๐Ÿ’Ž 4 Sketch Gems & Design for the Feedback You Want










๐Ÿ’Ž 4 Sketch Gems & Design for the Feedback You Want








Prototypr.io

Design, Prototyping and Inspiration

Welcome Issue 2 of the Prototypr newsletter ๐Ÿ™‹๐Ÿฝ

Last week, Sketch tips and design tools were really popular amongst you all, so we’re back with 4 more Sketch finds this week!

We’ve got 3 sections for you, where you’ll find:

  • 3 Top Reads
  • 4 Sketch Gems
  • 3 Practical Tips

โ˜•๏ธ 3 Top Reads

Here are 3 awesome reads, from learning CSS to getting better feedback:

1. How I started drawing CSS Images

Sasha Tran shows us how she motivated herself to learn CSS and explore a bit of JavaScript by creating beautiful cartoons in CodePen, with inspiration from Dribbble.


Read Now

2. What is Atomic Design?

Christopher Nguyen, Product Design Lead @ TINYpulse, gives us a thorough overview of Atomic Design.


Read Now

3. Designing for Feedback

Denise Spiessens helps us rethink the way we present our work so that we can get better design critique.


Read Now

๐Ÿ’Ž 4 Sketch Gems

Here are 4 new ways to use Sketch and improve your design workflow:

1. Preparing and Exporting SVG Icons in Sketch

Anthony Collurafici shows us how to use Sketch for preparing and exporting icons to be used on the Web, iOS and Android.


Read Now

2. Sketch Version-Control Collaboration Workflow

Brand.ai launch beta Artboards offering better ways to organize and share designs, and the conversations around them.


Read Now

Stewart Curry, web designer & developer at Cisco is a master with Sketch. Over the last month, he’s made a small library of Sketch tricks, here’s a couple:

3. Fantastic Flow Arrows for Sketch

Learn how make scalable, dynamic UX flow charts with Sketch’s symbols and ’rounded corner’ feature.


Read Now

4. Building a Flexible Sketch Stack for Diverse Audiences

Learn to create a Sketch file that you can use for presenting work in a flexible manner to different people, with different expectations.


Read Now

โญ๏ธ 3 Practical Tips

3 bits of advice and guides for anyone learning about UX design:

1. How to Write a Case Study That Wins You Clients

Screenshots are so last year – learn how to create great case studies with Lauren Holliday. She shares 5 key elements of the best design case studies, inspiring us with a few examples.


Read Now

2. Design for Non-Designers

Tracy Osborn shows non-designers that ‘how it works is more important than how it looks‘ in Part 2 of her series for non-designers.


Get Inspired

3. Introduction to UX Design

Ben Ralph defines User Experience design, and provides a full guide which will be useful to any beginners in the field.


Get Inspired

๐Ÿ™ Thanks for reading – we hope you enjoyed our 2nd edition. Get in touch if you’d like us to cover different topics in the future.

To round things off, here are 3 prototype interactions we really liked this week:

  1. A Drag and Drop interface made with Principle
  2. Lonely Planet, made with Framer
  3. Credit card animation made with Principle

Bonus โค๏ธ 3 Awesome Prototypes

Simple Drag & Drop Photo Uploader

Having fun exploring some interactions for a drag & drop photo uploader thing. Check out the larger version for details. Feedback welcome! A thank you to Jonny Belton for his article on creating a spinning loader in Principle. Super helpful. ๐Ÿ’˜ Made with lots of Valentine’s love from Underbelly ๐Ÿ’˜

Lonely Planet HP – Destination Selector

Posting now one of the components I helped design and did some interaction for while collaborating with my friends at Lonely Planet. This one is pretty straightforward, simply select your travel style, type of activities and terrain you prefer and you’ll get some suggestions. If you don’t want to select anything, clicking refresh will give you a random set of choices. Hover states get over any potential accessibility / legibility concern by using the dominant color of the picture …

Beautiful Implementations of Material Design in Mobile Apps

When Material Design debuted back in June 2014, the face of the design industry changed considerably as designers fell in love with the language developed by Google. The system, which focuses on grid-based layouts, transition effects, and depth, soon made its way into Android apps and brought the system up to the design standard of iOS. In the past two and a half years, the way in which the Material guidelines have been implemented has developed continuously as designers seek to push the …

๐Ÿ‘‹ Don’t forget to say hi

For more regular updates, follow us on Twitter and Facebook. Share with your friends, by hitting forward.

Prototypr

Coming to you with <3 from Spain this week.


SHARE


TWEET


FORWARD


MailerLite