• 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. Marianne-beck-itsnicethat-list-2

    When presented with a stray piece of paper my reflex is unfailingly to attempt an origami vagina (surprisingly difficult) so I feel that Marianne Beck’s recent undertaking is especially admirable. The Danish-born, Paris-based designer was able to create an entire typeface out of neatly overlapped paper using a few scraps and some clever folds, in an uncommonly cohesive and well executed series.

  2. Lit-my-name-is-wendy-byland-its-nice-that

    Many designers talk of the importance of play as a way to explore creativity and come up with solutions that rigorous hard-work might not unearth. Parisian studio My Name is Wendy has taken this to its logical conclusion, by creating a board game called Byland. As with the studio’s previous output, it looks stunning, and mixes gorgeous graphics with a strategy-based game combining cognition and aesthetics. We’re not sure we totally understand the rules, perhaps due to a combination of them being slightly lost in translation and our own inability to finish a game of Snap, let alone Risk, but boy does it look good.

  3. Lift-type-itsnicethat-list

    If you’re a young freshly launched type foundry, how do you go about demonstrating to the rest of the world how fun and cool you are? A Tumblr showing off your wares in situ is a good start, as French foundry Lift Type has learned. Their blog hosts a smattering of bright, flashy GIFs, mocked up posters, scans of printed specimens and playful headers, and it’s an irresistible invite to get involved with what they’re offering.

  4. Radimpesko-fugue-itsnicethat-list

    Since we launched the new issue of Printed Pages a number of people have been in touch to ask what font we’ve been using on the promotional materials surrounding the mag – the lovely serif that’s been featured on our banner ads and Instagram. Rather than just get back to those people we thought it would be better to let everyone know, and blow the trumpet for the designer who created it too.

  5. Madethought-gfsmith-collection-itsnicethat-list

    If you’re the kind of person whose blood pumps a little faster when perusing beautiful paper, I suggest you sit down before going any further. G . F Smith has just released an extraordinary 400-page book which shows off every paper in its repertoire and it’s a thing of awe. Created with longtime collaborators Made Thought, The Collection shows off 45 paper ranges created over the company’s 130-year history.

  6. List-blank-editions-its-nice-thatchris-petit

    Collector’s editions, luxurious foils and sculptural, perspex packages are all well and good; and one of the reasons that vinyl continues to flourish in the digital age. But the real joy in music for many of us is in a sense of community, of doing, of making friends and persuading existing ones to be as excited about a band as we are. It’s those very visceral, social aspects of music that make it such a wonderfully emotive medium, and they’re the reason that graphic designer David Blanco decided to turn the skills of his day job to his out-of-hours passion: seeing great bands, talking to them, telling other people about them and forcing their sounds into the earholes of others.

  7. Bbdfaotw-itsnicethat-list

    Studio Johannes Bissinger’s catalogue for the Stiftung Buchkunst, a compilation of the “BEST BOOK DESIGN FROM ALL OVER THE WORLD,” is a publication I’ve had on my desk since it arrived in the post last week, and which nobody has been able to walk past without picking it up to thumb through and remark “ooh, this is nice.”

  8. Mobydigg-aandp-itsnicethat-list

    Say the words “management consultancy” and you’re likely to see the colour drain from the face of whatever poor unfortunate you’re talking to. The same’s probably true when a management consultancy calls up and requests that you take care of their branding. Aside from the packets of cash there’s unlikely to be many perks to the work ahead. Refreshing then that Moby Digg’s approach to the branding of M&P management consultants turns this idea of creative tedium on its head. Aside from the simple serif word mark and logotype they’ve given each member of staff their own painterly mark and accent colour by which they can be distinguished. It’s uncomplicated conceptually but brushes off the stuffiness with which this particular profession is typically associated.

  9. List-jon-bland-its-nice-that-50-things-1

    Graphic design has a lot of power: to persuade, to delight, to foster recognition. It also has the power to help make the scariest years of a school career that little bit easier, as a few recent projects have shown. One, which we featured last year, was the playful Studio Hato-designed tool for year six kids to express themselves, and now we’ve got the equally charming 50 Things to do before the end of Year 7. Created by designer Jon Bland and teacher Sophie Farrar’ the sweet little tome sets out tasks to complete during that terrifying first year into big school, and aims to help the kids – many of whom barely speak English – feel more comfortable within their school and their communities. The booklets were kept pared-back in design and printed on yellow school paper sourced directly from the good people at Manchester Academy, “a secondary school facing many challenges,” according to Jon.

  10. Mattwilley-avaunt-itsnicethat-list

    Back in March I was on a panel discussing magazine publishing with Matt Willey. We spoke in some detail about the challenges of making magazines work; something Matt is perfectly positioned to pontificate on seeing as he’s worked at a whole host of titles and even started his own in Port (although he’s no longer involved). Now based in the States as part of Gail Bichler’s design team at The New York Times Magazine, he seemed to have found the ideal fit for his prodigious editorial talents, but a few weeks ago news reached us confirming that Matt was starting a new magazine with longtime collaborator (and Port co-founder) Dan Crowe, and the explorer Ben Saunders. Why throw himself into these choppy, challenging waters again?

  11. Yanda-itsnicethat-list

    DO NOT DESIGN is a Singapore-based creative consultancy whose portfolio directly undermines its name. Its work spans editorial design produced to accompany art, installation and performance works. What caught our eye though was DEAR, a new self-funded zine which aims to celebrate the unusual and the curious in a manner which reflects what the studio describes as “our salad-bowl of a nation, Singapore.” Including visual essays and contributions by a diverse range of artists, not to mention a sparse, pared-back layout bookended by the zine’s intriguing cut-out cover, DEAR looks set to mark the start of an eclectic, and hopefully enduring new chapter for zines created in Singapore.

  12. Narcsville-itsnicethat-main

    Have you seen the mental health series that Vice is running at the moment? It’s brilliant. As well as pulling together witty, intelligent and truly necessary articles by a bunch of great writers, the artistic commissioning is bang on too. One of the artists they asked to create imagery to accompany these pieces – not an easy thing to do, I may add – is a guy who goes by the name of Narcsville.

  13. List-martin-groch-its-nice-thatera-obalka-2-final-na-web

    “A natural talent for combining type, image and abstract forms” is how we described Slovakian designer Martin Groch when we first posted about him. We stand by that, and now his talents are being put to good use under the discerning eye of Eike König at Hort, where Martin’s currently interning. During his time there he’s worked with the team on some great graphics and illustrations for Read magazine, which suit his blocky, slick style perfectly. Elsewhere in his portfolio we’ve been admiring some great cover designs for architecture magazine ERA21, and some beautiful posters for a Czech documentary film festival. “The whole concept is about confrontation between sci-fi concepts and our present reality,” Martin explains. It seems fitting for his style, which manages to articulate normal things in a disorientating, bold and futuristic style.