Type and image considerations in responsive designApril 24, 2014
Today, typefaces are no longer the sole province of print media, but are read on a plethora of screen-based platforms; desktop and laptop computers, phablets, tablets, smartphones; as well as a diversity of specific e-Readers (including Cybook, Icarus, PocketBook, Pyrus, Nook, Kindle and Kobo)*
People view Internet sites on handheld devices and read e-books on computers as well as mobiles. This variety of ‘delivery mechanisms’ adds a dimension of complexity to the job of the designer.
Ilene Strizver, typographic consultant, designer, writer and founder of The Type Studio, addresses this in the Fonts.com blog.
“Legibility and readability of the content are key to engaging and holding the reader’s attention.
So, which category of typeface is the better choice: serif or sans serif?
While sans serif designs have in the past been the “type style of choice” for live text on the Web .. the high resolution of much of today’s digital media, coupled with advanced font technology, has increased the clarity and legibility of fonts used for screen-based media.”
The preparation of images too, requires consideration for sites built with responsive design.
Whereas a non-responsive site may have small static ‘thumbnail’ images which link to enlargements appearing in a shadowbox, thumbs on a responsive site may actually increase in size as the page format adjusts from multiple columns to a single column.
Many developers will use an ‘intelligent’ CMS (like WordPress) which automatically creates ALL web images from a single original uploaded image (which may be as much as 2000 pixels wide). This ensures that the image is at its highest resolution (and most modest file size), in appropriate dimensions for every appearance. This approach satisfies accessibility, usability, rapid page load times and visual quality and impact.
In recent months, Digital Tsunami has launched scores of responsive solutions and is constantly delivering sites built with responsive design for national and international clients.
If you want to capitalise on the massive growth in mobile Internet traffic for your brand, contact Digital Tsunami today to plan an upgrade to the latest technology.
Selected sites built with responsive design:
Health and Safety
Mobile video consumption keeps growing
1,040% increase in Internet time spent on tablets
World going mobile, as smartphone sales to exceed PCs
Comsec trilingual responsive site launched
What does “responsive” really mean?
The Fonts.com™ store from Monotype offers more than 150,000 desktop and Web font products for you to preview, purchase and download.
The Fonts.com blog offers a daily dose of typography (for print, web, mobile and more). The blog often announces new fonts, such as the Slab Serif font Silica, which owes its heritage to the demands for attention-getting early print advertising of 1815.
From Our Clients
By taking the time to understand our business, industry and vision, Digital Tsunami created a site that truly reflected our leadership position in the market and our strategic direction.
Digital Tsunami's expertise in visual design, photography, website navigation and business writing, resulted in an extremely effective website.
The project was expertly managed from end to end which resulted in a fast and efficient process.
For providing a reliable, fast, and well maintained hosting service for business websites, I recommend Andrew and his company Digital Tsunami. The technical support given has been above and beyond, their hosting the fastest I have experienced, and is very well maintained with no issues.
Andrew certainly bends over backwards for his new and current clients, and I can tell he genuinely cares about providing nothing short of an outstanding service.
Working with this team has been a delight and the resulting website far exceeds our expectations. All stages of the process were handled professionally, promptly and creatively. Discussions went smoothly, with flawless communication and suitable and sensible solutions whenever issues were raised. Time frames were either met or delivered early. The site was 100% accurate, indicating impressive attention to detail.
Without exception, the feedback on our site has been outstanding - clear and thoughtful layout, appropriate and interesting graphics and intuitive navigation.
Digital Tsunami has supported us for many years now, and we continue to be impressed by the standard of service and advice. We not only get quality web design and implementation, but also honest feedback and suggestions which are crucial to the final product.
Digital Tsunami is able to discuss ideas with us and then develop them into a practical solution online, and this ‘team’ effort ensures the results are of the highest quality.
When our website is the first thing people look to when making an assessment on our company, I’m pleased to know that we have Andrew and his team behind us.
We continue to be impressed by the standard of service and advice. We not only get quality web design and implementation, but also honest feedback and suggestions which are crucial to the final product.