High-Resolution Website Design
Posted 01 April 2013
It’s been a couple of years now since Apple introduced its high-resolution retina display. This technology, initially introduced to the iPhone and now available throughout much of Apple’s range, is designed increase the viewing experience on these devices. By increasing the pixel density of the screens and smoothing the edges of individual pixels retina display is intended to match the viewing experience of a printed magazine and give the viewer a pixellation-free device.
Inevitably this has shaped the way that smartphone and tablet manufacturers design new devices. It’s increasingly common to see extraordinarily high-quality screens on a wide range of mobile devices. Whilst this has significantly increased the quality of these products, and made viewing films, photograph and text much more enjoyable, it has had a number of implications for web designers.
Web design is all about producing websites which both function well and look good on every device. Responsive website design has redefined the way that we approach designing websites, resulting in websites which perform better than ever on a wide range of devices.
However, with the growing popularity of high-resolution devices, web designers have some important decisions to make as we respond to the need for high-resolution website design. Websites are getting bigger and bigger in size, but we’re also faced with a growing need to design sites which load quickly. If we simply produced websites which are entirely geared towards high-resolution devices, this might result in web designs which are prohibitively slow and function poorly.
Instead, a successful approach has been to identify key parts of a website to design in high-resolution. This involves determining those parts of the site which are important for impressing visitors – branding/logo, images, icons etc – or that can look dated on high-resolution displays. Web designers can then ensure that these components of the site are primarily geared towards looking fantastic on high quality screens. Other areas can be designed in lower resolution with user experience and website speed being prioritised. This also helps to future-proof the website (assuming that high-resolution devices will grow in quality and popularity) and keep your company’s website looking good and performing well on every platform and device.
Web designers can also respond to the growing popularity of high-resolution mobile devices by rethinking the way that we design sites in the first place. There are, for example, a growing number of simpler sites which feature minimalistic web design features. These websites often use typography, large areas of ‘whitespace’ and simpler menus to provide an alternative but equally impressive viewing experience. Designing websites in this way makes it much easier to upscale to high-resolution devices without slowing down the speed of the website. Inevitably, successful website design always marries visual appeal with functionality.
To find out more about our web design services why not check out our portfolio or contact us today…