macoreo.blogg.se - Sketchup layers

Tip: Make sure an exported Artboard is identifiable by its name. checkout-04-incorrect-payment-information-small.jpg.checkout-03-correct-payment-information-small.jpg.checkout-02-delivery-address-search-small.jpg.Using this pattern, your team members are more likely to be able to identify the content of an exported Artboard without having to open it. When it comes to naming the Artboards, I recommend using the naming pattern name-number-modifier-size.jpg.

The Artboards for the selected Page are placed on the main canvas.

Confirmation page (for confirming the purchase).

Checkout page (for entering address and payment information).

Product page (for a specific stuffed animal).

Category page (for different categories of stuffed animals).

Symbols (automatically created by Sketch).

Workspace (a “workbench” for creating whatever you need).

If I was making wireframes for a website where you buy stuffed animals, I’d create the following Pages: Instead, create a Page for each set of related screens of the app or website your making wireframes for. There’s no reason to put all of your screens on the same Page. In Sketch, a Page offers a new blank canvas. Create a Page for each set of related screens

Hence, you should make use of Pages and Artboards. Organize your screens with Pages and ArtboardsĪs your wireframes grow, keeping all screens organized is essential for staying efficient. Here are my best pieces of advice when making wireframes in Sketch. If you’re making wireframes, creating a style guide or drawing illustrations Sketch is the perfect tool! It’s popular, not overburdened with features and costs much less than editors like Photoshop. Today, almost everyone of them uses Sketch exclusively. When I started working as an IT consultant in 2011, my designer colleagues all used different vector graphics editors. I use it several times a week at work and I love it! Here are my tips for making great wireframes in Sketch. In recent years, Sketch has risen to one of the top vector graphics editors among designers. (This post was originally published at )