• Blog
  • Categories
    • All posts
    • Concepts
    • Illustrations
    • Thoughts
    • Reviews
    • Freebies
    • Sketches
  • Projects
    • UX Recipe App
    • UX Recipe Show
    • Paper Smartwatch Kit
    • How Romanians Plan Their Electric Car Trips
  • HCI2025
  • About
Pixels, dots and points of view

pixels, dots and points of view

  • Blog
  • Categories
    • All posts
    • Concepts
    • Illustrations
    • Thoughts
    • Reviews
    • Freebies
    • Sketches
  • Projects
    • UX Recipe App
    • UX Recipe Show
    • Paper Smartwatch Kit
    • How Romanians Plan Their Electric Car Trips
  • HCI2025
  • About

Week 5: Intro to Figma & Design Principles

Intro

Figma - Components, Variants & Auto-Layout

Figma - Creating our screen

Figma - Preparing for prototype

Figma - Prototyping

Adobe XD - Augmented Reality Prototyping

Password: HCI23

Other Figma video tutorials & Youtube Channels

AJ&Smart - Figma UI Design Tutorial - Get started in just 24 minutes

Matt D. Smith - Killer Auto-Layout Tutorial in Figma

Augmented Reality Sources

Adobe Aero

UX Recipe Instagram - How to design AR Interfaces Part 1 — Part 2 — Part 3

Files

Figma Slides (.fig)

Figma Electric Vehicle Prototype (.fig)

AdobeXD Animations (.xd)

AdobeXD AR Prototypes (.xd)

Principles

  • Affordances

  • Empiric laws

    • Fitts’ Law,

    • Hick’s Law,

    • Steering Law

  • Gestalt Principles

    • Similarity

    • Proximity

    • Closure

    • Continuity

    • Figure/Ground

    • Symmetry

Design Principles: Visual Perception And The Principles Of Gestalt

Fitts Law IDF

Universal Principles of Design Book

Sunday 03.24.24
Posted by Alecsandru Grigoriu
Newer / Older

Pixels, dots and points of view - a blog by Alecsandru Grigoriu
View RSS feed