Visual web & interface design training

A foundation in design - in a day

Design is all around us - it's everywhere - and everyone can benefit from gaining an understanding of the fundamental principles that underpin it. This intensive and comprehensive day of training combines the disciplines of visual and user interface design.

This is a hands-on course, delivered by our visual interface designers who spend their days running design projects for our clients. You'll gain an understanding of the key visual design principles and best practices, enabling you to design digital interfaces. 

During the training course you'll learn:

  • An overview of visual design
    We'll outline why design matters and show you how design can elicit different first impressions
  • The role of colour
    We'll take an in-depth look at the use of colour in design and the role it occupies within brand strategy
  • How to use typography
    We'll explain about fonts, legibility hierarchy and contrast, with plenty of real-world examples and comparisons
  • How to work with imagery
    We'll look at case studies to compare and contrast the different use of images, and you'll create a mood board
  • About layout
    Structure, balance & composition are the building blocks of design, and you'll learn about different design dimensions including density vs. spaciousness
  • About icons & input controls
    See good and bad examples of various graphical elements and learn about affordance and mapping principles
  • Designing for mobile devices
    We'll explain about the challenges and best practice principles of designing for tablets and smartphones
  • About design processes
    From design research to sketching, mood boards, style tiles and elements collages, through to wireframes, mockups and templates

Listen to one of your trainers, Theo, tell you all about the course

01min 32secs

Upcoming public courses

Gain practical skills for you or your team from our user experience experts

January 2018

18 January 2018
GDPR training

February 2018

20 February 2018
GDPR training
21 February 2018
User research training
21 February 2018
Web writing training

July 2018

More courses coming soon

Sample course content

Morning

  • Introduction to visual design
  • Design building blocks - colour, typography, layout and imagery
  • The role of colour and how it affects tone, mood and brand
  • Inputs & controls - affordances, metaphors and conventions
  • Flat design and how to apply it
  • Typographic elements - fonts, styles and factors around readability
  • Imagery and setting the brand personality
  • Visual design and user experience research factors
  • Layout characteristics such as unity and variance

Afternoon

  • Practical considerations around iconography
  • Composition considerations - symmetry, balance and white space
  • Grids, their constituent elements and how to define and apply them
  • Responsive design and how to design for different screen sizes
  • Design discovery and activities to run with stakeholders to get your brief
  • Ideation and the different outputs that you can aim for
  • Options with design deliverables that you can create
  • Tools, techniques and takeaways

Bespoke training tailored to your needs

Like what you see but want to learn something slightly different? Have us train your teams with fully customised training programmes.

Get in touch

More about bespoke training

Phone

+44 (0)20 7423 6320

Address

133 Park Street
London
SE1 9ED
United Kingdom






Good amount of information / knowledge. Open and friendly presentation. Challenged at some degree with the practical tasks. Inspired with some case studies. Thank you.

Is this the right course for you?

This course is particularly suitable if you are:

  • Working as a UX professional, web manager, content editor, product manager, front-end developer or marketing manager
  • A graphic designer looking to increase your digital design knowledge
  • Looking for processes and techniques to translate user insight and business goals into visual design solutions

Meet Scott Abbott, one of your trainers

As a senior designer at Webcredible, Scott creates the visual aspects of our digital outputs for many of our high-profile clients. Originally with a BA in graphic design and illustration from De Montfort University, he has a solid design foundation with a particular focus on digital.

Scott brings a strong visual design perspective to all Webcredible projects and outputs. Design has a practical purpose and is a key component of the user experience, and he leads on driving this through all of our client deliverables.

He's a really enthusiastic trainer, gets great feedback from his participants and is always keen to communicate new ways to think about design.

Our recent thoughts on visual web and interface design...

The future of responsive typography

Who is our training for?

  • Individuals who want to learn in interactive classroom sessions

  • Teams can come to us or have a private course at their workplace

    More about private training

  • Organisations can be transformed by our bespoke 'Cultivate' service

    More about Cultivate

Check out all of our training courses...


Warning: file_get_contents(http://training.webcredible.com/api?action=getCourses&auth=8%403FX.3Vw%3FXh0c8DFeRX3%232%5Dv47582): failed to open stream: HTTP request failed! HTTP/1.1 503 Service Temporarily Unavailable in /home/webcredi/public_html/blocks/b37/controller.php on line 23

Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Design leadership training

Learn the skills to make the move from design practitioner to design leader

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Information architecture training

Learn how to structure and design around your users' needs on this one-day Information Architecture course

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Interaction design & prototyping training

Learn how to create interactive prototypes to test, iterate, and improve your designs

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Mobile UX & responsive design training

Learn how to design for mobile and develop your organisation's mobile strategy

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Prototype with Axure training

Learn the capabilities of Axure and how to create wireframes, from simple concepts through to interactive prototypes

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Visual web & interface design training

Learn the principles, processes and best practices of intuitive interface design

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Lean UX training

Learn how to design a website, test a prototype, and rationalise content very quickly, all without compromising on quality

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Usability testing training

Learn how to run usability testing sessions to improve your designs and bring them in line with your users' needs and goals

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
User research training

Learn to conduct research and gain essential insights into how to improve your business and services

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
UX training - fundamentals

Learn the fundamentals of UX and how to kick customer-centred thinking within your organisation

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Web accessibility training

Learn best practices for accessibility and ensure your site complies with WCAG and WAI-ARIA guidelines

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Web writing training

Learn how to engage and sell online with a range of great digital copywriting skills

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Copy editing training

Learn how to make your content fit for purpose and consistent, and how to manage the copy editing process

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Online content strategy training

Learn how to audit and develop your online content so you can put together a content strategy

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
GDPR training

Learn how GDPR will affect everyone in digital

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Google Analytics training

Learn the analytics techniques and reports which can extract real insights into your users and their behaviour

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Interpreting analytics data training

Learn to understand what analytics platforms are telling you by identifying patterns, trends and insights

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
SEO training

Learn how you can get your website ranking higher on search engines to bring in engaged users

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Conversion optimisation training

Learn to fully optimise your website and pages so more visitors complete your goals for them

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Google AdWords (PPC) training

Learn techniques to get your PPC campaigns driving quality traffic and high levels of ROI for your business

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Digital project management training

Learn everything you need to know to manage digital projects, both waterfall and Agile

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Fast track to digital strategy

Learn all things digital in this two-day course - digital strategy, UX methods, digital marketing, web analytics and data analysis

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Innovation & product development training

Learn how to create the right environment for innovation to flourish, always based around customers' latent needs

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Introduction to Agile training

Learn to work in an Agile project environment, so you and your project team can operate in a leaner, more structured way

Bespoke training course


Warning: Invalid argument supplied for foreach() in /home/webcredi/public_html/blocks/b37/view.php on line 50
Service design training

Learn how to create multi-channel customer-centred experiences, well beyond merely designing for the screen

Bespoke training course

About the day

Duration

Courses start at 10am and finish at 4.30-5pm.

Food

Breakfast, lunch and cakes, all from the amazing PAUL's bakery plus as much fresh coffee, tea, soft drinks and fruit as you like. Oh, and unlimited Prosecco at the end of the day.

Class size

No more than 10 participants - enough so you have other people to learn from but not too many that you're lost in the crowd.

What to bring

As well as your lovely self, you'll need a laptop and charger. Once you've booked, let us know if you don't have a laptop and we can lend you one of ours.

Why learn with us?

  • 25

    interactive courses, all designed so you return to the office and get going with your new skills

  • 10k

    Webcredible alumni that you'll join, not forgetting continued support from your trainers

  • 20+

    countries across Europe, the Americas, Middle East and Asia so be part of our international family

Webcredible helps businesses innovate, grow and succeed in a digital world.

We carry out research with your customers and then design products, services and ways of working based around their needs.

Our training academy can help you do the same.

  • Venue: Purpose built for hands-on learning

  • Refreshments: Get very well fed whilst you're here

  • Community: Meet like-minded people

  • Hands-on: Activity-based learning

How to find us

Come and meet the whole team whilst you're here and hang out in our open plan office. We're right on the door step of Borough Market and The Globe Theatre.

Already booked on this course?
Read the joining instructions

Course basket x

Course

Price per place

Add another courseCheckout

Pay now by credit card or later by invoice (invoice payments only possible if all courses are 3+ weeks in advance)