Newsletters > Issue #19: 10 Basic Principles of Visual Design and Responsive Design in Sketch πŸ’Ž

10 Basic Principles of Visual Design and Responsive Design in Sketch πŸ’Ž

Design, Prototyping and Inspiration

Welcome to Issue #19, here’s the 3 sections for this week:

  1. 3 top reads from the publication
  2. 5 on tools πŸ› 
  3. Our favourite prototypes from the week

Hope you’re week has been great! Enjoy the reading list πŸ™‚

πŸ’₯ Top 3 Reads

These were the top 3 recommended pieces in our publication this week:

1. 10 Basic Principles of Visual Design

JosΓ© Torre shares some basic visual design principles which he considers essential to perform his job well.

Read now

2. Functionality vs Emotions in Mobile Interface Animation

Cuberto talk about the practical applications of animation, in terms of the effort and expediency using them entails.

Read now

3. You don’t need a designer. What you need is a design culture.

Yazin Akkawi tells us how companies are finally embracing the power of design in this article on design culture.

Read now

πŸ›  5 on Tools

Here’s some great updates from the world of prototyping:

1. Looper for Sketch

Looper is a Sketch plugin by Sures Kumar allowing you to duplicate, rotate and scale the smart way.

Check it out!

2. The Most Efficient Way to Use Icons If You’re A Designer or Developer.

Jon Moore tells us of the fast ways to design with icons, and the fast ways to develop with them, and how we can make things optimal for both parties

Learn now

3. Kickstart your next design project with Framer Patterns

Need native-level animations and transitions? Don’t start from scratch. Simply download any of our ready-made interaction patterns to kickstart your next project.

See what’s new!

4. Responsive Design in Sketch

Emin Inanc Unlu talks about the group resizing feature in Sketch, providing some tips on how to get the best use of it.

Learn now

5. Arduino Prototyping with ProtoPie

Tony Kim explores interaction prototyping across the boundary between software and hardware with ProtoPie!

Find out more

πŸ”₯ Top 6 Prototypes

For inspiration, check out these 6 prototypes curated from Dribbble:

Toast! Toast Notification by Adam Tolman for Underbelly on Jun 15, 2017

I thought it would be fun to use actual toast in a toast notification, because… who doesn’t love toast? And UX design humor? Made with the breakfast-loving gang at Underbelly.

Zajno Rebranding: Animated Website Illustration Exploration by Igor Pavlinski for Zajno Crew on Jun …

Yo! Zajno is on the move. We are refreshing our website. This is a concept animation that shows Zajno design process starting from a modular grid, transitioning to design, after which coding is do…

Book Swap App Interactions by tubik in Mobile Design on Jun 13, 2017

Hi guys! Swapping books is a great idea uniting bookworms in different cities and even countries. We have already shared here a couple of UI concepts for the apps of this kind – today let's check …

Oppla, your new solution ! by MΓ©ghane Lemonnier on Jun 13, 2017

Oppla is your new solution allowing to benefit from an e-commerce mobile application. My work consisted in presenting this solution in a landing page. It will soon be online… 😌

Interfacial dynamic effect by Point Vision on Jun 14, 2017

The file has been uploaded. I hope you like it. @Anton Skvortsov thanks

Rate your Experience by Saptarshi Prakash for Zeta on Jun 13, 2017

Here is an exploration of the vendor rating system for remote food-ordering solution in Zeta Express. Just a fun little thing which is absolutely implementable πŸ™‚ Shoutout to the Zeta Design Team 🙌

πŸ‘‹ Thanks for reading

For more regular updates, follow us on Twitter and Facebook. Share with your friends, by hitting forwards. And respond to this email if you want to get in touch.



Coming to you with <3 from Gibraltar.