Lyrics Web Design


  • Lyrics Web Page Design
    Click this URL: file:///Users/admin/Desktop/Sophomore%20year/2017Spring/GD%202/P1/final%203/LaylaChoi_P1_Final02.html
     HTML / CSS Format Project 
    (You guys can use this web address on Chrome or Google!)


     Lyrics : Ice Cream Cake by Red Velvet (K-pop music)
    This project is called "Lyrics Mapping Web Design". I picked a song that has interesting lyrics. I designed it, repeating words or elements, and making rhythmic pattern or sequence with Adobe Illustrator and Photoshop. Also, I designed symbols, various icon images and creative typography (such as the first layout) to represent my interpretation of the song lyrics. I translated sketches into a modular composition that utilizes scale, form, and counter form to visually communicate my interpretation of the lyrics. Some layouts include GIF files (animation), and lastly, I combined modular structure, symbol, image and text into a coded (HTML/CSS) map for my interpretation of the song lyrics.
  • Whole Web Page Layout
  • Gif & Detail of Layout
  • Thank you! :)