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

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

UI Design Tools

User interfaces (UIs) can be classified into several primary types based on how users interact with the system:
- **Graphical User Interfaces (GUIs)**: Users interact with visual representations such as icons, buttons, and menus on digital screens or control panels.
- **Voice-Controlled Interfaces (VUIs)**: Users interact through spoken voice commands, commonly found in smart assistants.
- **Gesture-Based Interfaces**: Users engage with digital or virtual spaces through physical bodily motions, such as in virtual reality games.

Learn Before

Related

Learn After

Learn After

Related