UI/UX Basic Fundamentals

Prof. Devonne Wallbridge

UI/UX
About this course

Learn web design in 1 hour with 25+ simple-to-use rules and guidelines — tons of amazing web design resources included!


By the numbers
  • Skill level: All Level

  • Students: 38,815

  • Languages: English

  • Captions: Yes

  • Lectures: 19

  • Video: 1.5 total hours


  • Description

    The material of this course is also covered in my other course about web design and development with HTML5 & CSS3. Scroll to the bottom of this page to check out that course, too! If you're already taking my other course, you already have all it takes to start designing beautiful websites today!

    "Best web design course: If you're interested in web design, but want more than just a "how to use WordPress" course, I highly recommend this one." — Florian Giusti

    "Very helpful to us left-brained people: I am familiar with HTML, CSS, jQuery, and Twitter Bootstrap, but I needed instruction in web design. This course gave me practical, impactful techniques for making websites more beautiful and engaging." — Susan Darlene Cain


    Instructor

    Devonne Wallbridge

    Web Developer, Designer, and Teacher

    Course Content

    2 / 5 | 27.3 min

  • 1. Welcome to this course

    2.4 min

  • 2. Watch before you start

    4.8 min

  • 3. Basic Design theory

    5.9 min

  • 4. Basic Fundamentals

    3.6 min

  • 5. What is ui/ux

    10.6 min

  • 1. How to use Pages in Figma

    8.31 min

  • 2. What is Lo Fi Wireframe

    2 min

  • 3. How to use color in Figma

    5.9 min

  • 4. Frames vs Groups in Figma

    3.6 min

  • 1. Section & Div Block

    3.53 min

  • 2. Read-Only Version of Chat App

    2.03 min

  • 3. Webflow Autosave

    8 min

  • 4. Canvas Settings

    3 min

  • 5. HTML Tags

    10 min

  • 6. Footer (Chat App)

    9.10 min

  • 1. Responsive Blog Site

    10 min

  • 2. Responsive Portfolio

    13 min

  • 3. Basic Design theory

    15 min

  • Theme Customizer

    Customize & Preview in Real Time

    Theming

    Primary Color

    Mode

    Light

    Dark

    System

    Skin

    Default

    Bordered


    Layout

    Layouts

    Vertical

    Collapsed

    Horizontal

    Content

    Compact

    Wide