AL102 Flashcards
refers to the comprehensive
user experience, encompassing all aspects of
a product’s journey
User Experience (UX)
refers to the graphical layout
of an application
User Interface (UI)
focuses on how the colors, typography, and
images of a design connect to the brand of a product.
UI designer
is about using typography, images, and other visual
design elements to turn a basic interface
UI design
is about understanding the overall journey of your
users and turning it into a product.
UX design
is a web-based design tool with real-time collaboration and
auto layout features,
Figma
allows users to save various design elements as components, enabling
efficient reuse.
Assets
allowing for the placement of different design elements in different locations.
Pages
on the right side allows customization of Frame Size,
Properties panel
located to the left, is a crucial component that houses the added layers
Layers panel
displays the file’s default name, ‘Untitled’, which can be edited by clicking on it.
Toolbar’s middle section
allows you to view the prototype, if you’ve any.
play button
offers a link or embed code for sharing and opens up share settings.
Share button
allow you to view who is currently viewing the file.
User profile
allows users to add comments to design files,
Comment tool
is useful for navigating design files without activating hover lines
hand tool
is what you’ll use to add text elements to your design.
type tool
enables the creation of personalized shapes using vector anchor points
pen tool
give you the ability to create basic pre defined shapes.
shape tools
enables the creation of custom artboards and exports regions
frame tool
offers numerous options including preferences
hamburger menu
is the first section discussed, offering numerous options starting from the left.
toolbar
maintain a consistent appearance to prevent user confusion and ease
migration between tools
The Editor
serve as a quick, easy-to-create blueprint for product design
Wireframes
are detailed product representations with polished design elements
Mockups
are interactive, high-fidelity mockups that are time consuming
Prototypes
are specialized tools designed to help you use Figma to its full potential.
Figma Plugins
allows users to preview their designs on any device
Figma Mobile App