Wireframes & Mockups
A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors. Typically mid to high fidelity, mockups reflect the design choices for color schemes, layouts, typography, iconography, the visuals of navigation, and the overall atmosphere of the product.
Narrative Wireframes: The story-telling approach to UX design
We are accustomed to perceiving design and especially wireframes as purely visual/aesthetic entity. The desired impact of design though is way bigger than just that. The design has to provoke action and help the product live up to its full potential. This signifies the meaningful aspect of interface and experience design that might lead us to the point where a meaningful aspect becomes the priority.
The Messy Art Of UX Sketching
When you need to ideate website layouts or mobile applications or to storyboard workflows and context scenarios, sketching is much more efficient. It keeps you from getting caught up in the technology, and instead focuses you on the best possible solution, freeing you to take risks that you might not otherwise take.
Wireframing for UX: What it is and how to get better at it
The different types of wireframes you can create, and some practical advice about how to improve your wireframes.
Wireframing with Sketch
Let's take a look at how to use Sketch to build wireframes, using a custom tweaked basic template.
Learn how to best use plugins to improve our Sketch workflow and unlock new functionalities.
Quickly Design a Website with Sketch
An episode targeted at beginners, where we quickly design a website page in Sketch.
From mastering long shadows, to creating SVG animations to cool tricks like creating colour palettes and exporting assets to Xcode.
Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.
Magic Mirror is a Sketch extension (or called plugin) that adds Perspective Transformation to Sketch, so users can create perspective mockups and other distorted effect to their UI design.
Runner helps you to get around Sketch quicker by giving you an intuitive interface to supercharge your daily workflow. Stop searching through your menu & start running commands directly from your keyboard.
Auto-Layout is a plugin for Sketch that enables designers to design fully responsive artboards.
Resource Cards - Selected free resources for designers
Resource Cards is a growing list of free resources aimed to help creatives with their next project.
Sketch App Sources
The largest collection of free and premium Sketch resources for mobile, web, UI, and UX designers working with Sketch by Bohemian Coding. All .sketch files and .svg files are editable and easy to use.
Flowchart kit for Sketch
Fully customizable and scalable vector elements with 3 pre-defined color themes for creating fast sitemaps and wireframes.