• 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. Nbstudio-almeida-int-list

    It’s often the case with design work that the final outcome is quite different in scope to the original brief. So it was for NB Studio, which was originally asked by the Almeida Theatre in London for a brand review and refresh. After what the studio calls “an intensive period of immersion and briefing sessions,” the NB team came back with a more wide-ranging proposal – “It was clear then that this was to be a bold re-brand rather than mere cosmetic enhancement,” they say.

  2. Vg_alphabeta_04

    About seven years ago Village Green produced a series of iconic posters for London’s infamous Fabric nightclub… and then we haven’t checked up on them since. Poor form on our part as they’ve been busy expanding, improving and creating work for bigger and better clients. Currently it seems they’re specialising in architectural branding for commercial property developments, cladding the Alphabeta redevelopment in Finsbury Square, London and The Bonhill Building office spaces on Old Street. Of course they’ve done other stuff too; like the identity and exhibition design for Jean Paul Gaultier’s Barbican show and Nike’s 2013 Hypervenom campaign, but frankly there’s just too much stuff to cover in one article. We’ll be sure to keep closer tabs on these guys in future.

  3. Quimmarin-posters-int-list

    Barcelona-based designer and art director Quim Marin has a strong visual sensibility and a prolific work-rate if scrolling through his site is anything to go by. There’s a load of impressive poster and other print design on there, with particularly effective use of some trendy tropes which can often feel stale in less talented hands. “In such a visually polluted environment I try to come up with fresh and memorable designs with a clear aim at essential beauty and equilibrium that, at the same time, will ensure communicative effectiveness,“ Quim says by way of a mission statement, and it’s hard to sum up his work better than that.

  4. Chevalvert-int-list-2

    You wade into Chevalvert’s portfolio rubbing your hands across your eyes, unsure of what you’ve stumbled across. The Paris-based studio was founded in 2007 by Patrick Paleta and Stéphane Buellet and describes itself as being based on an “open, multidisciplinary approach,” which might go some way to explaining why it feels like a cave laden with treasures. So many treasures.

  5. Fantastic-man-list

    Fantastic Man magazine has been redesigned, as shown in its teaser image of its tenth anniversary issue. The magazine’s new issue cover star JW Anderson has shown the new cover on Instagram, which reveals a new design seeing the masthead run vertically and horizontally, instead of its previous preluder horizontal configuration. The cover image also runs to both sides, moving away from its previous white-edged format. We’re excited to see what changes might have been made to the inside of the mag…

  6. Dwp-bikestock-int-list

    This morning I had a puncture that I couldn’t fix and had to get the train to work, so it feels timely to be writing about Bikestock, a range of vending machines full of cycling essentials that can be found all over New York and Boston. The concept is a simple one; inner tubes, spanners, tyre levers tyres and any number of other little bits and pieces that make your wheels turn smoothly are boshed into a vending machine so you can grab them on the go and, more importantly, at any time of day!

  7. List

    Joost Bos is a recent graduate from the Academie Minerva Groningen in The Netherlands where he’s spent three years studying for his bachelor’s degree. Like many of his Dutch counterparts he’s a dab hand with typography both traditional and experimental and has a plethora of printed pieces in his portfolio. This one, Sequence 1, is an exhibition catalogue for a show of artist books at Joost’s alma mater, which perfectly demonstrates his design sensibilities. Immaculately set type is interspersed with hand-drawn elements and bright colours bring intrigue to an otherwise monochrome publication. Like what you’re seeing? He’s available for freelance work right now!

  8. Sam-coldy-penguin-int-list

    Is it just me or is Penguin killing it at the moment? The publishing house only recently celebrated its 80th birthday by launching a range of its classic titles for 80p each, accompanied by a slick website and a poster campaign which has reached even the furthest corners of London’s transport system. And right now, they’re in the midst of a new campaign called On the Page which celebrates women authors and characters in literary masterpieces.

  9. Karansingh-mop-int-list

    The glorious coming together of pattern, shape and colour makes for a joyous experience and that’s why print designers are held in such high regard. Last week we commissioned Animade to turn three eye-poppingly good Pucci x Orlebar Brown patterns into trippy GIFs, this week we’re turning our attention to profiling creatives we believe are among the best around when it comes to working in this area. We are proud to present these #mastersofprint.

  10. Gerard-marin-int-list

    There’s something of a trend going around at the moment for identities using 3D logo-marks, and with this one by Gerard Marin we can see why. Barcelona-based designer Gerard developed the branding, stationery and corporate materials for interior designer and visual merchandiser Neus Ortiz. Recognisability and malleability were at the forefront of his mind for this project, and the flexible “N,” which changes according to its application, prove a neat solution to both. His is an unfussy aesthetic which lends itself perfectly to branding projects – here’s hoping more make their way to him very soon.

  11. Nike-logo

    There’s a moment in this film where Michael Bierut comes over all Hayley Joel Osment in The Sixth Sense as he declares: “ I can see things in typefaces that normal people can’t.” It’s part of his discussion about how “design can be a lonely thing” and that as you immerse yourself in that world “you’re actually making yourself less normal than regular people.” Filmed at Design Indaba in South Africa last month, this interesting short film moves onto to look at logos and why designers are so interested in them. Using famous examples like the Nike swoosh and the Target, um, target, Michael explains his theory that we’re drawn to them because they’re primitive and yet we invest them with so much meaning. “A lot of what we see when we’re looking at the logo isn’t really happening in the logo; it happens in our own mind,” he explains.

  12. Emilyoberman-snl-int-hero

    One of the undoubted highlights of this year’s Design Indaba conference in Cape Town was hearing Pentagram partner Emily Oberman detail her long-running work on Saturday Night Live. Emily has worked with the programme for 20 years, creating three separate versions of its identity, various title sequences and even spoof adverts to run in the breaks (like this). Now Emily has teamed up with writer Alison Castle to produce Saturday Night Live: The Book, a 500-page paean to the show which coincides with its 40th anniversary this autumn.

  13. Studio-lin-stampa-int-list

    Sometimes a dead simple idea is all you need to create something really striking. In the case of Studio Lin’s branding of Stampa that simple idea was a rolled up poster. Stampa specialise in limited edition prints produced by some of the best illustrators around – shipped direct to your door. How do they do this? By rolling them up in a poster tube. So what does their logo look like? A pair of rolled-up prints joined at their edges to form an S. Studio Lin also commissioned an entire custom typeface for the brand, but for me it’s that swirling blue S that hits the nail on the head every time. Simple!