In e-book formatting, the K.I.S.S. principle still applies

… or, we have to wait a little longer before rich media in e-reader formats is a viable option for most authors.

Part One
I’ve been knee-deep in research into e-reader formatting for the better part of two weeks, learning all about the enhanced capabilities of KF8 and EPUB3.

The challenge
A couple of weeks ago, I finished an animated book cover for award-winning Patti Larsen, and wanted to figure out if we could make it work in an e-book. Well, I love a challenge, so off I went, digging through the thousands of google results, looking for the HTML 5 and CSS 2 & 3 holy grail of e-book formatting and how to get this animated .gif of Patti’s Family Magic cover to work in the e-reader file on the device.

What I learned is that adoption of HTML 5 and CSS 2 & 3, so hyped last fall and earlier this year, is not being embraced as quickly as originally anticipated. Although the software is now in place, it’s taking longer to make older models (like Kindle Touch) compatible, and consumers are not rushing out to upgrade their devices.

Family Magic animated .gif cover

Family Magic, Book One of the Hayle Coven Series


Thanks, Patti, for letting me feature this artwork!

My background is print design… page layout, vector illustration, Photoshop, the pre-press process and what happens when a design hits a press. I’ve worked in and around this process for more than 20 years. More recently, I’ve learned about advanced PDF functionality, like embedding media like audio and video. If e-readers worked on fixed format PDFs, this animated cover would be a done deal.

Fixed format
What do I mean by “fixed format”? Well, think of taking a print book and producing an e-book that looks exactly like the printed version. So, a designer working with fixed format can exactly control the look of the page. The reader cannot adapt the content (change size, font or background) to their reading preferences. This fixed format comes in handy when working with e-books that require lots of formatting, like children’s book, cookbooks and textbooks.

The achilles heel of fixed format? Devices are different, with different screen sizes and other specifications (think about the difference in size and screen between a Kindle 2 and an iPhone). To fit each e-reader device perfectly, a fixed format version would have to be produced for each different spec. I believe at last count there’s over 40.

Responsive formats
EPUB, MOBI and other e-reader formats are based on the complete opposite of fixed format layouts. A designer doesn’t design the page, but the structure. The final look of the page is controlled by the screen size of the device and the reader, who can change size (and possibly font). The content reflows based on these options. This makes the format more versatile, allowing it to work on multiple screen sizes. There are many e-reader formats out there, but most devices (and most authors) cater to EPUB and MOBI formats.

OK, I can wrap my head around that. It’s like designing a web site using a content management system and responsive design, and uses web development languages (HTML and CSS) instead of page layout programs.

Trial and error
For testing, I started with the easiest of .epub and .mobi file conversion…formatting in Microsoft Word and using Smashwords and Kindle conversion tools. The animation didn’t work, but I really didn’t expect it to. Most likely Microsoft Word can’t handle the animated .gif and stripped out the animation. I also got to see the K.I.S.S. principle in action. Considering how many different devices and file types there are available, it’s pretty cool how one Microsoft Word file, built to specific standards can be converted to work so many ways.

My next step was to go looking for EPUB editor/creation software. I found Sigil. It’s great. It also you to build WSIWYG (what you see it what you get) and also by code. Very helpful for someone like me that understands the basics of coding, but isn’t a coder. Using Sigil, I see how similar e-book files are to web pages.

FYI…I did manage to produce an EPUB file that played the animation in Calibre, but Adobe Digital Editions wouldn’t play along. My poor, old AluraTek Libre wouldn’t open the file at all.

P.S. Online sales sites (like Amazon, Barnes and Noble, etc.) do not support animated .gifs on their listing pages at this time.

More research
Reading further into the recent changes in e-reader software, I see that older technology (like animated .gif) won’t be supported. Sounds like the e-readers are playing a little catch-up to their www cousin, so Kindle and Adobe are skipping over some things. Alas, animated .gifs are not going to work. Other video and audio formats (like mp4) will be supported, but few devices are capable of supporting these enhanced content formats now.

What KF8 and EPUB3 do allow, though, is enhanced formatting. Finally designers can add their touch to the look and feel of the e-book file, embedding fonts, drop caps, justification, and a lot more. KF8 has the ability of two sets of instructions in the CSS file, directing both KF8 enhanced formatting instructions (now only supported by Kindle Fire) and basic formatting for older devices. If it works, it would be the best of both worlds… a beautifully designed book that can also be responsive, and support older devices.

The new challenge
I filled Patti in on my findings, and mentioned the enhanced formatting possibilities I had learned about. It started a new challenge, which has been my focus this week.

One file to rule them all!
Next week, I’ll fill you in on my experiments in enhanced formats and one .mobi file for all Kindle devices.

Read More

Welcome to dog-earbookdesign.com!

Welcome to my new, shiny website. I’m glad to see you here. There’s lots to see, so feel free to poke around.
Some shortcuts for you, if you are in a rush:
custom design portfolio
pre-designed interiors

If you notice something looking wonky, please drop me a line and let me know, especially if you use IE.

And of course, if you want to work together, please get in touch!

Valerie

Read More

Clone One

Clone One

Clone One, Book Three of the Clone Chronicles, Patti Larsen

Clone One, Book Three of the Clone Chronicles
Patti Larsen

Custom cover for the last book of the Clone Chronicles, Clone One, from Patti Larsen. Patti supplied the images and creative direction. Once again, I played in Photoshop.

Read More

Clone Two

Clone Two

Clone Two, Book Two fo the Clone Chronicles, Patti Larsen

Clone Two, Book Two of the Clone Chronicles
Patti Larsen

Custom cover design for Book Two of the Clone Chronicles. Patti supplied the images and creative direction, and I went to town in Photoshop.

Read More

Clone Three

Clone 3 cover

Clone Three, Book One of the Clone Chronicles, Patti Larsen

Clone Three, Book One of the Clone Chronicles
Patti Larsen

Patti supplied images and treatment ideas. We talked through all three covers in the same briefing call. Stay tuned for Clone Two and Clone One.

available on amazon

Read More

The Hayle Coven Series

Full Circle, from The Hayle Coven Series from Patti Larsen

Full Circle, Book Eight of the Hayle Coven Series, Patti Larsen


The Hayle Coven Series
Patti Larsen

Series design/branding and layouts. This is a great example of consistent look and feel (or branding) for a series, using a consistent element from the covers, the pentagram. Each book uses the same design template developed with the first book.

Read More