Type and image considerations in responsive design

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.”

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

Quotation Mark

Digital Tsunami is awesome.

Knowledge far beyond my expectations, led to the site being beautifully creative with simplicity, which is just perfect for a young female artist.

Andrew's patience and respect was impeccable, but what I loved most, was that he just knew what to do EVERY single time ... just the perfect web creator.

Thank you Digital Tsunami. Thank you Andrew

Jenna Dearness Dark
recording artist
Gold Coast, QLD, Australia
Quotation Mark

Andrew W Morse and the Digital Tsunami team are world class, creative professionals in the challenging and highly competitive business of web page design and utilisation.

He understands business, he understands marketing, he understands communication and he understands design. And most importantly, his web pages pay for themselves within weeks of going online.

Laurie K. Gilbert
Director
Shah Alam, Selangor, Malaysia
Quotation Mark

Digital Tsunami provided an outstanding service throughout the whole web development process. Andrew spent extensive time early on to understand our business in order to provide additional conceptual and strategic contributions to the brand and corporate identity of Kinetic Defence Services to ensure the message was clear, precise and appealing to the target audience.

The development process was smooth and efficient and enabled us to have an input throughout to guarantee total satisfaction with the final look and feel of the site.

Angelo Mastropietro
Director
Sydney, NSW, Australia
Kinetic Defence
Quotation Mark

.. very knowledgeable, creative and patient while also pushing me to work through the many decisions such a project involves.

Corinna Sager
President
Montclair, New York, USA
Lifestyle International
Quotation Mark

The services provided included the registration of our domain name, establishment of our email accounts, and development & hosting of our website, were all executed rapidly and effectively. We also appreciate the service of upgrading our list of 150 shelf company names (in Chinese characters and English) every 2 weeks.

We valued the high level of creative design provided by Digital Tsunami, both for the website and the corporate identity.

Anthony Chiu
Managing Director
Hong Kong
error: We appreciate that you value our content. You are welcome to link to this page, but content is copyright protected.