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
   112   113   114   115   116   117   118   119   120   121   122