Posts Tagged ‘Sketch’

Sketch App, created by the people from Bohemian code, is becoming for many professionals the favorite design tool for creating pixel-perfect digital interfaces. Sketch App isn’t new anymore and we can’t be surprised by its rise in popularity. Even though it was buggy when it was first launched, by now it has become an amazing tool to use for creating UI and web designs.

I’ve talked to many of my colleagues who never thought of giving up on Photoshop and most of them already use Sketch. I’m sure this situation happens also in your circles of friends.

Why would Sketch be used by so many people? Well, it’s good. Can’t ignore that. It has only the features you need, minus the photo editing features of Photoshop. Its price is another factor to consider it, being much cheaper than PS, but above all, Sketch is loved by many designers thanks to its community.

Sketch has one of the most beautiful community of designers, with many people sharing plugins, freebies and lots of tips.

In this article, you will see 47 Sketch App freebies that you can download and use in your work, for prototyping or designing purposes.

UI Kits and app templates UI Kit + Landing Page Design UI Kit + Landing Page Design

Recipe UI kit for Sketch
Recipe UI kit for Sketch
Read the rest of this entry »

Android Lollipop has become the standard method of design for smartphones powered by Google’s OS. This design follows the popular flat techniques to a T with slight drop shadows, but almost no gradients or bevels. It’s an easy technique to master but difficult to gain momentum.

These tutorials can teach even a complete novice how to design Android interfaces in Photoshop, Sketch, and Illustrator.

Tuts+ Material Intro

google material design introduction

Read the rest of this entry »

In the past, "few resources for sketching websites on paper with ease" was shared at WRD.

Here is a new one –Responsive Sketchsheets– that fulfills the need of sketching responsive website layouts by ZURB.

Responsive Sketchsheets

The download pack includes a single PDF file with multiple scenarios: "only mobile", "mobile and desktop", "tablet (with orientation)".

Also, another package is provided which includes the standard sketchsheets by the same company.

When designing websites and/or apps, sketching ideas can help thinking on ideas visually and ease discussing on them.

Interface Sketch is a pack of free browser sketch sheets for web, mobile and tablet.

They are available as PDF files, provided in 2 sizes: A4 + US letter and includes the most popular devices like iPad, iPhone 4-5, Nexus Tablet, Android Phone or Windows 8.

Interface Sketch

Every web designer can follow a different route when sketching the output. It can be an image in the mind, created with a software, drawn with hand on a paper, etc.

Whatever your choice is and even if paper sketching is not your best option, it can still be needed for anyone (while discussing with a client, sketching offline and instantly..).

Paper Browser

Paper Browser is a set of PDF files that look like a browser which can be used for sketching easily once they are printed.

There are 2 different sets:

  • Quick sketch: proportionally scaled to 1024x768px and subdivided into width sections (800, 960, 1024)
  • Browser sketch: canvas is 1024x768px minus the height of the browser toolbar and status bar with 32*32px grids.

They both come with landscape and portrait versions.