Page 117 - KEC Khaitan C8.3 Flipbook
P. 117
3. Toolbar
A vertical panel on the left side containing key design tools such as the Selection Tool, Shape
Tools (Rectangle, Circle, Polygon), Line Tool, Pen Tool, Text Tool, Artboard Tool, and Zoom
Tool, used for creating and editing UI components.
4. Canvas
The central workspace where design elements are placed and arranged within artboards. This
area allows users to create, edit, and prototype interactive UI/UX designs.
KEY FEATURES OF ADOBE XD
Adobe XD is a design tool that helps in creating mobile apps, websites, and digital products.
Below are its key features explained in detail:
Design Tool
A feature that allows users to create and customise the appearance of an app or website by
adding buttons, menus, images, text, and shapes. It helps in designing visually appealing user
interfaces (UI).
Prototyping
A process that enables designers to connect different screens and add interactive elements like
clicks, swipes, and scrolls, allowing users to test the functionality of an app or website without
coding.
Collaboration
A feature that allows multiple people to work on the same project simultaneously, share designs
online, and receive feedback through comments, making teamwork easier and more efficient.
Components
Reusable design elements such as buttons, icons, and menus that can be used multiple times
throughout a project. Updating a component automatically updates all instances of it.
Repeat Grid
A tool that helps designers quickly duplicate elements like lists, images, or cards while maintaining
equal spacing, making it easier to design layouts efficiently.
Plugins & Integrations
Additional tools that enhance Adobe XD’s functionality by providing access to icons, images,
animations, and third-party software like Photoshop and Illustrator.
Introduction to UI/UX 115

