Quantcast
Channel: Prototypes & Mockups — SitePoint
Browsing latest articles
Browse All 15 View Live

How Writing Our Book Taught Us About Killer Prototyping

Two years ago at UX Bristol, we (fffunction, a design agency in the South West of the UK) ran a workshop on creating interactive prototypes. It was a bit of a turning point for us in terms of our...

View Article


Image may be NSFW.
Clik here to view.

How to Turn Your Sketch Files into Working Prototypes with Origami

In previous articles, we covered the Origami prototyping tool when it was still built on top of Quartz Composer. While the prototypes that Origami generated were always excellent, many people were a...

View Article

Image may be NSFW.
Clik here to view.

How to Handoff Designs with Sketch and InVision

Design handoff is about transitioning a web or app design from the hands of the designer to the hands of the developer who will then code it. That hasn’t always been easy. Developers don’t typically...

View Article

Image may be NSFW.
Clik here to view.

6 Tools to Stop Your Devs and Designers Strangling Each Other

If you've been working in product development, web development, web design or most other areas where designers and developer work together, you've probably seen or heard at least one of the following...

View Article

Image may be NSFW.
Clik here to view.

Finch.io: A Visual Tool for Finding and Fixing Design Bugs

When you’re beginning a brand-new design project, you probably start at the same place every time. On blank paper and pencil… Or maybe a wireframing/mock-up tool Sketches turn into wireframes....

View Article


Image may be NSFW.
Clik here to view.

Why Prototyping with Adobe XD is the Most-Complete Design Solution

Even though Adobe XD is still relatively new, the reception has been terrific. So I thought we’d do a quick-but-fun tutorial that illustrates how designing and prototyping with Adobe XD is wonderfully...

View Article

Image may be NSFW.
Clik here to view.

5 Fast Tools For Generating Polished Product Mockups

When you hear the word ‘mockup’, it usually refers to a lo-fi website/app layouts. Today I want to talk about another type of mockup, product mockups. These are the mockups you might make to ‘show the...

View Article

Image may be NSFW.
Clik here to view.

How to Publish Responsive Websites with Sketch and Launchpad

Anima have built two super-useful Sketch Plugins. Auto Layout helps designers create responsive layouts in Sketch, and Launchpad exports the responsive design as a near-finished HTML/CSS website with...

View Article


Image may be NSFW.
Clik here to view.

How to Use Adobe XD’s Smart Guides

The following is a short extract from our book, Jump Start Adobe XD, written by Daniel Schwarz, a highly practical tutorial on this fantastic prototyping tool. SitePoint Premium members get access with...

View Article


Image may be NSFW.
Clik here to view.

How to Prototype Interactions with Adobe XD

The following is a short extract from our book, Jump Start Adobe XD, written by Daniel Schwarz, a highly practical tutorial on this fantastic prototyping tool. SitePoint Premium members get access with...

View Article

Image may be NSFW.
Clik here to view.

How to Make Paper Prototypes

The following is a short extract from our book, Designing UX: Prototyping, written by Dan Goodwin and Ben Coleman. It's the ultimate guide to prototyping. SitePoint Premium members get access with...

View Article

Image may be NSFW.
Clik here to view.

ProtoPie, the Hi-Fi Prototyping Tool That Will Improve Your Workflow

This article was originally published on ProtoPie. Thank you for supporting the partners who make SitePoint possible. As a designer, bridging the gap with stakeholders is utterly important. Properly...

View Article

Image may be NSFW.
Clik here to view.

How to Take Your Idea from Concept to Creation with Moqups

This article was created in partnership with Moqups. Thank you for supporting the partners who make SitePoint possible. So, you have a great idea. You've already told your family, friends, and...

View Article


Image may be NSFW.
Clik here to view.

Reliable UX & UI Tools for Your Projects in 2018

Content is an integral part of a site's overall UX. Its constituent components are arranged to help visitors go where they want to go and take the actions they want to take. They are chosen to entice...

View Article

15 Top Prototyping Tools Go Head-to-Head

Want to learn UX from the ground up? Get an entire collection of UX books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day...

View Article

Browsing latest articles
Browse All 15 View Live