Type and image considerations in responsive design
April 24, 2014Today, 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.”
Read more articles on responsive design
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:
Building, Construction and Engineering
GroupOne.com.au
SydneyEnergy.com.au
Corporate Services
Comsec-Offshore.com
Education
Cameragal.nsw.edu.au
Entertainment
JennaDearnessDark.com
Government
LRWG.com.au
Health and Safety
NeckSafe.com
Hospitality
ViewHotels.com.au
Legal
NorthsideLaw.com.au
Manufacturing
OysterShellSystems.com
Resources
OwenHegarty.com
Security
Ballistics.com.au
Related articles
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?
More articles on the mobile marketplace
*Reviews of e-readers in the Australian market on cNet
Comparison of e-book readers in Wikipedia
About Fonts.com
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
The launch .. was a success. We were able to present this live on a Wireless connection during our Sydney, Australia sales conference on a location with very limited internet bandwidth. This proves the technology used .. renders light webpages which are easy to download on a browser.
Comments I've heard from our employees were all positive and reflected precisely what we were looking for: a simple but concise, clean and effective webpage.
We acknowledge the timeframe given to you was extremely short but nevertheless you have sucessfully delivered the project on schedule .. the critical success factor was communication and availability of Digital Tsunami's team.
I am very glad we were able to partner with such a professional team as yours and I am confident any other initiatives with you will be as successful.
Digital Tsunami’s work for Leighton International has been of an extremely high quality, highly responsive and flexible in approach. Andrew and his team worked with us to understand our needs and find the most appropriate solutions.
Thanks very much for the speed & professionalism with which you continue to service our needs, despite the fact that this is provided pro bono !
Your ongoing generosity in donating the services of Digital Tsunami to Foodbank is appreciated more than you know. We, and the 30,000 people a day you help us feed, are indebted to you.
.. organised, meticulously detailed and yet flexible - always serving client needs to the highest standards. From a client perspective, you can expect high quality, timely completion and minimal fuss.
I would like to thank you for your tremendous contribution to Foodbank over the years.
The organisation certainly wouldn’t be where we are today without your support!