Tutorials articles

Designing With Real Data In Sketch Using The Craft Plugin




 


 

Besides the user’s needs, what’s another vital aspect of an app? Your first thought might be its design. That’s important, correct, but before you can even think about the design, you need to get something else right: the data.

The image shows a preview of a movie app, designed with the Craft plugin in Sketch

Data should be the cornerstone of everything you create. Not only does it help you to make more informed decisions, but it also makes it easier to account for edge cases, or things you might not have thought of otherwise.

If you want to get even more out of Sketch, feel free to check out our fancy new book, “The Sketch Handbook”, with practical examples that you can follow along, step-by-step, to master even the trickiest, advanced facets and become a true master of Sketch.

The post Designing With Real Data In Sketch Using The Craft Plugin appeared first on Smashing Magazine.

How To Create A Realistic Clock In Sketch




 


 

Creating a clock in Sketch might not sound exciting at first, but we’ll discover how easy it is to recreate real-world objects in a very accurate way. You’ll learn how to apply multiple layers of borders and shadows, you’ll take a deeper look at gradients and you will see how objects can be rotated and duplicated in special ways. To help you along the way you can also download the Sketch editable file.

How To Create A Realistic Clock In Sketch

This is a rather advanced tutorial, so if you are not that savvy with Sketch yet and need some help, I would recommend to first read “Design a Responsive Music Player in Sketch” (Part One | Part Two) that cover a few key aspects in detail when working with Sketch. You can also have a look at my personal project sketchtips.info where I regularly provide tips and tricks about Sketch.

The post How To Create A Realistic Clock In Sketch appeared first on Smashing Magazine.

Designing A Responsive Music Player In Sketch (Part 1)




 


 

Sketch is known for its tricky, advanced facets, but it’s not rocket science. We’ve got you covered with The Sketch Handbook which is filled with practical examples and tutorials that will help you get the most out of this mighty tool. In today’s article, Christian Krammer gives us a little taste of all the impressive designs Sketch is capable of bringing to life. — Ed.

Music plays a big role in my life. For the most part, I listen to music when I’m commuting, but also when I’m exercising or doing some housework. It makes the time fly, and I couldn’t imagine living without it.

Designing A Responsive Music Player In Sketch (Part 1)

However, one thing that has always bothered me is that the controls of music apps can be quite small and hard to catch. This can be a major issue, especially in the car, where every distraction matters. Another issue, in particular with the recent redesign of iOS’ Music app, is that you can’t directly like tracks anymore and instead need to open a separate dialog. And I do that a lot — which means one needless tap for me.

The post Designing A Responsive Music Player In Sketch (Part 1) appeared first on Smashing Magazine.

How To Create A Dramatic Vector Illustration




 


 

I have been drawing desktop wallpapers for Smashing Magazine’s monthly collections for over a year now, and every time it’s a very fun and challenging mission. In this article, I would like to share how I approach all stages of the process and provide general techniques for creating vector illustrations in Adobe Illustrator. Hopefully, you will find these techniques useful.

How To Create A Dramatic Vector Illustration

While referring to a particular drawing — the illustration for the “Understand Yourself” desktop wallpaper, which was featured in May’s wallpaper collection this year — I’ll also highlight key takeaways from my experience as an illustrator and designer.

The post How To Create A Dramatic Vector Illustration appeared first on Smashing Magazine.

Drawing A Cartoon In Illustrator


  

Drawing a cartoon is no trivial pursuit. It turns us into a director, writer, narrator. Through a cartoon or comic, you tell a story that takes place in a certain time, a certain environment, with certain characters. This is why you will learn here not just how to draw a cartoon in Adobe Illustrator, but how to decide on character, place and situation.

Drawing A Cartoon In Illustrator

Before grabbing your pencil or software tool, ask yourself, “What will be my topic?” How many characters you will use, and who will they be? What background will they move against? What era will they live in? In what scene will you put them? Through the steps in this tutorial, I will explain to you my own choices. Let’s begin.

The post Drawing A Cartoon In Illustrator appeared first on Smashing Magazine.

A Beginner’s Guide To Creating A WordPress Website


  

Earlier this year WordPress passed the 24% mark, running almost a quarter of all website – and for good reason. It has a loyal user base and scores of dedicated developers bringing better features to the system all year round.

A Beginner's Guide To Creating A WordPress Website

This article is for those of you who are either new to WordPress, or are regular users who want to learn about the best way to run a WordPress website. We’ll be learning about domains, WordPress installation, managing content and using great plugins and themes to secure our site and make our content shine.

The post A Beginner’s Guide To Creating A WordPress Website appeared first on Smashing Magazine.

Top