YoVDO

Figma Bootcamp 2: Learn UI Design: Effective Landing Pages

Offered By: Skillshare

Tags

Figma Courses Typography Courses

Course Description

Overview

Give yourself an edge in the UI design world by learning the basics of setting up a successful landing page.  You'll quickly create a new landing page composition with strong imagery in Figma (or XD). Learn how to make consistent design decisions to make an attractive page.  We'll look at negative space and utilize minimal navigation to keep the image and text forefront. We'll also create a unique but user friendly gallery navigation (UX). 

I've broken each design sprint into separate videos.  This class also has a bonus video (sped up) on how to shift your dark design into a light design with new content. This Figma class will give you the tools to launch your User Interface Career. 

This class dives into these breakout sessions:

  1. Introduction, setup, spacing, icons, 

  2. Initial layout, more spacing work, main image drop in, and base menu layout

  3. Image tricks, gradients, and menu components

  4. Typography, social links, detail work on gallery selection, preview images.. the finish!

  5. Bonus: View shift changes in original layout into "Super Tubes" white surf version. 

---



Syllabus

  • Introduction to Figma Bootcamp 2
  • Setup, initial layout, and icons
  • Layout, spacing, images, and menus
  • Image tricks, gradients, and components
  • Typography, details, and the finish
  • Spin off landing page in white

Taught by

Brian White

Related Courses

Information Design
University of California, San Diego via Coursera
大航海時代の日本:日欧文化交流の歴史(ヒストリア) (ga029)
Sophia University via gacco
مقدمة في التصميم الجرافيكي
Edraak
Fundamentals of Graphic Design
California Institute of the Arts via Coursera
Introduction to Typography
California Institute of the Arts via Coursera