Sargam UI Design Template

1
SARGAM

• VOCAL AND INSTRUMENTAL CLASSES CAMPAIGN

Submitted to Kapil Sir Designed by Urvashi
ADMEC Multimedia Institute www.admecidnia.co.in
2
INTRODUCTION TO TOPIC

• I am Urvashi Jain and doing Graphics Master Plus
  course from ADMEC Multimedia Institute. The theme
  of my illustrator project is Music.
• We all love listening, singing music. Music is
  found everywhere whether its Om (the origin of
  everything) or raindrops, cool breeze or chirping
  of birds.
• Though music cannot be bind but arrangement of
  sounds in a pattern is music and singing these
  patterns or notes is called SARGAM.

3
ACKNOWLEDGEMENT

• I would like to thanks Kapil sir for his ultimate
  support and guidance, without his suggestions and
  guidelines this project would not have been come
  true.
• I would also like to thanks Ravi sir and Promila
  mam for their valuable suggestions and teachings
  through special workshops and classes which have
  helped me to understand colour theme, topics,
  research etc. and complete this project .

4
MINDMAP

• Keywords, taglines or symbols etc that comes to
  mind while thinking about a particular theme or
  subject is mindmap .
• So I have collected all the words, lines that
  comes to my mind while thinking of music classes
  for its app.

5
ROUGH SKETCHES
I roughly drawn sketches for each and every page
to have an idea of the layout. This step is the
essential step of the UI designing process.
6
DETAILED USER FLOWS
Detailed user flow helps in the planning of
overall navigation of the design.
7
WIREFRAME MOCKUP
Wireframes are the blueprints of any website.
Wireframes forms the skeletal structure of the
webpage. Using these blueprints we can easily
arrange the elements of the webpage. We can
design wireframes in UI designing applications
like Photoshop and XD. Mockups are the colored
and final design of the app or any website.
8
Have a look at the final designs!
9
(No Transcript)
10
(No Transcript)
11
THANK YOU!
Learn UI/UX Designing from experts by joining our
interactive courses https//www.admecindia.co.in/
ui-and-ux-courses

ADMEC MULTIMEDIA INSTITUTE www.admecindia.co.in
/admecindia
/admecinstitute
/admecInstituteOfficial
/admecinstitute