• Matt-brown-hero
Graphic Design

Prizes for eyes, ears and grey matter courtesy of Matthew Irvine Brown and his Music for Shuffle

Posted by Bryony Quinn,

Working up to his current spot as designer/prototyper in the Human Interface Device Prototyping group at Apple, multi-hyphenate creative Matthew Irvine Brown has left his mark in the design departments of Nokia, Last.fm and BERG. His personal projects site that runs parallel (and then cheerfully off in remarkably creative tangents) is full of interactive, experimental and quite brilliant projects (singing sock puppets anybody?): a three-fold theme pretty well exemplified in an ongoing demo-based initiative called Music for Shuffle.

Entirely composed using the “shuffle mode”, Matt creates engaging and random compositional experiments that play mutually with sound and visuals and tech-know-how. He makes “sketches” of tracks that will play in continuous and harmonious sequence – audibly and visually – the gif-like graphics, which are delightfully simple, fitting effortlessly with the digital aspect of the sound.

Though immediately engaging, it wasn’t something we could quite bend our brains about so we thought it best to speak to the man himself…

Hi Matt, could you firstly give us a layman’s explanation of what Music for Shuffle is…

Normally, shuffle mode is a way of playing songs in a random order but here, I’m trying to use it to make one piece of music. Instead of recording a whole tune that lasts three to four minutes, and saving it as an MP3, I record individual phrases– each only a few seconds long – and save those as individual MP3s. Then, when I play them one after the other (on shuffle, of course), I get a complete piece of music that sounds different every time I play it. And making one song out of several little MP3s means that the ‘sleeve art’ essentially becomes a (very slow) random stop-frame animation.

  • Mfs01

    Matthew Irvine Brown, Sketch #01

And how did it start?

Mainly via a very smart friend by the name of Russell Davies, who wrote this blog post last year. He pretty much sowed the seed of the idea in my head and I responded with the first sketch a week or two later. It all went from there, really.

You mention that you compose a lot on the bus – how exactly do you go about creating a sketch (and can you tell us what a sketch actually is)?

I just mess around on the laptop, really. I’ll start by making little fragments of visuals, colours, shapes, harmonies, textures, beats and so on, pushing things around in a collage-type way. When I’ve made a number of them, I need to make sure they can all fit together in any order – kind of like musical Lego – so I’ll spend a bit of time tweaking the start and end of each phrase. Then, I’ll overlay everything on to one common element that never changes (a drone, or a static colour or something), which acts as a kind of scaffolding to hang all the fragments from.

After that, I save everything out to individual MP3s, chuck them in a playlist, turn on shuffle mode, press play, and see what happens. It’s very quick and messy, to be honest. Making things on the bus is a helpful creative restriction – I usually try and force myself to declare something finished at the end of a journey.

I’d say they’re just little sketches right now as I’d like to go back and work into them in more detail for a longer period of time. I’d also love to work with people who know a lot more about the craft of music and visual art than I do – illustrators, typographers, musicians, producers, engineers, software developers and so on. Right now, for example, I’m looking at how to do this stuff in a live gig setup, so I’m tinkering around with software that will generate a live score, and spit it out onto screen-based music stands.

With the artwork, were you using a visual code for certain types of phrases that might dictate the overall look or are they random?

I try to make the music and artwork simultaneously, so that they feed off one another. I might record a little phrase, leave it on loop, then go and play with some colour proportions or whatever. There’s no direct link between the sound and the visuals, really. I just draw whatever comes to mind. Again, being on the bus forces me to work quickly – I’m not particularly skilled at any one technique in graphics or music production, so there isn’t much time to get too complex.

The most exciting developments over the last fifteen years have mostly centred around breaking the machinery of the 20th-century music industry – maybe it’s time to get on with inventing truly new, 21st-century music.

Matthew Irvine Brown

Was it always your intention to create an aesthetic experience both audible and visual?

I don’t think so, no. I didn’t really set out with a particular vision, and I’ve no real desire to create an experience or anything like that. I just started making things as a way of thinking about them. Many of the most creative people I know would say that a process can often be far more interesting than the outcome itself, and that rings lots of little bells in my head.

I guess shuffle mode itself is the material I’m exploring here – the resulting music, visuals and writing are the current outputs of the project, but I’d like to be free to steer things toward whatever I find interesting, like film, or software, or whatever. I’m just following my nose, really.

  • Mfs03

    Matthew Irvine Brown, Sketch #03

  • Mfs04

    Matthew Irvine Brown, Sketch #04

  • Mfs06

    Matthew Irvine Brown, Sketch #06

  • Mfs07

    Matthew Irvine Brown, Sketch #07

  • Mfs08

    Matthew Irvine Brown, Sketch #08

What’s nice about the Music for Shuffle site is the references you use; they contextualise the idea of experimenting as a mode for thought as well as making. Can you describe briefly a historical example you’ve used (you refer to Mozart’s musical dice at one point)?

There’s a lovely quote in John Cage’s autobiographical statement where he says: “I don’t hear the music I write. I write in order to hear the music I haven’t yet heard.” I think that’s a fantastically liberating idea, and it always sticks in my head when I’m making these sketches. Though, to be honest, I haven’t really needed to pilfer any techniques directly from Cage, because a lot of his ideas are already built into the stuff we now use to make and listen to music. Pretty much every media player has had shuffle mode for ages, and production software like Ableton Live makes it very simple to write in non-linear ways.

I think that points at a wider issue, though. I can’t really think of a good reason why any new music nowadays has to be in the form of a three-minute radio edit, or album, or promo video, or pressed as vinyl, or whatever. The most exciting developments over the last 15 years have mostly centred around breaking the machinery of the 20th-century music industry – maybe it’s time to get on with inventing truly new, 21st-century music.

  • Mfs02

    Matthew Irvine Brown, Sketch #02

Portrait9

Posted by Bryony Quinn

Bryony was It’s Nice That’s first ever intern and worked her way up to assistant online editor before moving on to pursue other interests in the summer of 2012.

Most Recent: Graphic Design View Archive

  1. List

    It’s the overriding rule of all things trend-driven that as soon as we take a big leap forward in technology we start to look back nostalgically, triggering all manner of retro imagery, touches and techniques. At least it seems that way, and I’m sure I’m not alone in how often I’m drawn to graphic design which places hand-drawn type and recycled imagery alongside high-tech touches.

  2. List

    At its core, dance is about innovation, beauty and movement – ideas executed brilliantly in this identity for a European contemporary dance festival by Verena Hennig and Ludwig Janoff. The clever designs take a very hand-crafted, even scrawled look, aiming to play on the idea that “the classic ballet thrives on the idea of perfection,” according to Verena.

  3. List

    Parisian studio Playground’s website really does reflect its name – a joyful metaphorical ball-pond of colour and fun. The studio works on graphic design, illustration, branding and motion graphics projects; uniting all their work through a fantastic eye for colour and line to retina-grabbing effect. As something of a huge Of Montreal fan, I was particularly drawn in by their work for the band’s 2012 release Daughter of Cloud, which offers a lush, psychedelic alternative to their usual illustration-led artwork.

  4. List

    Wilfred van der Weide was once part of Dutch design duo wilfredtimo, whose work we’ve been admirers of since we came across these superheroic graphics in 2012. After several years in each other’s pockets they’ve gone their separate ways, but unlike most break-ups, some of the results have been beautiful.

  5. List

    Dutch designer Roosje Klap recently set up an international initiative known as The Design Displacement Group with the intention of approaching modern design in new and unusual ways. Their intention is to “form a group together which creates work as seen from the future. Yes! We time-travel 20 years and look back on today, to understand the discourse of graphic design as it is happening today – with different eyes and speculative future categories.

  6. List

    Belgian designer Corbin Mahieu learned his craft at the prestigious Sint Lucas School of Arts in Ghent, following in the footsteps of a legion of other respected Belgian designers and illustrators. His work is academic in style; specifically focussed on arts projects for the local creative community in Ghent. Although he’s recently completed an internship in London at Zak Group, presumably developing into further spheres of design in the process. Pictured is a beautifully realised catalogue for his alma mater, exploring the facilities and faculty in detail.We’d say he’s definitely one to watch, and hopefully he’s sticking around in London a little longer.

  7. Furnlist

    Berlin-based consultancy D describes itself as a “two-headed quadruped that focuses on graphic design and illustration” that “was born, speaks, thinks, and of course eats Italian.” It’s this heritage and appetite that explains the beautiful identity work the studio has created for Italian furniture design factory Edizione Limitata. We don’t often get excited about catalogues, but this one really is lovely, showing well-shot images of the furniture alongside more playful, painterly illustrations with brushstrokes and doodle-like patterns acting as a lovely contract to the slick imagery of the pieces on sale. It’s great to see the usually rather serious world of furniture given a less stony-faced identity, though the careful use of colour and typography as shown on business cards, stationery and technical sheets still shows Edizione Limitata as very much the high-end Italian operation.

  8. List

    There’s nothing heavy-handed about Seoul-based design studio fnt’s work. It’s like the graphic design equivalent of that little dish of mint-flavoured ice cream you get handed between courses at fancy restaurants to refresh your palette; something about their refined use of thin lines in muted colours on a white background feels newly delicate, when you’ve spent several hours being accosted by great slabs of colour and text that feel like a knock to the head. Maybe it has something to do with the Korean script, introducing a whole new realm of possibilities to the ways they treat typography, or the studio’s willingness to dabble in patterns and geometric shapes in a simple and understated way to jazz up otherwise clean layouts.

  9. List

    Furniture, typefaces, identities and posters, websites, limited edition fashion lines, music packaging and abstract works all exist within the broad practice of Berlin-based designer Till Wiedeck. Under the moniker of HelloMe, he’s been a constant creative force on the contemporary graphic design scene for the past six years, accumulating big-name clients like The New York Times, COS and Warp Records among others. This recent work for German/French art fund Perspektive, is characteristic of Till’s holistic approach to his process, with print collateral, web and all other elements of the identity created by the studio, all united by a bespoke typeface.

  10. List

    It’s all well and good writing about slick, big-client, big-agency graphic design. But once in a while it’s bloody lovely to cast our eyes over a graphic design project that takes itself not-so-seriously. One photographed using Polaroid, and sent to us as if broadcast directly from amidst a 90s Kevin Smith film. The projection questions is the visual identity for Baohaus – a restaurant that takes its name as a smart little play on, er, bauhaus and Bao – the form of Taiwanese food the restaurant specialises in.

  11. List

    Some people may be already winding down for Christmas but not so Rob Gonzalez and Jonathan Quainton, aka Sawdust. They’ve just updated their site with so much new work that we were genuinely spoiled for choice when it came to selecting what to focus on. Great typographic illustrations for_Men’s Health_,_ Wired and The New Republic didn’t make the cut on this occasion; instead we decided to showcase two very different, but equally excellent, print projects.

  12. Listhkagw-1

    It can’t be easy working on a brief set by a client that’s both an art event organised by a non-profit and a big banking firm. How best to balance a slick, serious look with one that shows creative awareness? For The Partners’ branding for the new Bank of China-sponsored Hong Kong Art Gallery Week event, the consultancy cleverly chose to look to a sense of place to inspire its look, which is informed by the area’s hilly topography. The event bring together more than 50 local galleries and museums, who spend ten days opening their spaces up for all, aiming to promote the work of local artists and contemporary Chinese Hong Kong art to the world.

  13. List

    There’s something deliciously tactile about Anne Jordan’s book cover designs. Much of her work unites a very materials-driven approach with clever typography, resulting in work that makes a two-dimensional image feel extraordinarily physical. The designer is based in Rochester, New York, and is also one-half of the duo behind the Walking blog, a rather sweet project in which she and her husband take half an hour a day to make something creative and post it online. However, we wanted to focus on her designs for books; and especially hone in on the way she takes an often oblique title and creates a design that plays off it, frequenly in smart, unexcited ways. Her look for The Woman Who Read Too Much, for instance, plays with cliched images of femininity like hair and curves to render the title less legible; and the look for Kevin McLauhlin’s Poetic Force uses feint lettering and thin-to-breaking-point paper as a backdrop. The choices seem obvious as we write them down but her work is anything but, creating covers that delight and make you think in equal measure.