Menu Search
Jump to the content X X
SmashingConf London Avatar

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf London, dedicated to all things web performance.

Drawing Inspiration From Music

Instead of getting into the heads of successful designers, we should be getting into the head of the audience we’re designing for. There are many ways this can be done, one of which is music. Relying on senses other than your vision can evoke a greater comprehension for what feeling must be conveyed through a design.

In my early years as a student, I had a difficult time adjusting to the thought process of a designer. I’m a hands-on learner, and developing design ideas is more of an abstract art. Being able to recognize a good design versus a bad design was never the problem, but creating unique designs was for me much like an artist trying to draw purely from memory that doesn’t have that capacity. For a couple of years I treated design as purely an art, simply because I lacked guidance in this area and didn’t know any better, hitting the ground running with a project without methodically seeking out inspiration appropriate for the task at hand.

Further Reading on SmashingMag:

That system didn’t prove to work well in many instances, and my failure caused me to question my skills as a designer. Instead of giving up, I fought to find my own way through the thick fog that clouded my vision of what was truly standing in my way: a lack of a methodical design process. As soon as I had realized where I went wrong, I dug right in to finding out how to do it right.

After finding a process that worked for me, I started finding inspiration in ways that I never would have thought to turn to. I quickly got sick of thumbing through the CSS galleries and the like and started trying to look at the world in a different light. One of the most inspirational things for many people is music, designers especially. Elliot Jay Stocks has even released an EP. That’s all good and well, but how can music specifically bring design inspiration?

Outside the [Music] Box Link

Music and art seemingly go hand-in-hand. Many different forms of art, design, or creation use music to enhance the experience. Here are just three examples:


Movies use a soundtrack to enhance the visual experience and the content of the script, to create or develop the mood.

Ballet dancer6

Ballets use music in combination with visual cues such as movement, make-up, costumes, or props to set the mood. They create a story without words, which breaks out of the box of normal storytelling methods and relies on other senses and tactics to let the story be told for them.


Car forums often feature a post (or many) posing the question: “what music do you race to?” Music affects everyone differently and there are many variations of answers to this, but it is obvious that almost everyone uses music to somehow set the mood for the task at hand.

Making a Melody Link

Peter and the Wolf

Music tends to thrive on metaphors. One of the most popular examples is that of Peter and the Wolf. Soviet Union composer Sergei Prokofiev created a story using different instruments to depict different characters. This is a great example of how design can adapt methods from other arts.


Many websites, such as Freelance Switch9, use a variety of colors and icons to depict different subjects within the site.

Music From The Other Room10

The above image depicts the metaphor of “Music From the Other Room”. When looking at it without knowing the title of the work, it might be confusing and meaningless to some. I first was annoyed that many elements were not completely legible, such as “music”. Then I re-read the title, “Music From the Other Room”, and realized just how perfectly it fit. The title reminded me of when I was growing up and we had a piano in the living room, which was just below my bedroom. I could hear the general melody of the song, but I couldn’t make out any details. After coming to this realization I again looked at the image and found just how well this metaphor was conveyed in this piece.

Using artistic methods to create systematic design concepts can be both liberating and efficiently productive. It can allow your creativity to flow in ways that inspiration from other designs cannot, and having your parameters laid out ahead of time will guide the creativity flow exactly where it needs to be heading.

Letting the Music Sing Link

There is a rising mantra between designers: “Design less, think more.” Samantha Warren11 sums it up rather succinctly while AIGA goes into more detail. Before ever sitting down to sketch or design, you need to know your boundaries and the context which you will be designing within. Many accomplish this through Mood Boards. Finding music that fits the particular mood you’re trying to convey can get you away from recreating a tired idea and push you toward breaking outside of the box and marching to the beat of your own drum.

One of the major guidelines that determines the outcome of a project is the audience. Not having much experience with a particular audience can limit your vision of what will appeal to them. If you’re designing a social media site for African-American teens in a particular city or region, this could pose as quite a challenge if your main concentration has been work for large corporations. Obviously looking to those whom have accomplished such a venture successfully is a good idea, but focusing on the past makes it difficult to design a unique and more successful future. Instead of getting into the heads of successful designers, we should be getting into the head of the audience we’re designing for.

There are many ways this can be done, one of which is listening to the music that generally appeals to this particular audience–as well as the music that appeals to the minorities of this audience. Relying on senses other than your vision can evoke a greater comprehension for what feeling must be conveyed through a design.

Retaliate Link

What music moves you to design? Have you used music to set the mood for a project in the past?

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11

↑ Back to top Tweet itShare on Facebook

Ann Edwards is a freelance designer from Indianapolis, Indiana. She is also an avid car enthusiast, music addict, and self-proclaimed web geek.

  1. 1

    I got into web development because of music.

  2. 2

    Rachel Lewis

    May 10, 2009 9:05 am

    This is a great post. I always listen to music when I’m creating.. but lyrics are what really drives me. I’ve done a few projects based on lyrics, and they’ve been my favourite.

  3. 3

    well as a web designer i use to listen lot of music it gives me some kind of energy to think on other side. most of time i listen Gazals its soft music in Urdu :)

    wow my first comment i was waiting for this :)

  4. 4

    Am second! ;)

    Gopal Raju

  5. 5

    Richard Kay

    May 10, 2009 4:32 am

    Hey man, that’s funny, ‘cos I just explained last week to someone that listing to music helps visualize where you wanna go to… Music and Visuals are the perfect combination (ok and speech / sound effects if you’re making a motion picture)

    By the way look and listing Starwars, during the whole movie, there’s music to support the visuals.Maybe you can add more like this to topic :)

    Cheers, Richard

  6. 6

    sama creation

    May 10, 2009 4:52 am

    Thanks for the post.

  7. 7

    I’ve always liked the idea, but have never really tried to work with the music. I like ambeam/trance which I think is pretty inspiring though :P

  8. 8

    Website Designer Steve

    May 10, 2009 5:44 am

    I made a similar post about using music for inspiration and suggested using music that your end users would listen to, whilst designing the website. Inspiration for the website designer it is an interesting process for designers to use music of the persona of the end user.

  9. 9

    nice post ann, loved your first phrase.
    enjoy all your senses!
    have fun
    and do some work

  10. 10

    Music is the unhindered inspirational passage for unleashing the creative juices within
    you.A notable post.

  11. 11

    Floris Fiedeldij Dop

    May 10, 2009 7:01 am

    Short … but good enough article.

  12. 12

    I am developer and very often listen good good music for my inspiration

  13. 13

    Good article!

  14. 14

    Bram Huirne

    May 10, 2009 8:00 am

    First of all : I really like this article. Good
    Content always needs to come with some sort of personal twist! I would really like to see more articles like this one on SM.

    Personally, when i’m designing I need silence. Music is something I can really enjoy and something I need, but I think the most creativity comes when you are in total silence. The mind must be silent, as well as your surroundings.

  15. 15

    This is what i did when designing my website. The design of my website was inpired by the music of Dhaffer Yousaf. You can check the design here:

  16. 16

    Well.. in my office is forbidden to hear the music..
    It can bothering another programmer..

  17. 17


    May 10, 2009 9:37 am

    Think more, design less, awesome! The design boundaries really impressed me.

  18. 18

    YES!!! Someone understands! Other people in my family & other designers in school used to tell me that I should focus completely on designing & stop listening to music while designing. I told them it inspires me! They blamed it on my A.D.D. Awesome article!

    I listen to hip-hop, rock, depending on what feel I’m going for in the design. But the music DOES reflect in the finished product… to me anyway.

  19. 19

    Well, I often let music inspire me before i doubleclick the Bryce/photoshop icon. And I must say, usually creativity flows a lot faster when a nice tune is playing.

    Last few weeks I’m concentrating on music which lets you experience a futuristic feel… Not many posts yet, but usually less=more when it comes to quality

  20. 20

    Personally I do my designs in silence :) Otherwise I get distracted too much

  21. 21

    I listen to music if I am editing, cleaning up photos etc…pretty much all my work. I do need silence while I am coding anything though. I lose my focus and start messing up for some reason or other.

  22. 22

    music is important to me 2 when designing it brings me in the right mood! Could not live with out.

  23. 23

    Matt Cronin

    May 10, 2009 2:10 pm

    Personally, I love listening to music while I work. I always listen to music no matter what I’m working on, and it is an awesome source of inspiration. Couldn’t live without my music :)

    However, sometimes when I’m working on something that requires complete attention, like trying to find a bug when coding, I turn the music off for a bit.

  24. 24

    looks like Freelance Switch advertisment.. -_-

  25. 25

    I always have music going while im designing! it can be a bit more difficult while programming though. especially if the music has words. i have however been listing to a lot of “explosions in the sky” lately. Killer ambient instrumental band.

  26. 26

    My favorite Music ist Grindcore :D ( The hardest kind of Metal Music)
    If gives me some crazy ideas, but sometimes its hard to cencentrate then..

    to Alex’s post: looks like Freelance Switch advertisment.. -_-
    I thought something like this too^^

  27. 27

    When working on a project for a site related to the game “killer”, I genuinely listened to the song My Assassin by The Bled almost non-stop (along with a few other killing/assassin related songs).

  28. 28

    Douglas Menezes

    May 11, 2009 5:58 am

    Great article!

    I recently designed my personal website inspired by the music and lifestyle in the video

  29. 29

    Great article!

    I designed my personal website inspired in one man band, especially one of them from croatia.

    Check it on the video of the croatian one man band is on the first post.

    See you!

  30. 30

    Actually, music is the thing that always drive ideas out of my head. Can’t live without it :D

  31. 31

    I do it a little different. I divide my creative process into two phases. a: thinking and sketching and b: design execution. In phase-a, I prefer silence which helps me to concentrate on the ideas and its development in my mind. In phase-b, I listen to music as it peps me up and helps me push the envelop.

  32. 32

    I agree..

    I enjoy listening to music whilst designing/coding, I find it does inspire me…

    Problem is…I find at times I get distracted and start carving moves in my room, attempting to pull off the next body popping record…or pretending to spa to a Rocky Soundtrack!!!!

    Ok, I’m not really that bad but thought it might make a smile.

  33. 33

    4 someone that work at design and also do some art ( painting) i totally agree
    if u have some good music on your side , the muse is dancing to your pan (Wacom)

  34. 34

    Yes, I always listening to music when i’m working. Can’t live without it.
    But lately, I just listen to it, I can’t draw any inspiration from it…. help….
    And i’m still digesting your article about ‘making a melody’ part.

  35. 35

    Cathedral Graphic Design

    May 13, 2009 11:11 am

    Well, friends, very short post but the interconnection of different arts is very important and music is invaluable to the world of art and design. Someone posted above that they listened to “My Assassin” and other death/killing-related songs while creating a violence-based computer game website– very appropriate! Music can be used like the “mood-board” technique to inspire ideas in different styles or with different messages.

    Music has a profound effect on people and the mind, even without the listener quite understanding. Music is, as with any art, an expression of the soul, and communicates with the soul rather than, or more directly than with the rational mind. Imagine a world without music… I can hardly bear it!

    Although 21st century culture has very little exposure to classical music, classical music is actually the best type of listening music for a commercial designer. Why? Because classical music, like good design, has:

    -A Message
    -Complexity or underlying principles and threads

    And many other attributes! Aside from these correlations to design, music has been scrupulously studied by professionals in the medical and psychological fields and classical music has been found to sharpen the mental faculties, boost IQ and even have healthy physical effects on listeners. The complexity and interwoven patterns, themes and motifs keep the mind aware and fertile.

    I particularly enjoy music from the Romantic period (1860’s through 1910’s), from composers such as Faure, Borodin, and Smetana.

  36. 36 is my best friend. I usually work to ambient lounge hip-hop music like Bonobo or experimental electronic jazz like Dosh. Keeps my mind engaged on the instrumentals rather than the lyrics.

  37. 37

    I agree 100%. Almost all of my drawings are inspired by music.

  38. 38

    April 23, 2010 9:19 am

    wow really a new way of looking at things.

    really music is the inspiration for many creative designs.

  39. 39

    I can’t help but work with music playing in the background. Sometimes the music really helps just put me in touch with what I am drawing, and I feel most inspired. :)

  40. 40

    muhammad ali egypt

    December 2, 2011 2:22 pm

    Undeniably believe that which you stated. Your favorite justification seemed to be on the internet the easiest thing to be aware of. I say to you, I definitely get annoyed while people think about worries that they plainly don’t know about. You managed to hit the nail upon the top and also defined out the whole thing without having side effect , people can take a signal. Will probably be back to get more. Thanks


↑ Back to top