[printfriendly current='yes']

The ultimate glossary of UI design words you need to know

Get Amazing templates for free ! 🎉😍

What you read in this article

Recently you may hear about UIUX design everywhere you go. It would be a challenging field because it’s all new. If you are working in every design department or going to work with a UI designer, you need to know the specific language of UIUX design. In recent years you have had to be updated with tech flow. Here are some essential latest words of UI design for better understanding and communication in all standard design terms for designers.


The ultimate glossary of UI design words you need to know

Essential UI design that designers should know.



The accordion is a type of menu that vertically stacks items that let the user expand and collapse the content in UI design. More labels can be opened at a time, and it helps users navigate large amounts of information quickly.


A container is a UI element designed to contain page elements to a certain width based on the size of a user’s screen. The accordion we present above is an example of a container.


Here’s a popular one these days. Microcopy is everywhere on interfaces. The small bits of text you see on apps or websites help you navigate it.

Adobe XD

Adobe XD is a powerful and easy-to-use vector-based user experience design platform in UX and UI design. It gives teams the tools they need to craft the world’s best experiences collaboratively.

Fluid UI

Fluid UI is a prototyping and wireframing software tool for designing mobile touch interfaces.


A checkbox is a UI element that allows the user to make a binary (yes/no, cancel/confirm) choice for a specific option.


A breakpoint is the predetermined screen size range that requires particular layout changes.


In UI design, a grid is a layout constraint determining where UI elements will sit on a screen or page. They bring order to a layout using columns and rows, which are fundamental to effective design systems.

UI Pattern

UI Patterns are reusable solutions for common usability issues in products and on the internet. They can be expressed as a set of UI elements.

Kebab menu

The UI kebab menu consists of three vertical dots representing a set of grouped options for users to navigate.


Animation is a way to add motion to UI elements to enhance a product’s interactivity.

Design systems

The design system provides a source of universal truth for the entire design team. It’s a collection of design assets, guidelines, constraints, and best practices to adhere to when embarking on a new design project. Google, IBM, and Workday all have their design system canvasses that people can access and use.


The baseline in UI design is an important tool to distinguish between text and other elements.


A baseline is used in typography to indicate the location of letters. Letters that rise above the baseline are called as ascenders. These letters are b, d, f, h, i, j, k, l, and t.

Informational components

Informational components in UI design are elements that inform users about what’s happening.

Color palette

A color palette in design is a small combination of colors for a new design. The UI designer will use these to represent the brand visually, be visually pleasing and communicate different information.

Color models

A color model is a system that helps to describe colors using letters or numbers. The most popular models for UI design are:

RGB – Red, Green, Blue HSL – Hue, Saturation, Lightness HSV/HSB – Hue, Saturation, Value or Brightness


Moodboards can be described as a collection of images, text and samples of objects.

 Graphical User Interface (GUI)

A GUI is a system of interactive visual components for computer software. A GUI displays objects that convey information and represent actions the user can take.

UI elements

UI components are the building blocks of websites and apps. When you use a website or app, you encounter buttons, forms, menus, drop-down lists, image carousels, and more. These are all examples of UI elements.


Easing – or ease-in and ease-out – is an animated UI element’s slow and gradual movement.


Principle for Mac users is easy-to-use design software for creating animations and interactive elements.

Design patterns

UI and UX design patterns are repeatable design elements that can be used to address usability problems users often encounter.


Figma is a browser-based interface design tool that empowers fast design, prototyping, and a smooth, collaborative workflow. It is one of the most popular design tools, and you would struggle to find a UI or UX designer that doesn’t use it.


UXPin is a popular UX and UI tool both new and seasoned designers use.

Full-stack designer

A full-stack designer is a designer who has the skills and know-how to take on all the stacks or layers of the product design and development process. Full-stack developers can handle UX design, UI development, and interaction design.


A picker is a UI element that allows the user to choose, for example, a date, time, or color.

InVision Studio

InVision Studio is another powerful tool that all designers should use. You can use it to draw, wireframe, prototype, and even animate. It has everything you need to make your designs come to life. It is a great UI design tool.


A sidebar can be visible or tucked away, and it displays a menu of navigational actions or content on the side of a web page or app.

User interface design

UI design is the design process of a user interface. User interface design takes care of how digital product’s look, feel and behave for the end user. Good UI is part of creating a delightful user experience, and UIUX designers work closely together.


Zeplin is a cloud-based software that bridges the gap between UI designer’s and front-end developers.


A logo can be a symbol, or a small design, used by brands, companies, and organizations. It’s used to identify the products. Logos are part of a product’s overall UI branding design, with brand colors, typography, animations, and images all relating to each other.


With wireframe UI kits, you can quickly build interactive wireframes to test your design and work through user flows.


Marvel app offers all the core functionality needed to design and build digital products. This includes wireframing and prototyping as well as design specifications for handoff. It’s a user-friendly, intuitive platform that makes it an ideal UX/UI design tool.


The sketch is a vector graphics editor for drawing, wireframing, prototyping, and design. It’s a powerful, flexible UX and UI design platform for collaborative design.


Uizard is a UI design platform for those who want to create digital products but don’t necessarily have advanced design expertise. Easy to use, it’s perfect for creativity, low-fidelity wireframing, rapid prototyping, UI styling, and real-time collaboration.

Ui UX design services

Our Ui UX design services help you improve your user’s experience and let them enjoy checking out your website or application. We help make your interfaces more user-friendly and efficient. UI/UX design services can also help you gather valuable feedback from customers to improve your product or service.

Subscribe our newsletter !
Email Address
Related articles

Locating a Research Paper Writer

read more

Writing An Essay – The Basics

read more

Is Figma good for logo design?

read more

Let's have a free consultation!