Designing Pixel-Perfect UI 2-day course

Date to be confirmed
London
Beginners–Intermediate
£199

What's on

An insightful, hands-on & affordable 2-day crash course on User Interface design.

We cover User Interface design principles, wireframing in Sketch & Figma and prototyping using InVision.

    Who runs it

    The School of UX speaker Sergei Golubev

    Sergei Golubev – UX designer & entrepreneur with 15+ years of experience working with Microsoft, Heathrow and British Gas. Organiser of TheUXConf. The companies Sergei worked with

    What we'll cover

    You'll learn the base User Interface design principles, how to make your UI responsive and accessible, create an icon font and a style guide, and more. Show moreShow less

    • UI design principles & process
      to understand where User Interface design sits in a process and essential design fundamentals
    • typography and importance of content design
      knowing when to use px and em, n-dash and m-dash, how to embed fonts and to avoid faux fonts, making your content legible
    • accessibility
      to make sure you design complies with industry-standard Web Content Accessibility Guidelines (WCAG)
    • iconography
      how to create a scalable and maintainable icon font, and make your icons meaningful and sharp
    • graphics
      understanding which media format to use when (raster versus vector), and how to optimise it for the best performance
    • layout using responsive grid
      to make sure your design works across different devices, benefitting from mobile-first approach
    • styling and design systems
      creating a style guide of UI elements to have consistent design across your systems, overview of design libraries
    • designing with development in mind
      to ensure your design is technically feasible to implement, understanding technical constraints
    Show moreShow less

    What we'll cover

    At this workshop you'll create a wireframe your own portfolio website using Sketch and Figma, which you'll then preview and test on your mobile phone. Show moreShow less

    • structuring content
      emphasising the importance of starting design with content (not chrome), which is most relevant to users
    • creating layout in Figma and Sketch apps
      to visualise concepts bearing in mind different device form factors, including designing responsive UI for mobile
    • embedding fonts, icons and graphics
      to prepare all the assets for prototyping stage and handover to developers
    • prototyping interactions
      creating interactive rapid prototype (no code behind) to be used in-browser as well as real device, optimising for touch
    • testing on a real device
      sharing, testing and giving feedback on a working rapid prototype on your mobile phones
    • review of UI design tools
      overview of the most commonly used apps used by User Interface designers on the market
    Show moreShow less

    What's included

    💬 Live video & real-time interaction
    💻 Hands-on exercises
    individual & group
    📑 Handouts & slides
    for you to download
    🎙️ Q&A session
    with experienced designer
    📖 Books & tools recommendations
    ✋🏽 One-to-one mentoring
    (bookable separately)

    Our 3000+ students come from different backgrounds and countries

    Complete beginners, graphic / UX / UI designers, developers, PMs, BAs, marketers. From big companies and startups to independent freelancers – read student reviews

    Our venue is just 5 minutes from central London

    Our courses are run at Canada Water Library in London SE16 7AR. It's right outside Canada Water tube station, 5 minutes by tube from London Bridge.

    Other courses

    4–8 Oct
    Beginners–Intermediate
    The School of UX speaker Chimmy Kalu
    We'll help to upskill junior designers in UX, and introduce UX to complete beginners.
    6 Oct
    Beginners–Intermediate
    The School of UX speaker Chimmy Kalu
    Hands-on workshop designing User Interface wireframes and rapid prototyping in Figma and Sketch. 
    7 Oct
    Beginners–Advanced
    The School of UX speaker Patrick Fagan
    A fascinating workshop on how to use behavioural science to optimise and personalise user experiences.
    8 Oct
    Beginners–Intermediate
    The School of UX speaker Felice Hawley
    This practical workshop will teach you digital copywriting skills and basic content strategy techniques.
    1–5 Nov
    Beginners–Intermediate
    The School of UX speaker Sergei Golubev
    You'll learn UX & UI design fundamentals, Wireframing in Figma and Content Design.
    3 Nov
    Beginners–Intermediate
    The School of UX speaker Chimmy Kalu
    Hands-on workshop designing User Interface wireframes and rapid prototyping in Sketch & Figma apps. 
    4 Nov
    Beginners–Advanced
    The School of UX speaker Patrick Fagan
    A fascinating workshop on how to use behavioural science to optimise and personalise user experiences.
    5 Nov
    Beginners–Intermediate
    The School of UX speaker Felice Hawley
    This practical workshop will teach you digital copywriting skills and basic content strategy techniques.
    30 Nov
    Beginners–Advanced
    The School of UX speaker Henny Swan
    Learn how to use Inclusive Design Principles and integrate inclusion into your day to day process.