Page 125 - KEC Khaitan C8.3 Flipbook
P. 125

HANDS-ON PROJECT


                 PROJECT NAME: Designing Music App

                 Software Used: Adobe XD

                 Objective:
                 In this project, you will:

                   Learn the fundamentals of User Interface (UI) design.

                   Understand the importance of usability, aesthetics, and interactivity in app design.
                   Use Adobe XD to design a functional and visually appealing music app UI.

                   Explore creativity by designing features like playlists, now playing screens, and a navigation bar.


                 Sample Music App Design:

                                                        Designing of Music App

                                                     Link-https://encr.pw/U3dkM



                                                         Demo of Music App

                                                    Link- https://l1nq.com/FsP6W


                 Step-by-Step Instructions:

                 Step  1   Open Adobe XD

                              ∑  Launch Adobe XD on your computer.
                              ∑  Select File > New to create a blank canvas.

                              ∑  Choose a mobile screen size preset, such as iPhone 12 (390x844 pixels).

                 Step  2   Set Up Your Workspace

                              ∑   Artboards:
                                o     Add multiple artboards for different app screens (e.g., Home, Playlist, Now
                                    Playing, Search, Settings).

                                o     Use the Artboard Tool to create and arrange the screens.

                 Step  3   Design the Home Screen
                              ∑  Add a Header:

                               o    Use the Text Tool (T) to add the app logo/name at the top.







                                                                                                 Hands-On Project  123
   120   121   122   123   124   125   126   127   128   129   130