November 8, 2017Comments are off for this post.

Sketch Template Starter — Another Freebie

In a previous blog post I outlined the seven steps of my typical web design process. To further speed up that process I work from a Sketch Template Starter I put together. This freebie will help you to quickly organise your next project's typography, colours, and other UI elements (responsive layouts, buttons, forms, etc) into a flexible, easy to use design system powered by Sketch's symbols functionality, text and shared styles.

Read more

December 5, 2016Comments are off for this post.

The Visual Web Design Process: Seven Steps

My typical website design process consists of three key stages: 1) Consultancy. 2) Design. 3) Development. This particular post is a very practical one. It describes the second stage - a seven step visual design process. By this point in the process, the consultancy package has been signed off. This should ideally include agreed project and creative briefs, wireframes, prototypes, technical specifications, budgets, and timeframes. So where do you start with step two, and how do you get into the right frame of mind?

Read more

October 17, 2014Comments are off for this post.

Sketch + InVision UI Design Workflow

A while ago I discovered a dedicated UI design tool you've most definitely heard about called Sketch. It has two key advantages over Photoshop that made me switch in the blink of an eye.

Read more

© 2019 blueandyellow.design    /    🇬🇧 London    /    +44 (0) 7580 591 431    /    Contact Us    /    Terms & Conditions    /    Privacy Policy

© 2019 blueandyellow.design    /    🇬🇧 London    /    +44 (0) 7580 591 431    /    Contact Us    /    Terms & Conditions    /    Privacy Policy

© 2019 blueandyellow.design    /    🇬🇧 London    /    +44 (0) 7580 591 431    /    Contact Us    /    Terms & Conditions    /    Privacy Policy