Atomic design is a design ideology that breaks down the elements of an interface into smaller, generalizable features using
- Atoms
- Molecules
- Organisms
- Templates 
- Pages

Atomic Design

Landing pages exist to prompt conversion. And to achieve that it must eliminate distractions.


Landing Page Best Practices

Methods and techniques used to make an interface easier to use.

- Atomic Design
- Landing Page Best Practices

San Jose State University

- UI Design Methods
- UI Design Tools
- UI Design Elements
- Types of Interfaces

UI Design Methods and Tools

* Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field

* Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons

* Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows

* Containers: accordion

User Interface Elements

Types of User Interfaces
- Graphical user interfaces (GUIs)
- Voice-controlled interfaces (VUIs)
- Gesture-based interfaces

Types of Interface

- InVision (Free, paid plans available)
- AdobeXD
- Sketch
- Marvel
- Balsamiq
- Figma (Free)
- Generative AI

Learn Before

Related

Learn After