Category Archive: Tutorial

  1. Sketch Template Starter — Another Freebie

    Comments Off on 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.
    Continue

  2. The Visual Web Design Process: Seven Steps

    Comments Off on 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?

    Continue

  3. Freebie: Behance Portfolio Presentation Builder

    Comments Off on Freebie: Behance Portfolio Presentation Builder

    Ever wondered how designers make their Behance portfolio items pop by seamlessly combining background and foreground images making presentations wider and more appealing? View some examples below:

    Continue