Switch From Print To Web: Where To Start?

Advertisement

Making the switch from print publishing to digital publishing is a big step. But as costs for everything from paper to shipping increase, making the jump to digital is becoming more appealing to publishers of both newspapers and magazines. It’s a complicated process, though, and if not executed effectively, it can leave readers feeling alienated and disenfranchised.

Not exactly what you want, considering that it can be more difficult to attract and retain digital subscribers than to sell something outside of the virtual world. Below are some things to consider when making the switch. Research up front will prevent headaches down the road.

1. Digital Publication Formats

There are three basic formats for digital publication, each with its own pros and cons.

Flip-Books

Digital flip-book-style magazines, commonly known simply as “digital magazines,” are a great option if you’re keeping a print presence. A number of companies offer flip-book solutions, and a few different formats are available. Encore Magazine1 is one of numerous examples of a Flash-based online magazine with a “print” look.

Distribution of this type of magazine is generally done via emailed links as well as links from your publication’s website and from online advertisements. Rights management for this type of file is very easy to set up. You can prevent text from being cut and pasted onto other websites, control the quality that pages are print in and make it impossible to copy or save the magazine files.

Screenshot2

The biggest advantages of this format are the similarities to print publications. Readers turn pages and view things much as they would in a magazine or newspaper in real life. Page layouts can be taken directly from the files that go to the printer. In addition to including everything that appears in the standard print publication, most digital magazines in this format can add multimedia content, either for editorial sections or advertisers.

Click-throughs are easy to track for this type of publication, making it simple to provide advertisers with reports on traffic and even views. Some providers even tell you the amount of time visitors spend on each page in addition to overall views and click-through rates. Advertisers are almost always interested in how much attention their ads are getting, and this format can make it easier to track which pages and features increase click-throughs and viewership, making premium placements and add-ons easier to sell.

The disadvantages to this type of digital magazine are mostly related to cost and server space. You’ll either have to pay a service provider, such as Texterity or Zinio, to convert your PDF files to flip-book format, or you’ll have to have a staff member on hand capable of creating it (which generally requires pretty advanced knowledge of Flash). Most service providers charge a basic setup fee, an additional per-page surcharge and often a monthly hosting fee for completed magazines.

Search engine optimization is also more difficult with flip-book solutions because most are Flash- or image-based. Long-tail search results are harder to attain because, in most cases, not all text is available to search engines.

Resources:

  • Flash Page Flip Engine3 is a good solution for in-house creation of digital magazines.
  • Texterity4 is a flip-book creator that includes a built-in lead management system.
  • Zinio5 is probably the largest digital magazine creator and has an online newsstand where it sells subscriptions and single copies.

PDF Magazines

PDF magazines are excellent for a more budget-conscious publication that still wants to keep its print format or wants to make the publication more portable. Creating PDFs for distribution online is no more difficult than creating them for printing, and in many ways is much more forgiving.

Distribution is similar to that of a flip-book-style magazine, though depending on the size of your file, you may also be able to email it directly to subscribers. Digital rights management can be controlled through the security settings in your PDF editor.

Blanket 16

Blanket 27
Blanket8 is a PDF magazine. It offers a mix of excellent writing, colorful layouts, and good content.

One of the biggest advantages of simple PDF magazines is their ease of setup. Page files are generally sent to printers in PDF format, so setting up the same files for Web distribution is an easy-enough transition. Another advantage is cost. In all likelihood, a publication already owns the software required to create the magazine, and staff wouldn’t need additional training.

Depending on the size of the files created, hosting and bandwidth needs would not be too high. Consideration should be given to size, because publications will need to be downloaded to be viewed. Portability is another advantage, as readers can download and save the magazine or newspaper to their hard drive or any portable device capable of reading PDFs.

Newer PDF formats can include multimedia files and links, making them more competitive with flip-book-style magazines. Inclusion of multimedia files does, however, increase the overall file size and should be used sparingly to prevent the file from becoming unwieldy. And because search engines can index PDFs like any other content online, SEO is easier than with flip-book-format magazines.

PDF does have disadvantages. File size needs to be carefully monitored. In publications that are image-heavy or include multimedia, files can quickly exceed 100 MB. Image compression can go a long way to remedying this problem, but if you go too far, you’ll sacrifice quality and images won’t appear crisp on the screen. To encourage readers to download, the optimal file size is generally around 10 MB. If your target readership likely has a slower connection speed, you’ll need to be even more diligent about file size.

Resources:

  • Adobe Acrobat9 is the most fully featured PDF creation software out there.
  • pdf-mags.com10 is a distribution website for free PDF-based magazines.

Blog- and Website-Based Magazines

The best solution for many types of publications, especially ones not keeping a print presence, is to discard the print-style magazine or newspaper format and simply set up a blog or website with a news- or magazine-style theme. This is one of the most cost-effective solutions for digital publications. Often, whoever does your website design or maintenance can set up a section of your website to serve as an online publication.

Screenshot11

Distribution is as simple as sending out an announcement whenever new articles are added and setting up RSS feed capability (generally built into blog software). Security is a bigger concern because cut-and-paste functions are enabled by default on this type of website, making it easier for others to steal content for use on their own websites. These capabilities can be disabled, however, and you may want to consider doing so.

The biggest advantages of this type of format are the costs and ease of use on both the publication’s and reader’s end. Your readers are already accustomed to reading articles online, so the transition won’t likely alienate them. Bandwidth and storage issues are no worse than for any high-traffic website. Readers can choose how to be notified of new content, either through RSS or email. Re-distribution to friends and other interested contacts is easy enough through email, and an “Email to a friend” button is a useful feature to include right at the article level.

If your publication is image-heavy, this format may not be the right solution, or at least more care will need to be taken during the initial design and setup stages. Take into account how many images you’ll want to have for each article and how important those images really are. Consideration should be given to how the images will look on screen and in the context of the overall text layout.

Resources:

  • WordPress12 is a great, free platform for creating blog-based publications.
  • Movable Type13 is another platform for blog-based publications.
  • This article on free WordPress templates14 contains a number of high-quality magazine themes perfect for online publications.

A Hybrid Approach

A hybrid approach is another option. Combine any or all of the approaches above to increase options for your readers. Providing an online flip-book that can be downloaded in PDF format gives your readers the best of both worlds. Letting casual visitors read articles right on your website is a good solution that can increase subscriber numbers, with little investment on the part of the visitor.

If you use this approach, make sure to integrate each solution fully and that your publication has a style that carries over between the different formats. Otherwise, you risk making things look like they have been pieced together after the fact.

Resources:

  • Magazooms15 provides a variety of flip-book options with the ability to download a personal PDF copy.

2. Special Design Considerations

Typography and images are the two major design elements you’ll need to reconsider when making the switch from print to online publishing. No matter which format you’ve chosen, there are distinct differences between the way something appears on screen and the way it appears in print. In many ways, online publishing is much more forgiving than print of image compression and quality. On the other hand, digital typography is, in many ways, harder to master than print typography.

Typography

A couple of major differences exist between best practices in print typography and those in digital typography. Font type and size should be reconsidered when transitioning between print and digital. Contrast between the font color and background color should also be taken into consideration.

1. Font Choice
Typography is probably the most important decision you’ll make when transitioning from print to digital. Serif fonts have traditionally been used for body text in print publications because they are easier to read on paper. But studies have shown that sans-serif fonts have higher readability on screen16. Switching the body text of your articles to a sans-serif font will often change the entire look of the publication and may require tweaking the overall design to maintain a unified style.

While many fonts originally designed for print are perfectly readable on screen, using fonts that are optimized for on-screen readability often comes with advantages. Georgia (serif) and Verdana (sans-serif) were both designed for on-screen use.

Compare the difference between 11-point Times New Roman…

Times New Roman 11 point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, sit amet dictum massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.

…and 11-point Georgia:

Georgia 11 point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, sit amet dictum massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.

Most will agree that the Georgia is much more readable than the Times New Roman example.

The same is true for sans-serif fonts. Here’s 11-point Arial…

Arial 11 point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, sit amet dictum massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.

…and 11-point Verdana:

Verdana 11 point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, sit amet dictum massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.

While both were designed specifically for on-screen use, Verdana still comes out easier to read in most cases.

Use Verdana and Georgia as your “gold standards” of on-screen typography; when searching for fonts, compare the readability of those to these. If a font is at least as readable as either of these, then you’re on the right track. If it falls short, you’ll have to either increase the font size or play around with contrast to make the type more legible. And remember, if you’re using a website- or blog-based publication format, you’ll need to stick with Web-safe fonts (I’d just recommend Verdana or Georgia in this case).

2. Font Size
Most print publications use a 10- or 11-point font (some even go as small as 9 points). While this is perfectly legible on paper, it is often very difficult to read on-screen. And in the case of flip-book magazines, it means that even readers with excellent eyesight will have to zoom in to read articles. Increasing your font size to 12- or even 14-point type will make your articles much more reader-friendly.

Here is an illustration of how increasing the font size to 12 points makes a big difference in readability:

Screenshot

Screenshot

Compare the difference between Verdana and Georgia:

Screenshot

Screenshot

Notice how Verdana is, for the most part, still easier to read than Georgia.

If you’ve opted for a website- or blog-based digital publication, including links to increase or decrease font size is a nice feature to add. Depending on your target market, your users may not be familiar with their browser’s ability to increase and decrease type size.

The size you choose should correspond directly to the font’s complexity. If you’re using an elaborate script or grunge font (and I would recommend using these only for headers and sub-headings), you’ll want to increase the font size. Simpler fonts usually can be kept smaller.

3. Contrast and Color
For some reason, a lot of people who design perfectly beautiful print products sometimes go nuts with color when they design digital products. Here are some best practices for color and contrast.

Using a very dark gray type instead of black is sometimes easier on the eyes. Even switching to a #999999 gray on a white background can make a world of difference in preventing eye strain in your readers. Going for too light and too low a contrast can have the opposite effect and make it harder to read (i.e. don’t use a #333333 gray on a white background).

Screenshot

Screenshot

Screenshot

Screenshot

While the first two are perfectly legible, the medium-gray type is noticeably harder to read for long periods of time. The light-gray font is very difficult to read and is probably best not used at all or reserved for things like image captions.

Beware of using a dark background with white type. Large blocks of white text set against a black background become very difficult to read. If you’re determined to use a combination of dark background and light text, decrease the contrast. Use a #333333 gray type on a black background, or even a #999999 background. In the examples below, notice how harsh the white text on the black background looks. When the text color is changed to a light gray or the background is changed to a dark gray, it is noticeably smoother.

Screenshot

Screenshot

Screenshot

Colored headings are perfectly fine to use, though fluorescent colors are often harder to read. Also, don’t use a type color and background color that are opposite on the color wheel (blue and orange, purple and yellow, red and green, etc.) Color combinations like these are almost impossible to read.

Screenshot

Colored body text is much trickier than colored headings. Navy blue, hunter green, dark brown and similar colors are generally fine on a white or very light-colored background. But the further you stray from black and gray and the brighter you go, the harder your text becomes to read.

Screenshot

Screenshot

Screenshot

While the dark blue is completely readable, the green is almost illegible. The red is readable but much more likely to cause eye strain in long passages of text. Use it sparingly.

Images

There are two major differences between print and on-screen images. The first is the color space used, CMYK vs. RGB. The second is compression and overall image size.

CMYK vs. RGB
CMYK stands for Cyan, Magenta, Yellow and Key (Key being whatever ink color makes black on the paper color you’re using — usually just black itself) and is the standard color space for printed material. Using these four ink colors in different screens, you can produce virtually any color in print. RBG, on the other hand, stands for Red, Green and Blue and is what every computer monitor, television and other digital equipment uses to produce color.

RGB generally produces brighter and more vibrant colors. As the photo below illustrates, blue is especially affected by the conversion from RGB to CMYK. Shades of just about any color can be affected and will generally appear duller in CMYK.

Screenshot

Because images in digital publications are viewed in RGB, no conversion is needed (scanners and digital cameras both render images natively in RGB). The other major advantage is that what you see on screen is what your readers will see (barring differences in monitor calibration). This means that proofing on screen is adequate, without the need to print out individual pages.

Image Compression and Sizing
Because images in digital publications are viewed on screen, they can be compressed much more.

To determine the size your image needs to be, figure out how large your image will be at full zoom in your digital publication’s format. Your image will need to be at least that size at 72 dpi. If you’re working with a digital flip-book or PDF-style magazine, you may need to increase the dpi to make the image fit on the page at the proper size. For example, if your magazine can be zoomed in to twice its normal size, you’ll need to make your images at least 144 dpi. If you can zoom in to three times the normal size, your images will need to be at least 216 dpi.

I recommend using JPEG (set to “high” quality, usually level 8 or 9) or PNG format for your image files. Be careful with compression in JPEG, however, because you’re more likely to end up with “artifacts” in your final image. PNG offers a number of advantages to GIF, particularly when it comes to options for transparency and true-color palettes. And PNG images can be compressed to between 10 to 30% more than GIF images. For the most part, unless you are repeatedly re-saving images, the format you choose will make little difference to anything other than file size.

Resources:

3. Subscribers And Distribution

Distribution of the magazine can be handled in different ways. An RSS feed is a great way for all of the formats discussed above. Email announcements are another method.

RSS feeds are great for magazines with more tech-savvy readerships. Your own target readership may or may not be familiar with RSS, though the format is becoming more popular and widely known every day. It’s a good option to offer across the board, though, because delivery by this method is more reliable than by email.

Email distribution can be plagued with problems. Maintaining unsubscriber lists can be a headache and come with legal ramifications if laws and regulations are not adhered to. Bulk emails always run the risk of ending up in spam or junk folders, and special programs are needed to manage large mailing lists. A number of providers out there will manage email lists and mailings for you, though prices vary and sometimes long-term contracts are required, as are monthly fees.

Getting subscribers is a bit more difficult, too. Targeted advertising is probably the most useful method, along with search engine optimization. Including both RSS and email subscription options is another way to increase your subscriber numbers. Both should serve as valid measurements when discussing subscriber rates with potential advertisers.

Resources:

  • ConstantContact20 is an email marketing platform that comes with a 60-day free trial.
  • iContact21 is another email marketing platform that includes a number of extra features.
  • poMMo22 is open-source mass-emailing software that is a good solution for those who want to do everything in-house.

4. Revenue Generation

Advertising is probably the most promising revenue stream for digital publications, as it is with most print magazines and newspapers. Subscriber-based methods of generating revenue are more difficult online unless you are dealing with a very specialized niche market. With so much free information available online, you have to offer something very unique to attract enough people who are willing to pay for your content.

Screenshot23

More advertising options are available with flip-book and PDF magazines than with standard print magazines. Common add-ons for which you can charge are active website links, multimedia content (Flash videos, audio files, etc.) and special sponsorships. Charging for each add-on can increase revenue streams.

Generally, pricing should be based on traffic and readership numbers. Compare these numbers to the rate per thousand impressions on websites in similar niches to get a good baseline for advertising rates. Website advertisements can be done in the same formats that most other websites offer.

Don’t overlook advertising opportunities in subscription delivery. You can sell ads that appear within RSS feeds and in email announcements. Ads on the website where your magazine is distributed are another oft-overlooked opportunity for more revenue.

Resources:

  • OpenX24 is free, open-source ad-server software.
  • This article on Google AdSense25 provides a good overview of this option for advertising on the pages that serve your magazine.
  • This article on monetizing your RSS feeds26 lists eight ways to make money from your RSS feeds.

5. Other Considerations

Article length and even paragraph length should be considered in digital publications. While PDF and flip-book formats are more forgiving (because they more closely resemble print), remember that people often tire of reading things online more quickly than in print. Allowing readers to print pages and articles can help curb this problem.

Screenshot27
TypeChart2928 lets you flip through, preview and compare Web typography while retrieving the CSS.

With website- and blog-based publications, paragraph and article length is more important. Keep your paragraphs shorter and break up long articles into multiple pages if possible.

Resources:

While print and Web publications have many similarities, they also have a lot of subtle differences. The Web offers more options with multimedia and is, in many ways, an easier format to work with. Take time to plan out your solution. Changing your mind after a few issues can be a costly and time-consuming decision. Good planning and full investigation of the options available to you can save headaches later on.

Further Resources

(al)

↑ Back to topShare on Twitter

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

  1. 1

    It’s like moving towards future from past. However, basics is important…Nice Article Cameron… Good review over typography. Thanks for sharing!!

    DKumar M
    @instantShift

    1
  2. 2

    Thanks for the timely article, Cameron. I would add that your firth point, titled ‘Other Considerations’ should take place near the top. The web does not enjoy the attention span print media receives and design/editorial must focus on grabbing attention. And god forbid anyone considers moving onto Flash or PDF (point #1) from print. I know they are viable media, but they are so poorly used that HTML is the only alternative that makes practical sense.

    0
  3. 3

    Nice article. I made the transition from print to web about 5 years ago without too much difficulty, but I know several print designers who seriously struggle.

    For those designers who have InDesign CS4, it has a nifty export to Flash function that makes creating Flip-books as simple as checking a box in the parameters. It’s not the sexiest piece of Flash and is not really extensible, but it’s a quick and dirty option for print designers to get their goods on the web.

    0
  4. 4

    having taught web and flash to print students, the absolute biggest two hurdles to cross was the transition to rgb and measuring with pixels.

    0
  5. 5

    Great article….definately some good tips here…

    My biggest hurdle from print to web was definitely going from CMYK to RGB.

    0
  6. 6

    Very useful tips here. Thanks!

    0
  7. 7

    Pierre Bisaillon

    April 16, 2009 6:45 pm

    Overall an informative article. One note though is your comment about SEO regarding flip-books is quite dated. Any of the major providers, including the two you mentioned, have no problem with SEO. True, they are image/Flash-based, which search engines are generally incapable of indexing, but they get around this by extracting the text from the original PDF and storing it in a connected database thereby elegantly making the flip-books as indexable as standard Web pages.

    0
  8. 8

    very useful. thanks!

    0
  9. 9

    Great post! Thanks for sharing…

    0
  10. 10

    Great visuals, and an interesting topic. It would be good to qualify your resoures as just a handful of examples, because Drupal (http://drupal.org) was definitely worth including as a resource for ‘Blog- and Website-Based Magazines’.

    0
  11. 11

    Leon Paternoster

    April 16, 2009 9:42 pm

    Interesting perspective: I work with people from the print world and I get a lot of typographic stuff from them. I know they can find the transition to web — and the loss of control over typography — quite difficult.

    However, you can tell this comes from a print perspective. pt instead of px, and this gem:

    Security is a bigger concern because cut-and-paste functions are enabled by default on this type of website, making it easier for others to steal content for use on their own websites. These capabilities can be disabled, however, and you may want to consider doing so.

    Erm, the web is all about sharing info. Not allowing c&paste completely misses the point. And publishing in PDF format rather than setting up a proper website also misses the point: the web’s also about commentary and hyperlinking, which you lose in a PDF.

    So while print publishing can inform the web, you can’t just apply the techniques of one to the other.

    0
  12. 12

    as long as i could not kill a fly with a monitor, we really need printed stuff..
    But its a great but short article that tells the rough outlines when taking web2print.

    keep going
    cheers

    0
  13. 13

    Good one ..grid n typo the hidden variables

    0
  14. 14

    Yet again, another wonderful article. Thanks for the great content, always teaching me new wonderful things I never thought about. Great stuff, eye opener as usual.

    0
  15. 15

    these are the posts i like here.
    much better than photocollections.

    thank you!

    0
  16. 16

    Good morning! Thanks for sharing, great! I’don’t know if you know this but MegaZine from mightypirates is also a very cool online catalog tool and it’s opensource. A lot of features like Zoom, sound and video support and a few more. Maybe have a look ;-)

    Thanks!

    0
  17. 17

    incredible work. Thanks.

    0
  18. 18

    Now let’s hope all the print designers who design for the web will read this.

    0
  19. 19

    Yeah, I should send this to some of the studios, we have to… err, we work with. :-)

    I guess, it’s not only me seeing some terrible things with print agencies:
    - asking for half spaces or even half pixels
    - using rulers on a monitor to check correct distances of elements
    - and more… *sigh*

    0
  20. 20

    300 – 72
    CMYK – RGB
    And websites don’t bleed ;)

    0
  21. 21

    But don’t forget the opposite …
    Some of the webdesigners deliver 72 dpi GIFs and want them printed on posters with 2×2 meters ;-) … and then asking why it looks so terrible because on the screen it was fine :-D

    0
  22. 22

    @Leon, agree with you there mate, I’m not saying that once something goes online it’s fair game, and copyright laws do exist for a reason. But half the web designers I know wouldn’t be doing it if we weren’t sat in our bedrooms 10 years ago, taking other peoples sites apart to see how it all worked.

    We get the odd print studio sending us designs to code up which would look great in print but aren’t practical on the web.

    A quick note to print designers making the transition: I know you like mm perfect control over your output but you need to let it go to some point, your site doesn’t have to look the same in all browsers. It doesn’t have to try and squeeze every little bit of information above the fold, stop using tables, images should not replace text and please, please stop designing things to fit perfectly on your monitor and your monitor alone.

    0
  23. 23

    I think that you missed a major resource: we use Issuu http://issuu.com for our online magazine. Looks beautiful, and works great.

    0
  24. 24

    Great list. For a magazine-style CMS let’s also mention the web publisher Krang (http://www.krangcms.com) that does a brilliant job at some big online magazine sites.

    0
  25. 25

    You forgot to mention that you can create free flip-books at issuu.com – they have a paid-for account for some premium features which is fairly reasonably priced too. Have used it for a number of clients so far and they’ve all been very happy with the results…

    0
  26. 26

    Good post…

    can u please post about switching web to print…?

    thanks…

    0
  27. 27

    print->web=easy
    web->print=hard
    generally

    0
  28. 28

    Great article , really inspiring!

    0
  29. 29

    Jeffrey Zeldman just released his book “Taking your Talent to the web” as a free PDF – must-read!

    0
  30. 30

    Dennis McDonald

    April 17, 2009 3:27 am

    Another disadvantage of PDF is that it is awful to use. Anyone who publishes exclusively online this way I immediately assume is virulently anti-reader.

    (Interestingly, your web site comment feature is the first I’ve seen that does not allow listing of the author’s web site address — that is another anti-reader feature since one of the web’s advantages is the ability to support a dialog. If I write a blog post about this article, are you saying that I should NOT include a link to it?)

    0
  31. 31
  32. 32

    had to double take on that first “blanket” shot under PDF Magazines
    looks like “UUanket” !

    0
  33. 33

    Great article Cameron. You’ve covered most of the points that I personally had to deal with when I switched over from print to web media (and that was 7-8 years ago, yet a lot of the things you mentioned still holds true).

    0
  34. 34

    break up long articles into multiple pages if possible

    I was with you until this point. Is there some sort of user-centered reason to do this? As a reader, I hate it. I thought the only reason was to boost the number of ads you can run. What am I missing?

    0
  35. 35

    The article might have some valid points, but it got colors all wrong. #333333 is dark gray, #666666 is medium gray, and #999999 is light gray. Any decent designer should have an understanding of hex codes. 0 is black.

    0
  36. 36

    @zarathustra: re: web –> print

    web –> print wasn’t exactly easy for us but we did it at Advanced Aquarist’s Online Magazine last year. We’ve been publishing online since 2002 (where we started originally) and we stared by going to a PDF version made from our online content back in November 2007. And then a year later we went to a printed edition version using a spinoff of the PDF edition and CreateSpace.com.

    http://www.advancedaquarist.com/print-edition

    You can see what they look like by clicking the ‘PDF’ link in the header.

    In a nutshell, we used PrinceXML + HTML + CSS to repurpose our online content into a nicely formatted PDF edition which we then turned around and printed using CreateSpace. You could also use Lulu.com if you’d rather — both work very well with the PDFs generated with PrinceXML. It’s worked out *really* well for us. If you’re interested in repurposing your content from the web to PDF and subsequently to print I’d highly recommend checking PrinceXML out (http://www.princexml.com).

    Shane

    0
  37. 37

    …you can produce virtually any color in print. RBG, on the other hand…

    Proof reading is still essential though – be it in print or on screen… ; )

    0
  38. 38

    Can we see a similar article about making the switch as a designer? Having been a print designer all my life I’m trying to get more involved with web but there are so many different avenues it goes from very simple to very complex with seemingly no middle ground! A suggested road map of skills to acquire in a logical order would be invaluable.

    0
  39. 39

    I wrote a post about improving your conceptual web design on my site that had some things that carry over from print like wrapping text around images, using alternative fonts etc.

    Tips and Tools to Improve your conceptual web design

    It might help a few people out.

    0
  40. 40

    I appreciate the choice to cover this topic, as a web developer working in the (shrinking) print publishing industry this is an issue I deal with daily. It is also a topic on which so many print-industry veterans–from editors and publishers to the part-time stringer–desperately need good information. I clicked through to the full post with great hope that perhaps this would be the reference we all desperately need.

    Immediately, though, by touting Flash flip books and, heaven forbid, PDF-only publications as a solution for the industry, you’ve managed to miss the point and, worse still, further the misconception that a print to web transition should attempt to recreate the printed page.

    Delivering content via the web, rather than paper, is not simply a matter of switching from CMYK to RGB. A more useful piece would have addressed the more important conversion in mindset from print to web. That’s “where to start.”

    How do you help someone who once built a page with hot wax understand semantic web?

    Not by showing them how to make smaller PDFs.

    Different medium, that’s the message.

    0
  41. 41

    there’s only one thing that I dont want to see so much of.
    CS4 indesign I believe will have an automatic SWF save as that can take a document and turn it into a page flip file (the one where you can hover over a corner, click and drag to turn the page like you would a ‘real’ book).

    Seeing a few dont bother me, but there is a large variation of screen sizes so it gets annoying to navigate through them

    0
  42. 42

    Cameron, thanks for sharing this write out..

    Glad that you mentioned about the disadvantages of the PDF, “File size needs to be carefully monitored. In publications that are image-heavy or include multimedia, files can quickly exceed 100 MB…”

    So for Digital FlipBook will has a great advantage in dividing out pages and provide to the reader in streaming..

    Regards,
    Fred

    0
  43. 43

    You really should correct those color hex values (Harris raised that point in a previous comment).

    The articles says “Going for too light and too low a contrast can have the opposite effect and make it harder to read (i.e. don’t use a #333333 gray on a white background).”
    #333 is very dark gray (in RGB) so it’s totally ok on a white (#FFF) background, contrary to what the author wrote. All the other color hex values are inverted too!

    Also: comparing 12pt Verdana to 12pt Georgia (or Arial) onscreen is unfair since Verdana is just much bigger in general and it takes almost twice as much screen real-estate. You don’t need no fancy screenshots just to tell me that bigger font is more readable!

    Hence it would be better to compare 11pt Verdana to 12pt Georgia (they take up roughly the same amount of space onscreen) because that’s the alternative one would normally face (as screen real-estate is usually scarce).

    0
  44. 44

    Wow,Thanks
    Link

    0
  45. 45

    I agree with H:

    Immediately, though, by touting Flash flip books and, heaven forbid, PDF-only publications as a solution for the industry, you’ve managed to miss the point and, worse still, further the misconception that a print to web transition should attempt to recreate the printed page.

    You also didn’t touch on the topic of accessibility. A flash flip-book is not accessible and PDFs require extra work to make accessible. As a Web developer in higher-ed, inaccessible information can be illegal and is simply not an option.

    Plus, is there any statistics on who reads content packaged in a flash flip-book or PDF? Do people actually read those things? I’m amazed advertisers would want to invest in that kind of medium when there are other options with a larger audience.

    0
  46. 46

    Yea another vote for issue over here, olso check out their smartlook script.

    0
  47. 47

    Nice Article! but there is a small spelling error under CMYK vs. RGB section

    Using these four ink colors in different screens, you can produce virtually any color in print. RBG, on the other hand, stands for Red, Green and Blue… I guess its RGB and not RBG…

    not a serious issue though :)

    0
  48. 48

    Really useful for me. Thanks!

    0
  49. 49

    Luciano Santa Brígida

    April 20, 2009 9:07 am

    You made it very simple to understand that hard steps and the benefits of going digital. I’d love to translate it for academical porpuses. It is really useful! Congratulations, Cameron!

    0
  50. 50

    Flash flip-books are overvalued. My boss saw this effect and wanted to convert a lot print to screen with that.

    At end, it wont worth it. Print > Web, web need more space and organization to read, It’s hardly possible to convert 100% print layout to web. Lot data in a flip page – that need do zoom every time u need to read, inst a good idea. Flip could stress people lot more than read a web page.

    I believe a hybrid – print > web with a online magazine is the best choice. Flip-books/pdfs I think is the best only for illustrations or less text layout. For less clicks, zooms and load time.

    0
  51. 51

    Fantastic article, not to mention very useful! Congratulations and thank you!

    0
  52. 52

    Awesome tips!

    Jack

    0
  53. 53

    Interesting article. Some useful tips in here.

    One category not emphasised sufficiently though; online-only publications. Not a website trying to be a magazine, as alluded to in the ‘Blog- and Website-Based Magazines’ section, but a magazine launched specifically to exist online, and maintain a magazine format. I don’t think the ‘Flip-Books’ section quite covers this either.

    Online-only publications are where the greatest value is provided to the reader and advertiser alike. Striking that combination is the key to the success of any web based product.

    Ceros has more online only titles than any other system on the planet.

    0
  54. 54
  55. 55

    Palatino anyone?

    0
  56. 56

    It will take at least 10-20 years but when the reality hits that sitting in front of a computer for hours is unhealthy….. we’ll see print make a comeback. Just about the time I’ll sell my publications. :~)

    Oh I still have them online but I won’t stop printing.

    0
  57. 57

    Colorcodes are wrong. #000 is darkest and #fff is brightest. Couldn’t figure it out what you ment first, but I think you’ve just mixed it up.

    0
  58. 58

    Totally agree with you Yeah!. “having taught web and flash to print students, the absolute biggest two hurdles to cross was the transition to rgb and measuring with pixels.”… Plus, get students to think outside the A3-A4 printing formats.

    0
  59. 59

    CTNdigital has been doing this for higher end stuff for a long time
    http://w.ctndigital.com ( brochure interaction ) example..
    http://madmenmag.com for the season opener, etc.

    personally i hate having a zinio issu texterity – avoid.
    Click then Zoom
    Then ZOOM OUT
    then click – HUH .. it launched an advertizer webpage by mistake.

    I give it my full screen and still have to zoom to read?
    this fundamentally breaks basic usability and drives me nuts doing it.

    my vote for best ever = http://www.flypmedia.com/
    2nd best = http://ctngreen.com/mag

    do that and you have a user experience worth the time.

    0
  60. 60

    Lots of good tips there. Very good everything on typography.

    But missing the parts in how people read differently on paper and web. Print media is something you look at, it talks to you. The web on the other hand is an interactive media, you can comment and share much easier with other and the sender. For a design it is key to understand the media one is working on, and the mindsets of the people using it.

    0
  61. 61

    What I care about is how easy it creates the magazine and then how do others view the magazine. I came across http://www.axmag.com/ and am now using its free online conversion.

    0
  62. 62

    You stupid fmoron author…
    Listen, I don’t know what’s with the bullcrapiness that is twitter, but stop being a fucking sheep by making your own twitter logo. Also, why is there an rss button? Firefox can detect RSS from our address. So there is no need for a logo, moron. Oh, but Internet Explorer doesn’t do that. Internet Explorer is a piece of crap.The only purpose for IE is that it’s bait for someone who is new to the online world.

    0
  63. 63

    Since I’m not very tech savvy, I decided to use http://www.instantflipbook.com for my monthly magazines. They require you only to upload a PDF and the conversion is done automatically within minutes. I’m very impressed with these guys. Also the tech support responded very quick to my questions.

    0
  64. 64

    Preekly is pretty sweet for learning web design. They do weekly info products sometimes it’s really basic stuff, but It’s always pretty easy to follow, even for the non-tech y like myself. preekly.com

    0
  65. 65

    I recommend – http://www.pressmo.com
    Pressmo is a online software allowing you to automatically convert PDF files into interactive Flash digital publications with simple navigation and advanced look, and You can host publications on your own domain/server.

    0
  66. 66

    for users without programming skills, I think using tool to create online magazine is more quicker. Choosing an ease to use tool is most important. I recommend kvisoft flipbook maker kvisoft.com/flipbook-maker/
    the built-in templates will let you create flash magazine from pdf files in mintues.

    0
  67. 67

    Here’s some of my list…

    Blog and Website-Based Magazines
    http://www.mashable.com
    http://www.techcrunch.com
    http://www.lifehacker.com

    PDF Magazines
    http://www.scribd.com

    Images and compression
    http://jpegmini.com
    http://www.pixlr.com/editor

    Subscribers And Distribution
    http://www.activecampaign.com

    0
  68. 68

    I strongly recommend aXflip page flip book maker . It can convert images ,pdf,Microsoft word and PowerPoint file to page flip books.I really have no experience with anything else, and I rarely stitch..

    0
  69. 69

    Hey guys, i used to create online brochures through the web site flash-ebrochure.com, but i recently discovered a new web site for creating online ebrochures, its the: http://www.flip-book-online.com, i have created 2-3 ebrochures and they are very nice! It includes many functionalities and it is free to test it!

    1
    • 70

      thanks Chrisoula! I ‘ve just created one as the trial is free ;). I really like the result!

      0

↑ Back to top