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

