UI/UX Design (ONLINE)

Lecturer
fitimanager
0 Reviews

Course Description

Training Fee – ₦150,000

WEEK ONE

  • Definition of User interface and user experience
  • Key principles of UX design
  • Visual aids for design inspiration

DESIGN OUTLINE OF UX UI

  • User research: The essential guide to designing
  • UX UI case study: The complete design process
  • Visual aids for design inspiration
  • Designing Wireframes
  • Creating wireframes for project based on the flowchart
  • Visual aid for wireframes
  • Choosing color palette, typography, icons, images, etc.

COLOR THEORY

  • Importance of color theory
  • Warm and cool colors, Primary and secondary colors, RGB, CMYK, Hue, shade, tint, tone, Complementary colors, Triadic colors, Analogous colors, Color meanings, Visual aid for better understanding of color theory.

WEEK TWO

INTRODUCTION TO ADOBE XD

  • An overview of the main features
  • Creating shapes and lines
  • Using pen feature
  • Texts
  • Align
  • Repeating grids

INTRODUCTION TO PROTOTYPES AND ANIMATIONS

  • Prototype section
  • Sharing Adobe XD files
  • Animating screens
  • Using plugins
  • Downloading fonts

DIFFERENT ANIMATIONS

  • Animating scrolling effect
  • Animating scroll bar
  • Animating transition effects
  • Hover button effects animation

WEEK THREE

NAVIGATIONS

  • Navbar icons
  • Navigating through icons
  • Prototyping icons

PRACTICING ADOBE XD

  • Further understanding of Adobe XD features: In class designing

ASSIGNMENT: CREATING A BRIEF PROJECT

  • Testing out features and creating artboards with attractive designs

WEEK FOUR

INTRODUCTION TO FIGMA

  • Moving files from Adobe XD to Figma
  • Overview of main features

ANIMATION AND PLUGINS

  • Sharing Figma files
  • Animating screens
  • Using plugins
  • Downloading fonts
  • Animating scrolling effect
  • Animating transition effects
  • Previewing phone mockup

CSS FEATURES OF FIGMA

  • How to export images and code from Adobe XD/Figma for developers

ASSIGNMENT: PRACTICING FIGMA

Testing out features

 

WEEK FIVE

CHOOSING TOPIC FOR PROJECT

  • Preparing 2 to 3 problems to solve using UX UI
  • Introducing problem and providing a brief solution for each

UX DESIGN PROCESS

  • Definition of primary (Interviews, surveys) research, and secondary research
  • Introduction to Miro for researching and brainstorming
  • Listing the information on Miro
  • Working with Miro to organize collected data and create solutions
  • Creating flowchart
  • Visual aid for flowcharts
  • Introduction to Google Forms

DEFINING

  • User persona
  • User journey
  • Storyboard

WEEK SIX

PROJECT PROGRESS: TESTING

  • Adding more animations for screens
  • Updating project based on user feedback

MOCKUPS FOR ADOBE XD SCREENS

  • Exporting screens on Adobe XD/ Figma
  • Downloading mockups
  • Using the right mockups to showcase work
  • Quick mockup tutorial on Photoshop

WEEK SEVEN

 PORTFOLIO TIPS FOR UX UI

  • Examples of good portfolios: First impression, context, consistency, etc.
  • Design portfolio review
  • Adding value and context to the project
  • Visual aid on good portfolio pieces

 

WEEK EIGHT

PLANNING A CASE STUDY

  • UI/UX case study
  • How to develop a job ready case study
  • How to use case studies for job ready applications
  • Other UI/UX design software
  • Revision
  • Project
  • Examination