“Heritage Futures is a four-year research programme funded by the UK Arts and Humanities Research Council exploring the potential for a creative exchange across a broad range of heritage and related fields. We built them a prototype website which the client, their team and multiple researchers in the field could test out. We then used this feedback to make important decisions about the design. In the process, we learned that we shouldn’t make assumptions about device usage. Instead, focusing on the content and experience ensured that the website worked across multiple devices and ensured a consistent brand experience.” CHRIS BUTTERWORTH HEAD OF DIGITAL, THE DISTRICT
as CSS Grid and Flexbox are starting to allow for more intricate layouts. Interaction on the web is vastly improving and we’ll see a range of complex apps now being built into the browser.”
Luckily for most designers, you don’t have to be a coder to get on board with all of this. “Graphic design tools are finally starting to adapt to digital workflows, with features that help designers test responsive layouts,” says Robinson. “Sketch’s smart resizing and pinning tools, for example, allow you to create responsive rules on a component level. Framer helps you go a little further, enabling you to change the visibility of components at various dimensions.”
Maynard uses Sketch for the majority of his web design projects. “It comes with templates for device sizes, so you can dive straight into designing responsively,” he explains. “I’d also recommend keeping your eye on InVision Studio, as it really does look like a game-changer for prototyping, animation and design, all in one app. Another tool I tend to use is Skala Preview in order to help check all my designs are in line when browsing on smaller devices.”
LOOK AROUND YOU
But even if you steer clear of creating websites or prototypes yourself, understanding the core elements of responsive design can still help your career as a designer. And that can be as simple as paying attention to what’s going on around you.